From 0ac4e192d2d2c28eb95e118eb381c04330b07953 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 20 十一月 2024 11:51:46 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/childHealth/view/content/components/chapter009.vue |  415 +++++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 274 insertions(+), 141 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter009.vue b/src/books/childHealth/view/content/components/chapter009.vue
index 269dbcb..38fcbb2 100644
--- a/src/books/childHealth/view/content/components/chapter009.vue
+++ b/src/books/childHealth/view/content/components/chapter009.vue
@@ -49,12 +49,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/chapterNine/0248-1.jpg" class="w100">
           </p>
         </div>
       </div>
@@ -79,13 +75,26 @@
             <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"
@@ -155,6 +164,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.瀛﹀墠鍎跨鐨勯蓟鑵旀湁浠�涔堢壒鐐�?鎬庢牱杩涜绉戝淇濆仴?</span
@@ -166,6 +176,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.瀛﹀墠鍎跨鐨勫0甯︽湁浠�涔堢壒鐐�?骞煎効鏁欏笀璁茶瘽涓轰粈涔堣杞诲0缁嗚?</span
@@ -177,6 +188,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.瀛﹀墠鍎跨寮犲彛鍛煎惛鏈夊摢浜涘嵄瀹�?鎬庢牱绾犳?</span
@@ -188,6 +200,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.瀛﹀墠鍎跨鐨勫懠鍚歌繍鍔ㄦ湁浠�涔堢壒鐐�?</span>
                 <textarea
@@ -197,6 +210,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">6.瀛﹀墠鍎跨浠ヤ粈涔堟ā寮忕殑鍛煎惛涓轰富?</span>
                 <textarea
@@ -206,6 +220,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">7.鎿ら蓟娑曠殑姝g‘鏂规硶鏄粈涔�?</span>
                 <textarea
@@ -215,6 +230,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.閽堝瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭壒鐐癸紝濡備綍鍩瑰吇瀛﹀墠鍎跨鑹ソ鐨勫崼鐢熶範鎯�?</span
@@ -226,6 +242,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -252,6 +269,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鍚堢悊鐨勭敓娲诲埗搴︽湁鍒╀簬涓綋鐢熺墿閽熺殑寤虹珛锛屾湰涓婚涓昏璁茶堪鏍规嵁瀛﹀墠鍎跨鐨勫勾榫勭壒鐐癸紝绉戝瀹夋帓浠栦滑鐨勫涔犮�佽繘椁愩�佹父鎴忋�佺潯鐪犵瓑姣忎釜鐢熸椿鐜妭鐨勬剰涔夈�佷緷鎹強瑕佹眰锛屼负骞兼暀宸ヤ綔鑰呭埗瀹氱瀛﹀悎鐞嗙殑鐢熸椿鍒跺害鎻愪緵甯姪銆�
@@ -286,7 +304,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>
@@ -332,12 +351,8 @@
             鍎跨鐨勪竴鏃ョ敓娲诲埗搴﹀簲鏍规嵁浠栦滑鐨勫績鐞嗗拰鐢熺悊鐗圭偣锛岀粨鍚堟暀鑲茶姹傚拰鍗敓鍘熷垯鏉ュ埗瀹氾紙瑙佽〃9-1锛夈��
           </p>
           <p class="img">琛�9-1 7宀佸墠鍎跨涓�鏃ョ敓娲讳綔鎭椂闂村垎閰�</p>
-          <p class="center">
-            <el-image
-              :src="tableOne"
-              :preview-src-list="[tableOne]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterNine/0250-1.jpg" class="w100">
           </p>
           <h4 id="d317">锛堜竴锛変緷鎹勾榫勭壒鐐�</h4>
           <p>
@@ -501,30 +516,6 @@
           </p>
           <h5 id="e301">2.钀ラ�犳俯棣ㄧ殑鐫$湢姘涘洿</h5>
           <p>
-            鍎跨鍦ㄥ悆楗墠瑕佹礂鎵嬶紝鍚冮キ鏃惰缁嗗毤鎱㈠捊锛屾帀鍦ㄥ湴涓婄殑椋熺墿涓嶈鎹¤捣鏉ュ啀鍚冦��
-          </p>
-          <p>
-            涓�鑸儏鍐典笅锛屽効绔ュ埌浜�3宀佺殑鏃跺�欒兘鑷繁浣跨敤绛峰瓙锛屼笉闇�瑕佸埆浜哄府鍔╋紝鑷繁鐙嚜鍚冮キ绾﹀湪3宀佸崐鐨勬椂鍊欍�傚綋鍎跨鍙互鑷繁杩涢鏃讹紝鎴愪汉涓嶅簲鍐嶅杺浜嗐��
-          </p>
-          <p>
-            姘存灉搴斿畨鎺掑湪楗悗鍚冿紝鏈�濂戒笉瑕佺┖鑵瑰悆銆傝櫧鐒舵灉鐨腑鍚湁澶ч噺鐨勭淮鐢熺礌锛屼絾鏋滅毊涓畫鐣欑殑鍐滆嵂閲忔瘮鏋滆倝涓珮2锝�10鍊嶏紝鑰屼笖鐢ㄦ按鏄礂涓嶆帀鐨勩�備负浜嗛槻姝㈠啘鑽韬綋鐨勫嵄瀹筹紝鍦ㄥ悆鑻规灉銆佹ⅷ銆佹绛夎娲楀噣鍚庡啀鍓婄毊锛涘悆骞挎煈銆佹煔瀛愪竴绫荤殑姘存灉瑕佸厛娲楀噣锛岀劧鍚庡啀鍓ョ毊锛涘儚钁¤悇銆佽崏鑾撲竴绫荤殑姘存灉锛屽彲浠ュ厛鐢ㄥ皬鑻忔墦鎴栨穩绮夊姞姘存蹈娉★紝鍐嶇敤娴佸姩鐨勬竻姘村啿娲楀共鍑�銆傚墛濂界毊鐨勬按鏋滄渶濂介┈涓婂悆锛岃嫢鏀剧疆杩囦箙锛屼竴浜涙垚鍒嗗皢浼氳绌烘皵姘у寲銆�
-          </p>
-          <h4 id="d328">锛堜笁锛夌潯鐪�</h4>
-          <p>
-            鍎跨鐨勭缁忕郴缁熷彂鑲蹭笉瀹屽杽锛岀缁忕粏鑳炲鏄撳彂鐢熺柌鍔炽�傝�屾甯哥殑鐫$湢鏄ぇ鑴戠毊灞傚箍娉涙姂鍒剁殑缁撴灉銆傚湪澶ц剳鐨眰鎶戝埗鐨勬儏鍐典笅锛屽ぇ鑴戠毊灞傜粏鑳炵殑鍔熻兘鎹熻�楀緱鍒版仮澶嶏紝鍙锛岀潯鐪犳槸涓�绉嶄繚鎶ゆ�ф満鑳斤紝鑳戒繚鎶ゅぇ鑴戠毊灞傜粏鑳炲厤浜庡姛鑳借“绔�備笉浠呭姝わ紝鐫$湢鏃舵満浣撶殑鍚勭鐢熺悊娲诲姩閮藉噺寮憋紝楠ㄩ鑲屽紶鍔涢檷浣庯紝蹇冪巼鍙樻參锛岃鍘嬩笅闄嶏紝鍛煎惛鍙樻參锛岀敓闀跨礌鍒嗘硨澧炲姞锛屽淇冭繘鐢熼暱鍙戣偛鏈夐噸瑕佺殑鎰忎箟銆傚洜姝わ紝蹇呴』淇濊瘉鍎跨鏈夊厖瓒崇殑鐫$湢鏃堕棿锛屽彧鏈夎繖鏍凤紝鎵嶈兘娑堥櫎涓�澶╃殑鐤插姵锛屼繚璇侀珮绾х缁忕郴缁熺殑姝e父鏈鸿兘锛屼娇浠栦滑鍦ㄥ涔犳垨娓告垙鏃跺ご鑴戞竻閱掋�佺簿鍔涘厖娌涖�佽蹇嗗姏濂姐��
-          </p>
-          <p>
-            鍎跨鐨勭潯鐪犳椂闂村簲闅忓勾榫勫拰鍋ュ悍鐘跺喌鑰屽紓銆傚勾榫勫皬銆佷綋璐ㄥ急鐨勫効绔ョ潯鐪犳椂闂撮渶鐩稿簲寤堕暱锛�3锝�4宀佹瘡澶╅渶瑕�12锝�13灏忔椂锛�5锝�6宀佹瘡澶╅渶瑕�11锝�12灏忔椂銆�
-          </p>
-          <p>
-            鐫$湢涓嶄絾瑕佹湁瓒冲鐨勬椂闂达紝鑰屼笖瑕佹湁涓�瀹氱殑璐ㄩ噺锛屼负姝わ紝蹇呴』娉ㄦ剰浠ヤ笅鍑犵偣銆�
-          </p>
-          <h5 id="e300">1.鍒涜鑹ソ鐨勭潯鐪犵幆澧�</h5>
-          <p>
-            鐫″墠搴斿紑绐楅�氶鎹㈡皵锛屼繚鎸佸鍐呯┖姘旀柊椴滐紝瀹ゆ俯淇濇寔鍦�16鈩冿綖18鈩冿紱鍎跨鐫$湢鐜瑕佸畨闈欙紝瀹夋帓鍎跨鐫$湢鏃跺姩浣滆杞伙紝鎬佸害瑕佸拰钄硷紝瑕佹眰鍎跨鍔ㄤ綔涔熻杞伙紱鐫$湢鏃剁洊琚鏉捐蒋锛屾牴鎹鑺傛洿鎹㈢洊琚紝涓�鑸�10鏈堝悗鎹㈠帤琚紝5鏈堟崲钖勮锛屽瀛f崲姣涘肪琚紱鍗堢潯搴旇劚琛f垨鑴辨帀閮ㄥ垎琛f湇锛屽唴琛h骞插噣锛屾煍杞苟瀹芥澗閫傚害锛涙灂澶撮暱搴﹀ぇ鑷翠笌鑲╁鐩稿悓锛屽涓庡ご闀跨浉鍚岋紝涓嶅疁杩囬珮鎴栬繃浣庯紝鍚﹀垯浼氬奖鍝嶈娑插惊鐜��
-          </p>
-          <h5 id="e301">2.钀ラ�犳俯棣ㄧ殑鐫$湢姘涘洿</h5>
-          <p>
             鐫″墠涓嶈璁╁効绔ヤ粠浜嬭繃搴﹀叴濂嬬殑娲诲姩鎴栧お绱у紶鐨勮剳鍔涘姵鍔紱涓嶈闀挎椂闂寸湅鐢佃锛屾洿涓嶈鐪嬫儕闄╃殑鐢佃鑺傜洰锛涗笉澶у0鏂ヨ矗鍎跨锛屽彲杩涜璁叉晠浜嬨�佹俯鍜屽湴璋堣瘽绛夊畨闈欍�佹湁瓒g殑鐫″墠娲诲姩锛屽畨鎶氬効绔ユ儏缁紱灏卞瘽鏃堕棿涓�鍒板氨鍏崇伅锛岃鎴块棿鍙樻殫锛堝彲淇濈暀澶滅伅锛夛紝浠ヤ究璁╁効绔ユ儏
           </p>
         </div>
@@ -601,7 +592,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>
@@ -636,12 +628,11 @@
             />
             浜戞祴璇�
           </h6>
-          <p class="blockh6-c center">
+          <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚涓�</span>
             <examinations
+            v-if="questionData"
               :cardList="questionData[251]"
-              :chapter="9"
-              :page="243"
             />
           </p>
         </div>
@@ -667,13 +658,26 @@
             <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"
@@ -746,6 +750,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.鏅ㄩ棿妫�鏌ョ殑鐩殑鏄粈涔�?宸ュ叿鏈夊摢浜�?妫�鏌绘鈥滀竴闂�佷簩鎽搞�佷笁鐪嬨�佸洓鏌モ�濈殑鍏蜂綋鍐呭鏄粈涔�?</span
@@ -757,6 +762,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">3.鍏ㄦ棩鍋ュ悍瑙傚療鐨勯噸鐐规槸浠�涔�?</span>
                 <textarea
@@ -766,6 +772,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.浠�涔堟槸鐤嫍?鐤嫍鐨勭绫绘湁鍝簺?浠�涔堟槸璁″垝鍏嶇柅?</span
@@ -777,6 +784,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.浠�涔堟槸鍩虹鍏嶇柅?浠�涔堟槸鍔犲己鍏嶇柅?</span>
                 <textarea
@@ -786,6 +794,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">6.浜轰綋鐨勫厤鐤弽搴旀湁鍝嚑绉�?</span>
                 <textarea
@@ -795,6 +804,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.鎵ц鍎跨璁″垝鍏嶇柅绋嬪簭瑕佹帉鎻″摢浜涢棶棰�?</span
@@ -806,6 +816,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">8.棰勯槻鎺ョ鐨勫崼鐢熻姹傛槸浠�涔�?</span>
                 <textarea
@@ -815,6 +826,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >9.浠�涔堟槸闅旂?涓轰粈涔堣闅旂?骞煎効鍥殑闅旂瀵硅薄鏄摢浜�?</span
@@ -826,6 +838,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >10.浠�涔堟槸娑堟瘨?甯哥敤鐨勬秷姣掓柟娉曟湁鍝簺?骞煎効鍥殑娑堟瘨瀵硅薄鏈夊摢浜�?</span
@@ -837,6 +850,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">11.骞煎効鍥湁鍝簺闃叉姹℃煋鐨勬帾鏂�?</span>
                 <textarea
@@ -846,6 +860,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >12.骞煎効鍥崼鐢熶繚鍋ョ櫥璁般�佺粺璁$殑鍐呭鏈夊摢浜�?</span
@@ -857,6 +872,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -881,11 +897,13 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏍规嵁涓�浜涘尰闄㈢殑鍎跨淇濆仴绉戦棬璇婄殑璋冩煡鏄剧ず锛氶�惧叚鎴愮殑瀛╁瓙鏈変笉鍚岀▼搴︾殑蹇冪悊鍜屼綋鏍煎彂鑲查棶棰橈紝鑰岃瘖娌荤巼鍗翠笉瓒�10%锛涘緢澶氬闀胯涓哄仴搴风殑瀛╁瓙鍗磋鏌ュ嚭鎮f湁钀ュ吇涓嶈壇銆佽偉鑳栥�佽传琛�绛夎韩蹇冪柧鐥呫�備笓瀹惰涓猴紝瀹氭湡瀵瑰効绔ヨ繘琛屽仴搴蜂綋妫�锛屼笉浣嗗彲浠ヤ簡瑙e効绔ョ殑鐢熼暱鍙戣偛鎯呭喌锛岃繕鑳藉強鏃跺彂鐜板紓甯革紝鏄繚璇佸効绔ュ仴搴锋垚闀跨殑閲嶈鎵嬫銆傛湰涓婚涓昏璁茶堪浜嗘墭骞兼満鏋勭殑浣撴牸妫�鏌ュ埗搴︺�侀闃叉帴绉嶅埗搴︺�侀殧绂诲埗搴︺�佹秷姣掑埗搴﹀拰鐜鍗敓鍒跺害锛屼互鍒╀簬鍚屽浠叏闈簡瑙f墭骞兼満鏋勭殑鍗敓淇濆仴鍒跺害銆�
             </p>
           </div>
+          <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
           <div class="fieldset">
             <p class="block">
               銆婃墭鍎挎墍骞煎効鍥崼鐢熶繚鍋ョ鐞嗗姙娉曘�嬫槑纭瀹氾紝鎵樺辜鏈烘瀯鍗敓淇濆仴宸ヤ綔鍖呮嫭浠ヤ笅鍐呭銆�
@@ -974,7 +992,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>
@@ -1034,7 +1053,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>
@@ -1071,12 +1091,8 @@
             棰勯槻鎺ョ渚濈収涓�瀹氱殑绋嬪簭锛堣琛�9-2锛夈�傚洜涓烘湁鐨勭柅鑻椾竴娆℃帴绉嶅悗鎵�浜х敓鐨勬姉浣撻噺灏戯紝缁存寔鐨勬椂闂寸煭锛屾墍浠ュ繀椤诲湪涓�瀹氭椂闂村唴鍐嶆帴绉嶄竴娆★紝浣挎姉浣撲繚鎸佸湪涓�瀹氱殑姘村钩锛屼互鍔犲己棰勯槻浣滅敤銆�
           </p>
           <p class="img">琛�9-2 鍎跨璁″垝鍏嶇柅绋嬪簭</p>
-          <p class="center">
-            <el-image
-              :src="tableTwo"
-              :preview-src-list="[tableTwo]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterNine/0260-1.jpg" class="w100">
           </p>
           <p>
             浜轰綋鏈変袱绉嶅厤鐤弽搴旓細涓�绉嶆槸缁嗚優鍏嶇柅锛屽彟涓�绉嶆槸浣撴恫鍏嶇柅銆傜粏鑳炲厤鐤湪濠村効鍑虹敓鏃跺凡缁忓畬鍠勶紝鑰屼綋娑插厤鐤湪6涓湀浠ュ悗鎵嶆瘮杈冨畬鍠勩�傛湁浜涚柅鑻楋紝濡傚崱浠嬭嫍锛屾帴绉嶅悗鎶椾綋鐨勪骇鐢熶笌缁嗚優鍏嶇柅鏈夊叧锛涙湁浜涚柅鑻楋紝濡傞夯鐤圭柅鑻楋紝鎺ョ鍚庝笌浣撴恫鍏嶇柅鏈夊叧銆傛墍浠ワ紝濠村効鍑虹敓3澶╁唴娉ㄥ皠鍗′粙鑻楀氨鍙互浜х敓鎶椾綋锛屼互棰勯槻缁撴牳鐥呫�傝�屽湪鍑虹敓鍚�6涓湀鍐呮帴绉嶉夯鐤圭柅鑻楀氨涓嶈兘浜х敓瓒冲鐨勬姉浣擄紝涔熻揪涓嶅埌棰勯槻鐨勭洰鐨勶紝鍥犳锛岄夯鐤圭柅鑻楄鍦ㄥ嚭鐢�6涓湀浠ュ悗鎺ョ銆�
@@ -1250,7 +1266,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>
@@ -1304,7 +1321,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>
@@ -1316,9 +1334,9 @@
           <h5 id="e312">1.澶╃劧娑堟瘨娉�</h5>
           <p>
             澶╃劧娑堟瘨娉曟槸鍒╃敤閫氶鎹㈡皵銆佹棩鍏夌瓑鑷劧鏉′欢杩涜娑堟瘨鐨勬柟娉曪紝閫氶鎹㈡皵鑳芥帓闄ら儴鍒嗘垨鍏ㄩ儴鐨勭梾鍘熶綋锛屼絾涓嶈兘鏈夋晥鍦版潃鐏�
-            鐥呭師浣撱�傛棩鏅掓硶鍒欐槸鍒╃敤闃冲厜涓殑绱绾挎潃鐏梾鍘熶綋銆傚湪闃冲厜涓嬫毚鏅�3锝�6灏忔椂锛屽彲鏉�姝婚檮鐫�鍦ㄨ。鏈嶃�佽瑜ョ瓑鐗╁搧琛ㄩ潰鐨勭梾鍘熶綋锛涘湪鐩村皠闃冲厜涓嬭兘寰堝揩
+            鐥呭師浣撱�傛棩鏅掓硶鍒欐槸鍒╃敤闃冲厜涓殑绱绾挎潃鐏梾鍘熶綋銆傚湪闃冲厜涓嬫毚鏅�3锝�6灏忔椂锛屽彲鏉�姝婚檮鐫�鍦ㄨ。鏈嶃�佽瑜ョ瓑鐗╁搧琛ㄩ潰鐨勭梾鍘熶綋锛涘湪鐩村皠闃冲厜涓嬭兘寰堝揩灏嗘祦鎰熴�佺櫨鏃ュ挸銆佹祦鑴戙�侀夯鐤圭瓑鐥呭師浣撴潃姝汇��
           </p>
-          <p class="m0-t0">灏嗘祦鎰熴�佺櫨鏃ュ挸銆佹祦鑴戙�侀夯鐤圭瓑鐥呭師浣撴潃姝汇��</p>
+
           <h5 id="e313">2.鐑姏娑堟瘨娉�</h5>
           <p>
             甯哥敤鐨勭儹鍔涙秷姣掓硶鏈夋秷姣掓煖銆佹祦鍔ㄨ捀姹姐�佺叜娌告秷姣掔瓑锛岄�傜敤浜庨鍏枫�佽尪鍏枫�佹瘺宸剧瓑鐗╃殑娑堟瘨銆傜壒鍒渶瑕佽鏄庝竴涓嬬殑鏄噰鐢ㄧ叜娌告秷姣掓椂锛岃鎶婅娑堟瘨鐨勭墿鍝佸叏閮ㄦ蹈鍏ユ按涓紝鍔犵儹鐓哺銆備竴鑸嚧鐥呰弻鍦ㄧ叜娌�1锝�2鍒嗛挓鍚庡嵆鍙鏉�姝伙紱鐢插瀷鑲濈値鐥呮瘨鎴栦箼鍨嬭倽鐐庣梾姣掑拰涓�浜涚粏鑿岋紝鍒欓渶瑕佺叜娌�30鍒嗛挓鎵嶈兘鏉�姝汇�傛绉嶆柟娉曟棦绠�渚垮張鍙潬銆�
@@ -1437,7 +1455,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>
@@ -1521,9 +1540,8 @@
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚浜�</span>
             <examinations
+            v-if="questionData"
               :cardList="questionData[263]"
-              :chapter="9"
-              :page="255"
             />
           </p>
           <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
@@ -1534,71 +1552,193 @@
           <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
           <p class="block"><b>涓�銆佸垽鏂閿�</b></p>
           <p class="block">
-            1.缁堟湯娑堟瘨鏄寚鎮h�呴殧绂诲悗锛屽浠栧師鏉ョ殑娲诲姩鍦烘墍杩涜娑堟瘨銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterNineData.question.judge.qOne"
-            />锛�
+            1.缁堟湯娑堟瘨鏄寚鎮h�呴殧绂诲悗锛屽浠栧師鏉ョ殑娲诲姩鍦烘墍杩涜娑堟瘨銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qOne" 
+                value="correct" 
+                v-model="chapterNineData.question.judge.qOne"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qOne" 
+                value="error" 
+                v-model="chapterNineData.question.judge.qOne"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            2.瀹炴柦鍏嶇柅璁″垝鏄繚鎶ゆ槗鎰熷効绔ユ墍閲囧彇鐨勭壒寮傛�ф帾鏂姐�傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterNineData.question.judge.qTwo"
-            />锛�
+            2.瀹炴柦鍏嶇柅璁″垝鏄繚鎶ゆ槗鎰熷効绔ユ墍閲囧彇鐨勭壒寮傛�ф帾鏂姐�傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qTwo" 
+                value="correct" 
+                v-model="chapterNineData.question.judge.qTwo"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qTwo" 
+                value="error" 
+                v-model="chapterNineData.question.judge.qTwo"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            3.鍎跨鍏ュ洯鍚庡簲瀹氭湡杩涜鍋ュ悍妫�鏌ャ�備竴鑸�3锝�7宀侊紝姣忓鏈熸鏌ヤ竴娆°�傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterNineData.question.judge.qThree"
-            />锛�
+            3.鍎跨鍏ュ洯鍚庡簲瀹氭湡杩涜鍋ュ悍妫�鏌ャ�備竴鑸�3锝�7宀侊紝姣忓鏈熸鏌ヤ竴娆°�傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qThree" 
+                value="correct" 
+                v-model="chapterNineData.question.judge.qThree"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qThree" 
+                value="error" 
+                v-model="chapterNineData.question.judge.qThree"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            4.鐏椿鐤嫍鍏嶇柅鏁堟灉濂斤紝鍏嶇柅鍔涙寔缁椂闂撮暱銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterNineData.question.judge.qFour"
-            />锛�
+            4.鐏椿鐤嫍鍏嶇柅鏁堟灉濂斤紝鍏嶇柅鍔涙寔缁椂闂撮暱銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qFour" 
+                value="correct" 
+                v-model="chapterNineData.question.judge.qFour"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qFour" 
+                value="error" 
+                v-model="chapterNineData.question.judge.qFour"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            5.娉ㄥ皠涓欑鐞冭泲鐧借幏寰楃殑鍏嶇柅鍔涗负浜哄伐琚姩鍏嶇柅銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterNineData.question.judge.qFive"
-            />锛�
+            5.娉ㄥ皠涓欑鐞冭泲鐧借幏寰楃殑鍏嶇柅鍔涗负浜哄伐琚姩鍏嶇柅銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qFive" 
+                value="correct" 
+                v-model="chapterNineData.question.judge.qFive"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qFive" 
+                value="error" 
+                v-model="chapterNineData.question.judge.qFive"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            6.绫绘瘨绱犳槸鐢辩梾姣掑埗鎴愮殑鑷姩鍏嶇柅鍒跺墏銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterNineData.question.judge.qSix"
-            />锛�
+            6.绫绘瘨绱犳槸鐢辩梾姣掑埗鎴愮殑鑷姩鍏嶇柅鍒跺墏銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qSix" 
+                value="correct" 
+                v-model="chapterNineData.question.judge.qSix"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qSix" 
+                value="error" 
+                v-model="chapterNineData.question.judge.qSix"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            7. 5锝�7宀佺殑鍎跨姣忓ぉ闇�9锝�10灏忔椂鐫$湢銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterNineData.question.judge.qSeven"
-            />锛�
+            7. 5锝�7宀佺殑鍎跨姣忓ぉ闇�9锝�10灏忔椂鐫$湢銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qSeven" 
+                value="correct" 
+                v-model="chapterNineData.question.judge.qSeven"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qSeven" 
+                value="error" 
+                v-model="chapterNineData.question.judge.qSeven"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block">
-            8.涔欏瀷鑴戠値鐤嫍銆侀夯鐤圭柅鑻楀睘浜庢椿鐤嫍銆傦紙<input
-              type="text"
-              class="judge-input"
-              v-model="chapterNineData.question.judge.qEnight"
-            />锛�
+            8.涔欏瀷鑴戠値鐤嫍銆侀夯鐤圭柅鑻楀睘浜庢椿鐤嫍銆傦紙锛�
           </p>
+          <div class="radio-box">
+            <label>
+              <input 
+                type="radio" 
+                name="qEnight" 
+                value="correct" 
+                v-model="chapterNineData.question.judge.qEnight"
+                @change="saveChapterOneData"
+               />
+              瀵�</label>
+            <label>
+              <input 
+                type="radio" 
+                name="qEnight" 
+                value="error" 
+                v-model="chapterNineData.question.judge.qEnight"
+                @change="saveChapterOneData"
+              />閿�</label>
+          </div>
           <p class="block"><b>浜屻�佸~绌�</b></p>
           <p class="block">
             1.鐗╃悊娑堟瘨娉曠畝渚挎槗琛岋紝杈冧负鏈夋晥銆傚畠鍙堝垎涓�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qOne.one"
+              @input="saveChapterOneData"
             />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qOne.two"
+              @input="saveChapterOneData"
             />涓ょ銆�
           </p>
           <p class="block">
@@ -1606,14 +1746,17 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qTwo.one"
+              @input="saveChapterOneData"
             />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qTwo.two"
+              @input="saveChapterOneData"
             />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qTwo.three"
+              @input="saveChapterOneData"
             />涓夌浼犳煋鐥呫��
           </p>
           <p class="block">
@@ -1621,18 +1764,22 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qThree.one"
+              @input="saveChapterOneData"
             />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qThree.two"
+              @input="saveChapterOneData"
             />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qThree.three"
+              @input="saveChapterOneData"
             />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qThree.four"
+              @input="saveChapterOneData"
             />绛夊崼鐢熻姹傘��
           </p>
           <p class="block">
@@ -1640,6 +1787,7 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qFour.one"
+              @input="saveChapterOneData"
             />銆�
           </p>
           <p class="block">
@@ -1647,10 +1795,12 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qFive.one"
+              @input="saveChapterOneData"
             />锛岃娑堢伃鐨勭浜岀浼犳煋鐥呮槸<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterNineData.question.fill.qFive.two"
+              @input="saveChapterOneData"
             />銆�
           </p>
         </div>
@@ -1683,19 +1833,17 @@
             浜戞祴璇�
           </h6>
           <p class="blockh6-c">
-            瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
+            瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵娴嬩竴娴嬪惂锛�<br />
             <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
             <examinations
-              :cardList="questionData[264][1]"
-              :chapter="9"
-              :page="2561"
+            v-if="questionData"
+              :cardList="questionData[264] ? questionData[264][1] : []"
             />
             <span class="span-border"></span>
             <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
             <examinations
-              :cardList="questionData[264][2]"
-              :chapter="9"
-              :page="2562"
+            v-if="questionData"
+              :cardList="questionData[264] ? questionData[264][2] : []"
             />
           </p>
           <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
@@ -1707,6 +1855,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="600"
               class="w100 ta-br textarea-text"
+              @input="saveChapterOneData"
             ></textarea>
           </p>
         </div>
@@ -1717,7 +1866,7 @@
 
 <script>
 import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
 export default {
   name: "chapterNine",
   components: { examinations },
@@ -1728,14 +1877,13 @@
     showPageList: {
       type: Array,
     },
+    isSearch: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
-      learn: require("../../../assets/images/chapterNine/0248-1.jpg"),
-      taskOne: require("../../../assets/images/chapterNine/task-sheet1.png"),
-      taskTwo: require("../../../assets/images/chapterNine/task-sheet2.png"),
-      tableOne: require("../../../assets/images/chapterNine/0250-1.jpg"),
-      tableTwo: require("../../../assets/images/chapterNine/0260-1.jpg"),
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,
@@ -1748,7 +1896,6 @@
       pathFive: "",
       pathSix: "",
       pathSeven: "",
-      saveTime: 20,
       chapterNineData: {
         experienceOne: "",
         experienceTwo: "",
@@ -1817,30 +1964,16 @@
     };
   },
   async mounted() {
-    const localData = localStorage.getItem("chapterNineData");
-    if (localData) {
-      this.chapterNineData = JSON.parse(localData);
-    }
-    window.timerNine = setInterval(() => {
-      this.saveTime--;
-      if (this.saveTime == 0) {
-        this.saveChapterOneData();
+    if(!this.isSearch) {
+      const localData = localStorage.getItem("chapterNineData");
+      if (localData) {
+        this.chapterNineData = JSON.parse(localData);
       }
-    }, 1000);
-    this.getVideoPath();
-  },
-  unmounted() {
-    if (window.timerNine) {
-      clearInterval(window.timerNine);
+      this.getVideoPath();
     }
-    localStorage.setItem(
-      "chapterNineData",
-      JSON.stringify(this.chapterNineData)
-    );
   },
   methods: {
     saveChapterOneData() {
-      this.saveTime = 20;
       localStorage.setItem(
         "chapterNineData",
         JSON.stringify(this.chapterNineData)
@@ -1859,16 +1992,16 @@
         this.$data.learnTableFive = !this.$data.learnTableFive;
       }
     },
-    getVideoPath() {
-      this.$data.pathOne = getResourcePath("730ab5395d1b5b5c87d7422cc6540f35");
-      this.$data.pathTwo = getResourcePath("e3c6884dc80cf947e3a38c5595d474ad");
-      this.$data.pathThree = getResourcePath(
+    async getVideoPath() {
+      this.$data.pathOne = await getResourcePath("730ab5395d1b5b5c87d7422cc6540f35");
+      this.$data.pathTwo = await getResourcePath("e3c6884dc80cf947e3a38c5595d474ad");
+      this.$data.pathThree = await getResourcePath(
         "bdaec679118721e0623d62ac3031288e"
       );
-      this.$data.pathFour = getResourcePath("c61f14623b01adaa326d18f2a19b822b");
-      this.$data.pathFive = getResourcePath("c469389f516c81f13e4d0440bd9ec87e");
-      this.$data.pathSix = getResourcePath("f8d747892eb8af7ed16bcb71967d414f");
-      this.$data.pathSeven = getResourcePath(
+      this.$data.pathFour = await getResourcePath("c61f14623b01adaa326d18f2a19b822b");
+      this.$data.pathFive = await getResourcePath("c469389f516c81f13e4d0440bd9ec87e");
+      this.$data.pathSix = await getResourcePath("f8d747892eb8af7ed16bcb71967d414f");
+      this.$data.pathSeven = await getResourcePath(
         "960e9aa17b48e900b08cde6e44b774f3"
       );
     },

--
Gitblit v1.9.1