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/chapter0004.vue |  389 ++++++++++++++++++++++++++++++-------------------------
 1 files changed, 214 insertions(+), 175 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue
index b2637fa..040ba07 100644
--- a/src/books/childHealth/view/content/components/chapter0004.vue
+++ b/src/books/childHealth/view/content/components/chapter0004.vue
@@ -46,7 +46,11 @@
           涓撻瀵煎
         </h6>
         <p class="blockh6 m0-t0 openImgBox">
-          <img src="../../../assets/images/chapterFour/0094-1.jpg" alt="" class="w100 mt-20">
+          <img
+            src="../../../assets/images/chapterFour/0094-1.jpg"
+            alt=""
+            class="w100 mt-20"
+          />
         </p>
       </div>
     </div>
@@ -71,15 +75,28 @@
               涓撻鍥涘涔犱富棰樹簩 瀛﹀墠鍎跨鍗敓涓庝繚鍋ヨ嚜涓诲涔犱换鍔″崟 瀛︿範鎸囧崡</span
             >
             <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">
+              <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"
+                  <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"
+                    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)" />
+                    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>
@@ -156,6 +173,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">2.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺?</span>
                 <textarea
@@ -165,6 +183,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">3.鐢熺悊鏈鸿兘鎸囨爣鏈夊摢浜�?</span>
                 <textarea
@@ -174,6 +193,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺?</span
@@ -185,6 +205,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.浠�涔堟槸楠ㄩ骞撮緞?</span>
                 <textarea
@@ -194,6 +215,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.鎴戝浗鍗敓閮ㄨ瀹氱殑鍎跨瀹氭湡鍋ュ悍妫�鏌ョ殑鏃堕棿鏄摢浜涙椂鍊�?</span
@@ -205,6 +227,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">7.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰?</span>
                 <textarea
@@ -214,6 +237,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.韬珮銆佷綋閲嶃�佸ご鑳稿洿銆佸潗楂樼殑鐢熺墿瀛︾壒寰佸強鍗敓瀛︽剰涔夋槸浠�涔�?</span
@@ -225,6 +249,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >9.鎬庢牱娴嬮噺瀛﹀墠鍎跨鐨勫ご鑳稿洿銆佽韩楂樹互鍙婁綋閲�?</span
@@ -236,6 +261,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -262,6 +288,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="400"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏈富棰樹富瑕佽杩板鍓嶅効绔ョ敓闀垮彂鑲茬殑璇勪环鎸囨爣銆佽瘎浠锋爣鍑嗗拰璇勪环鏂规硶浠ュ強瀹氭湡鍋ュ悍妫�鏌ョ殑鐩稿叧鐭ヨ瘑锛屼互鏈熶负瀹堕暱鍜屽辜鏁欏伐浣滆�呭瀛﹀墠鍎跨杩涜韬綋鍋ュ悍璇勪环鎻愪緵鎸囧銆�
@@ -301,7 +328,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>
@@ -317,9 +345,7 @@
     <div class="page-box" page="91">
       <div v-if="showPageList.indexOf(91) > -1">
         <div class="page-header-box">
-          <span class="page-header-text" 
-            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
-          >
+          <span class="page-header-text">涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
           <span class="page-header-num">83</span>
         </div>
         <div class="padding-96">
@@ -333,46 +359,8 @@
           <p>
             浣撻噸娴嬮噺搴斿湪鏃╂櫒銆佺┖鑵广�佷究鍚庤繘琛屻�傚効绔ュ彲瑁镐綋鎴栫┛鑳屽績銆佺煭瑁わ紝涔熷彲鍦ㄦ祴鍚庢墸闄よ。鏈嶈川閲忋��
           </p>
-          <!-- <p>锛�2锛夎韩楂橈紙闀匡級</p>
-  
-          <p>
-            韬珮锛堥暱锛夋槸浜轰綋绔欑珛鏃堕椤跺埌鑴氳窡锛堜笌鍦伴潰鐩稿強澶勶級鐨勫瀭鐩撮珮搴︺��3宀佷互涓嬪効绔ョ珛浣嶆祴閲忎笉鍑嗙‘锛屽簲閲囩敤浠板崸浣嶆祴閲忥紝鏁呰韩楂樺張绉拌韩闀匡紱3宀佷互鍚庡彲绔嬩綅娴嬮噺锛岀О韬珮銆傜珛浣嶄笌浠板崸浣嶆祴閲忓�肩浉宸�1锝�2鍘樼背銆�
-          </p> -->
-          <!-- <div class="fl fl-around">
-            <div class="left" style="width: 38%">
-              <p>
-                韬珮锛堥暱锛夋湁杈冨ぇ鐨勪釜浣撳樊寮傦紝涓浗鏂扮敓鍎垮嚭鐢熸椂韬暱骞冲潎50鍘樼背锛岀涓�骞村闀挎渶蹇紝鍓嶅崐骞村钩鍧囨瘡鏈堝闀�2.5鍘樼背锛屽悗鍗婂勾骞冲潎姣忔湀澧為暱1锝�1.5鍘樼背锛�1宀佹椂绾︿负鍑虹敓鏃惰韩闀跨殑1.5鍊嶏紝鍗�75鍘樼背宸﹀彸銆傜浜屽勾澧為暱閫熷害鍑忔參锛屽钩鍧囧闀�10鍘樼背锛屼互鍚庢瘡骞撮�掑5
-              </p>
-            </div>
-            <div class="right" style="width: 60%">
-              <video
-                :src="pathTwo"
-                poster="../../../assets/images/chapterOne/people-video-img.jpg"
-                webkit-playsinline="true"
-                x-webkit-airplay="true"
-                playsinline="true"
-                x5-video-orientation="h5"
-                x5-video-player-fullscreen="true"
-                x5-playsinline=""
-                controls
-                class="w100 video-border"
-              ></video>
-              <p class="img">瑙嗛锛氬鍓嶅効绔ヨ韩楂樼殑娴嬮噺</p>
-            </div>
-          </div> -->
           <div>
-            <!-- <p class="m0-t0">
-              姣忔湀骞冲潎澧炲姞200锝�250鍏嬶紱1宀佹椂浣撻噸鏄嚭鐢熸椂鐨�3鍊嶃��2宀佹椂涓哄嚭鐢熸椂鐨�4鍊嶏紱2宀佸悗鍒颁竷鍏瞾锛屼綋閲嶆瘡骞村闀夸笉瓒�2鍗冨厠锛屽彲鐢ㄤ互涓嬪叕寮忎及绠椾綋閲嶃��
-            </p>
-            <p>1锝�10宀併��浣撻噸锛堝崈鍏嬶級=瀹炶冻骞撮緞脳2+7锛堟垨8锛�</p>
-            <p>
-              绉颁綋閲嶆椂锛�1宀佷互涓嬪彲鍙栧崸浣嶏紝瀛╁瓙鑳界珯绋充簡锛屽彲鍙栫珯浣嶃�備娇鐢ㄥ墠搴斿厛鏍℃闆剁偣銆傛祴閲忔椂锛岃皟鏁寸牆鐮佽嚦鏉犳潌骞宠 锛岃褰曡鏁般�傛祴閲忚宸笉寰楄秴杩�0.1鍗冨厠銆傝鏁版椂锛屼互鍗冨厠涓哄崟浣嶏紝鑷冲皬鏁扮偣鍚庝袱浣嶃��
-            </p>
-            <p>
-              浣撻噸娴嬮噺搴斿湪鏃╂櫒銆佺┖鑵广�佷究鍚庤繘琛屻�傚効绔ュ彲瑁镐綋鎴栫┛鑳屽績銆佺煭瑁わ紝涔熷彲鍦ㄦ祴鍚庢墸闄よ。鏈嶈川閲忋��
-            </p> -->
             <p>锛�2锛夎韩楂橈紙闀匡級</p>
-    
             <p>
               韬珮锛堥暱锛夋槸浜轰綋绔欑珛鏃堕椤跺埌鑴氳窡锛堜笌鍦伴潰鐩稿強澶勶級鐨勫瀭鐩撮珮搴︺��3宀佷互涓嬪効绔ョ珛浣嶆祴閲忎笉鍑嗙‘锛屽簲閲囩敤浠板崸浣嶆祴閲忥紝鏁呰韩楂樺張绉拌韩闀匡紱3宀佷互鍚庡彲绔嬩綅娴嬮噺锛岀О韬珮銆傜珛浣嶄笌浠板崸浣嶆祴閲忓�肩浉宸�1锝�2鍘樼背銆�
             </p>
@@ -393,7 +381,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>
@@ -409,11 +398,15 @@
             <p>
               3宀佷互涓婂効绔ョ敤韬珮璁℃祴閲忚韩楂樸�傚湪浣跨敤韬珮璁℃祴閲忔椂锛屽彈娴嬪効绔ヨ劚鍘婚瀷甯斤紝鍙栫珛姝eЭ鍔跨珯鍦ㄨ韩楂樿鐨勫簳鏉夸笂锛屽ご閮ㄤ繚鎸佹鐩达紝涓ょ溂骞宠鍓嶆柟锛岃兏閮ㄧ◢鎸鸿捣锛屼袱鑷傝嚜鐒朵笅鍨傦紝鎵嬫寚骞舵嫝锛岃剼璺熼潬鎷紝瓒冲皷鍒嗗紑锛岃冻璺熴�佽噣閮ㄣ�佷袱鑲╄儧闂翠笁鐐瑰悓鏃堕潬鍦ㄨ韩楂樿鐨勫瀭鐩寸珛鏌变笂锛岀劧鍚庢祴閲忋�傛祴閲忚�呭皢婊戜晶鏉胯交杞荤Щ鍔紝鐩磋嚦鎺ヨЕ鍙楁祴鍎跨澶撮《锛岃绔嬫煴涓婃暟瀛楋紝璇樊涓嶅緱瓒呰繃0.1鍘樼背銆�
             </p>
-    
+            <p>
+              鏌愪簺鐢熼暱鍙戣偛鎸囨爣鍦ㄤ竴澶╁唴鍙樺寲杈冨ぇ锛屼緥濡傦紝韬珮鍦ㄦ棭鏅ㄦ槸鏈�楂樼殑锛屽効绔ョ粡杩囦竴澶╃殑娲诲姩锛屽彈鍒版闂寸洏鐨勯噸鍔涙�у帇缂┿�佽剨鏌卞集鏇插姞澶с�佽冻寮撳彉骞崇瓑鍥犵礌褰卞搷锛屽埌鍌嶆櫄鏃堕檷浣�1锝�2鍘樼背銆傚洜姝よ拷韪皟鏌ユ椂锛屼釜浣撳効绔ョ殑鍓嶅悗娴嬮噺鏃堕棿搴旂浉瀵瑰浐瀹氥��
+            </p>
             <div class="fl fl-around">
               <div class="left" style="width: 38%">
+                <p>锛�3锛夊ご鍥�</p>
+                <p>澶村洿鍙嶆槧鑴戝拰棰呴鐨勫彂鑲茬▼搴︺��</p>
                 <p>
-                  鏌愪簺鐢熼暱鍙戣偛鎸囨爣鍦ㄤ竴澶╁唴鍙樺寲杈冨ぇ锛屼緥濡傦紝韬珮鍦ㄦ棭鏅ㄦ槸鏈�楂樼殑锛屽効绔ョ粡杩囦竴澶╃殑娲诲姩锛屽彈鍒版闂寸洏鐨勯噸鍔涙�у帇缂┿�佽剨鏌卞集鏇插姞澶с�佽冻寮撳彉骞崇瓑鍥犵礌褰卞搷锛屽埌鍌嶆櫄鏃堕檷浣�1锝�2鍘樼背銆傚洜姝よ拷韪皟鏌ユ椂锛屼釜浣撳効绔ョ殑鍓嶅悗娴嬮噺鏃堕棿搴旂浉瀵瑰浐瀹氥��
+                  鍥犺儙鍎胯剳鐨勫彂鑲插湪鍏ㄨ韩澶勪簬棰嗗厛鍦颁綅锛屾晠鍑虹敓鏃跺ご鐩稿杈冨ぇ銆傛柊鐢熷効澶村洿骞冲潎涓�34鍘樼背锛�6涓湀澧炲姞9鍘樼背锛�1宀佹椂澧炲姞3鍘樼背锛屽钩鍧囦负46鍘樼背锛涚浜屽勾澶村洿
                 </p>
               </div>
               <div class="right" style="width: 60%">
@@ -427,23 +420,19 @@
                   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>
             </div>
-            <p>锛�3锛夊ご鍥�</p>
-            <p>澶村洿鍙嶆槧鑴戝拰棰呴鐨勫彂鑲茬▼搴︺��</p>
-            <p>
-              鍥犺儙鍎胯剳鐨勫彂鑲插湪鍏ㄨ韩澶勪簬棰嗗厛鍦颁綅锛屾晠鍑虹敓鏃跺ご鐩稿杈冨ぇ銆傛柊鐢熷効澶村洿骞冲潎涓�34鍘�
-            </p>
           </div>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 84 -->
     <div class="page-box" page="92">
-      <div v-if="showPageList.indexOf(92) > -1">      
+      <div v-if="showPageList.indexOf(92) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -453,7 +442,7 @@
         </div>
         <div class="padding-96">
           <p class="t0">
-            绫筹紝6涓湀澧炲姞9鍘樼背锛�1宀佹椂澧炲姞3鍘樼背锛屽钩鍧囦负46鍘樼背锛涚浜屽勾澶村洿澧為暱鍑忔參锛屽鍔�2鍘樼背锛屽ご鍥寸害涓�48鍘樼背锛�2锝�14宀佸啀澧炲姞6锝�7鍘樼背銆傚洜姝わ紝澶村洿鐨勭洃娴嬪湪鍑虹敓鍚庡ご涓ゅ勾鎰忎箟閲嶅ぇ銆�
+            澧為暱鍑忔參锛屽鍔�2鍘樼背锛屽ご鍥寸害涓�48鍘樼背锛�2锝�14宀佸啀澧炲姞6锝�7鍘樼背銆傚洜姝わ紝澶村洿鐨勭洃娴嬪湪鍑虹敓鍚庡ご涓ゅ勾鎰忎箟閲嶅ぇ銆�
           </p>
           <p>
             娴嬮噺澶村洿鏃讹紝娴嬮噺鑰呯珛浜庤娴嬭�呯殑鍓嶆柟鎴栧彸鏂癸紝浠ュ効绔ラ閮ㄧ湁闂翠负璧风偣锛屽皢杞昂浠庡彸渚х粡杩囨灂楠ㄧ獊璧峰锛岀粫鑷冲乏渚э紝鐒跺悗鍥炶嚦鍘熻捣鐐癸紝璇ヨ窛绂诲嵆涓哄ご鍥淬�傛祴閲忔椂杞昂椤荤揣璐村ご鐨紝鍦ㄥご涓や晶鐨勬按骞宠涓�鑷达紝宸﹀彸瀵圭О銆傛祴閲忓コ瀛╁簲灏嗗ご鍙戝悜涓婁笅鍒嗗紑锛屼互鍏嶅奖鍝嶈鏁般�傚ご鍥存祴閲忚宸笉寰楄秴杩�0.1鍘樼背銆�
@@ -479,7 +468,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>
@@ -508,15 +498,13 @@
             鐢熼暱鍙戣偛鐨勪富瑕佸舰鎬佹寚鏍囪繕鍖呮嫭浠h〃钀ュ吇鐘跺喌鐨勮噦鍥淬�佽吂鍥村拰鍚勯儴浣嶇毊瑜跺帤搴︾瓑銆�
           </p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 85 -->
     <div class="page-box" page="93">
-      <div v-if="showPageList.indexOf(93) > -1">      
+      <div v-if="showPageList.indexOf(93) > -1">
         <div class="page-header-box">
-          <span class="page-header-text" 
-            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
-          >
+          <span class="page-header-text">涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
           <span class="page-header-num">85</span>
         </div>
         <div class="padding-96">
@@ -574,11 +562,11 @@
             灏挎恫涓�鑸�х姸妫�鏌ュ寘鎷翱娑茬殑姘斿懗銆佸翱閲忋�侀鑹层�侀�忔槑搴︾瓑銆傚翱娑叉湁鑵愯嚟鍛筹紝鍙浜庢硨灏跨郴缁熷寲鑴撹弻鎰熸煋锛涘翱閲忓噺灏戯紝鍙浜庢�ユ�ц偩灏忕悆鑲剧値銆侀珮鐑�佸憰鍚愬拰鑵规郴锛涘翱娑查鑹�
           </p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 86 -->
     <div class="page-box" page="94">
-      <div v-if="showPageList.indexOf(94) > -1">      
+      <div v-if="showPageList.indexOf(94) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -620,15 +608,13 @@
             鐞嗘兂鏍囧噯鎵�閫夋牱鏈槸鐢熸椿鍦ㄦ渶閫傚疁鐜涓殑鍎跨锛屽杺鍏诲拰鑶抽瀹夋帓鍚堢悊锛岃惀鍏讳緵缁欏厖瓒筹紝鏈夎壇濂界殑鐢熸椿灞呬綇鐜锛屽彲浠ュ緱鍒拌壇濂界殑鍖荤枟淇濆仴鏈嶅姟銆傚湪杩欎竴鐜涓敓娲荤殑鍎跨锛屽叾鐢熼暱娼滃姏寰楀埌杈冨ソ鐨勫彂鎸ワ紝鐢熼暱鍙戣偛鐘跺喌杈冧负鐞嗘兂銆傚洜鑰岀悊鎯虫爣鍑嗛珮浜庣幇鐘舵爣鍑嗭紝楂樹簬涓�鑸効绔ョ殑鍙戣偛姘村钩銆傜洰鍓嶅浗闄呬笂甯哥敤鐨勭編鍥藉浗瀹跺仴搴风粺璁′腑蹇冨埗瀹氱殑鍥介檯鏍囧噯鎴栫О涓栫晫鍗敓缁勭粐锛圵HO锛夋爣鍑嗗嵆涓虹悊鎯虫爣鍑嗐��
           </p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 87 -->
     <div class="page-box" page="95">
-      <div v-if="showPageList.indexOf(95) > -1">      
+      <div v-if="showPageList.indexOf(95) > -1">
         <div class="page-header-box">
-          <span class="page-header-text" 
-            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
-          >
+          <span class="page-header-text">涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
           <span class="page-header-num">87</span>
         </div>
         <div class="padding-96">
@@ -668,11 +654,11 @@
             绛夌骇璇勪环娉曞父鐢ㄧ殑鎸囨爣鏄韩楂樺拰浣撻噸銆備釜浣撳効绔ョ殑韬珮銆佷綋閲嶆暟鍊煎湪鏍囧噯鍧囧�悸�2涓爣鍑嗗樊鑼冨洿鍐咃紝鍧囪瑙嗕负姝e父锛屽ぇ绾�95%鐨勫効绔ュ睘浜庤鑼冨洿銆傚湪鏍囧噯鍧囧�悸�2涓爣鍑嗗樊浠ュ
           </p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 88 -->
     <div class="page-box" page="96">
-      <div v-if="showPageList.indexOf(96) > -1">      
+      <div v-if="showPageList.indexOf(96) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -713,15 +699,13 @@
             鍙戣偛骞撮緞鍙堢О涓虹敓鐗╁勾榫勬垨鐢熺悊骞撮緞銆傚彈閬椾紶鍜岀幆澧冪殑褰卞搷锛屽効绔ョ殑鐢熼暱鍙戣偛瀛樺湪涓�
           </p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 89 -->
     <div class="page-box" page="97">
-      <div v-if="showPageList.indexOf(97) > -1">      
+      <div v-if="showPageList.indexOf(97) > -1">
         <div class="page-header-box">
-          <span class="page-header-text" 
-            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
-          >
+          <span class="page-header-text">涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
           <span class="page-header-num">89</span>
         </div>
         <div class="padding-96">
@@ -767,17 +751,18 @@
                 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>
           </div>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 90 -->
     <div class="page-box" page="98">
-      <div v-if="showPageList.indexOf(98) > -1">      
+      <div v-if="showPageList.indexOf(98) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -816,19 +801,19 @@
           <p>鈶犲ご閮ㄣ�傚ご棰呭ぇ灏忋�佸墠鍥熷ぇ灏忓強闂悎鎯呭喌锛屾湁鏃犳柟棰呭強棰呴杞寲銆�</p>
           <p>鈶$溂銆傜溂鐫戝舰鐘躲�佸珐鑶滈鑹层�佽鍔涖�佺溂璺濈瓑鏄惁姝e父銆�</p>
           <p>鈶㈣�炽�傛湁鏃犲鑰崇暩褰紝鑰抽亾缁撴瀯銆佸惉鍔涚瓑鏄惁姝e父銆�</p>
-          <p>鈶e彛鑵斻�傚彛鑵旈鑹插拰褰㈢姸銆佸彛鑵旈粡鑶溿�佺墮榻挎暟鐩槸鍚︽甯革紝鏄惁鏈夐緥榻跨瓑銆�</p>
+          <p>
+            鈶e彛鑵斻�傚彛鑵旈鑹插拰褰㈢姸銆佸彛鑵旈粡鑶溿�佺墮榻挎暟鐩槸鍚︽甯革紝鏄惁鏈夐緥榻跨瓑銆�
+          </p>
           <p>鈶よ兏閮ㄣ�傝兏寤撴湁鏃犵暩褰紝鍚瘖鏈夋棤蹇冭剰鏉傞煶鍙婅偤鍐呭暟闊炽��</p>
           <p>鈶ヨ吂閮ㄣ�傝吂閮ㄦ湁鏃犲紓甯稿寘鍧椼�佽倽鑴炬湁鏃犲紓甯歌偪澶с��</p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 91 -->
     <div class="page-box" page="99">
-      <div v-if="showPageList.indexOf(99) > -1">      
+      <div v-if="showPageList.indexOf(99) > -1">
         <div class="page-header-box">
-          <span class="page-header-text" 
-            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
-          >
+          <span class="page-header-text">涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
           <span class="page-header-num">91</span>
         </div>
         <div class="padding-96">
@@ -849,7 +834,10 @@
           </h6>
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚涓�</span>
-            <examinations :cardList="questionData[99]" :chapter="4" :page="91" />
+            <examinations
+              v-if="questionData"
+              :cardList="questionData[99]"
+            />
           </p>
           <h2 class="module_block" id="b017">
             <div class="custom1">瀛︿範涓婚浜�</div>
@@ -861,15 +849,28 @@
               >涓撻鍥涘涔犱富棰樹簩 瀛﹀墠鍎跨蹇冪悊鍋ュ悍鐨勮瘎浠疯嚜涓诲涔犱换鍔″崟</span
             >
             <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">
+              <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"
+                  <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"
+                    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)" />
+                    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>
@@ -940,6 +941,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">2.瀛﹀墠鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔�?</span>
                 <textarea
@@ -949,6 +951,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.鎸夌収娴嬮獙鐨勭洰鐨勫垝鍒嗭紝蹇冪悊娴嬮獙鍙互鍒嗕负鍝袱澶х被?</span
@@ -960,6 +963,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.浠�涔堟槸绛涙煡鎬ф祴璇�?浠�涔堟槸璇婃柇鎬ф祴璇�?甯歌鐨勭瓫鏌ユ�ф祴璇曞拰璇婃柇鎬ф祴璇曟湁鍝簺?</span
@@ -971,6 +975,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.鏌ヨ祫鏂欙紝璋堣皥浠�涔堟槸缁樹汉娴嬭瘯?濡備綍寮�灞�?</span
@@ -982,6 +987,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.鏌ラ槄璧勬枡锛岄煢鍏嬫柉鍕掑鍓嶅効绔ユ櫤鍔涢噺琛ㄥ寘鎷摢浜涘唴瀹�?濡備綍寮�灞�?</span
@@ -993,6 +999,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -1001,7 +1008,9 @@
             </tr>
             <tr>
               <td>
-                <span class="ds-bl">閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span>
+                <span class="ds-bl"
+                  >閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span
+                >
               </td>
             </tr>
           </table>
@@ -1017,6 +1026,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏈富棰樹富瑕佽杩板鍓嶅効绔ュ績鐞嗚瘎浼扮殑鐩稿叧鍐呭浠ュ強鍑犵甯歌鐨勮瘎浠峰鍓嶅効绔ュ績鐞嗗仴搴风殑鏂规硶锛屼互鎸囧骞兼暀宸ヤ綔鑰呮洿濂藉湴寮�灞曞鍓嶅効绔ュ績鐞嗕繚鍋ュ伐浣溿��
@@ -1037,7 +1047,7 @@
     </div>
     <!-- 92 -->
     <div class="page-box" page="100">
-      <div v-if="showPageList.indexOf(100) > -1">      
+      <div v-if="showPageList.indexOf(100) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -1081,11 +1091,9 @@
     </div>
     <!-- 93 -->
     <div class="page-box" page="101">
-      <div v-if="showPageList.indexOf(101) > -1">      
+      <div v-if="showPageList.indexOf(101) > -1">
         <div class="page-header-box">
-          <span class="page-header-text" 
-            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
-          >
+          <span class="page-header-text">涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
           <span class="page-header-num">93</span>
         </div>
         <div class="padding-96">
@@ -1127,11 +1135,11 @@
           <p>绗叓锛岀敤椋熸寚銆佹媷鎸囩鎹忓皬涓革紝鎹忔椂鑵曢儴绂绘闈紝浠庝笂闈㈡崗銆�</p>
           <p>绗節锛屼复鎽圭敾鍦嗭紝涓嶅彲绀鸿寖锛屼笉鍙鍑哄悕绉般�傜嚎鐨勫ご灏捐繛鎺ユ垚鍦嗗嵆鍙��</p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 94 -->
     <div class="page-box" page="102">
-      <div v-if="showPageList.indexOf(102) > -1">      
+      <div v-if="showPageList.indexOf(102) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -1159,7 +1167,7 @@
             绗崄涓冿紝妫�鏌ヨ�呭槺鍎跨锛氣憼鎶婄Н鏈ㄦ斁鍦ㄦ瀛愪笂銆傗憽鎶婄Н鏈ㄦ斁鍦ㄦ瀛愪笅銆傗憿鎶婄Н鏈ㄦ斁鍦ㄦ瀛愬墠銆傗懀鎶婄Н鏈ㄦ斁鍦ㄦ瀛愬悗銆傛鏌ヨ�呬笉瑕佹寚鐐癸紝鎴栫敤澶淬�佺溂绀烘剰銆傦紙4璇�3瀵圭畻閫氳繃銆傦級
           </p>
           <p>
-            绗崄鍏紝妫�鏌ヨ�呴棶浠ヤ笅闂锛屽槺鍎跨鍥炵瓟锛氱伀鏄儹鐨勶紝鍐版槸________鐨勶紱濡堝鏄コ浜猴紝鐖哥埜鏄痏_______锛涢┈鏄ぇ鐨勶紝鑰侀紶鏄痏_______銆傦紙3闂�2绛斿绠楅�氳繃銆傦級
+            绗崄鍏紝妫�鏌ヨ�呴棶浠ヤ笅闂锛屽槺鍎跨鍥炵瓟锛氱伀鏄儹鐨勶紝鍐版槸 <input type="text" class="lineInput completion-input input-text" style="border-color:#000" v-model="chapterFourData.screening.qOne" @input="saveChapterOneData" /> 鐨勶紱濡堝鏄コ浜猴紝鐖哥埜鏄�<input type="text" class="lineInput completion-input input-text" style="border-color:#000" v-model="chapterFourData.screening.qTwo" @input="saveChapterOneData" />锛涢┈鏄ぇ鐨勶紝鑰侀紶鏄�<input type="text" class="lineInput completion-input input-text" style="border-color:#000" v-model="chapterFourData.screening.qThree" @input="saveChapterOneData" />銆傦紙3闂�2绛斿绠楅�氳繃銆傦級
           </p>
           <p>
             绗崄涔濓紝鍢卞効绔ヨВ閲婁笅鍒楀瓧鐨勬剰涔夛細鐞冦�佹箹銆佹渤銆侀钑夛紙鎴栧叾浠栨按鏋滐紝濡傝嫻鏋滐級銆佹瀛愩�佹埧灞嬨�佸ぉ鑺辨澘銆佺獥甯樸�佺绗嗭紙鍥村锛夈�佷汉琛岄亾銆傝兘璇村嚭鐢ㄩ�斻�佺粨鏋勩�佹垚鍒嗘垨鍒嗙被閮界畻閫氳繃銆�
@@ -1184,15 +1192,13 @@
             绗簩鍗佸叓锛屽槺鍎跨鍚庨��璧帮紝鍓嶈剼璺熶笌鍚庤剼灏栫殑璺濈涓嶈秴杩�2.5鍘樼背銆傛鏌ヨ�呭彲绀鸿寖锛岃姹傚効绔ヨ繛缁��4姝ャ�傦紙3璇�2鎴愬姛绠楅�氳繃銆傦級
           </p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 95 -->
     <div class="page-box" page="103">
-      <div v-if="showPageList.indexOf(103) > -1">      
+      <div v-if="showPageList.indexOf(103) > -1">
         <div class="page-header-box">
-          <span class="page-header-text" 
-            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
-          >
+          <span class="page-header-text">涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
           <span class="page-header-num">95</span>
         </div>
         <div class="padding-96">
@@ -1216,7 +1222,7 @@
               鍙戝睍鐨勫ぉ鎬ч�氬父浼氬湪鐤楃▼涓睍鐜板嚭鏉ャ�傚鍔犱竴浜涜薄寰佹�х粡楠岋紝閭g琚寘瑁逛綇鐨勬劅瑙夊彲浠ユ弧瓒虫棭鏈熸病鏈夊緱鍒拌冻澶熷叧鐖辩殑鍎跨锛岀紦鎱㈠湴鎽囨檭涔熷彲浠ョ敤鏉ュ畨鎶氬鍔ㄦ垨娌抚鐨勫効绔ャ��<a
                 id="w1"
               ></a
-              ><a href="chapter004.html#m1"><sup>[1]</sup></a>
+              ><a href="javascript: void(0)" @click="gotoLabel('childFour-labelOne')" class="cu-pr"><sup>[1]</sup></a>
             </p>
           </div>
           <h5 id="e093">2.缁樹汉娴嬭瘯锛圖rawing A Man Test锛�</h5>
@@ -1243,7 +1249,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>
@@ -1255,8 +1262,8 @@
             缁樹汉娴嬭瘯涓嶉檺鏃堕棿锛屽効绔ョ粯鐢绘椂鍙互鐢ㄦ鐨摝锛屽彲浠ュ湪绾哥殑鑳岄潰閲嶇敾涓�骞咃紝涓�鑸湪10锝�20鍒嗛挓鍐呭畬鎴愩�傜粯浜烘祴璇曠殑閫傜敤骞撮緞鏄�4锝�12宀侊紝鏈�閫傜敤浜�4锝�9.5宀侊紝涓浗缁忛獙琛ㄦ槑鍎跨鍒�10宀佷互鍚庡緱鍒嗗氨涓嶅啀涓婂崌銆�
           </p>
           <div class="annotation-border"></div>
-          <p class="note">
-            <a id="m1"></a><a href="chapter004.html#w1">[1]</a>
+          <p class="note" id="childFour-labelOne">
+            <a id="m1"></a><a href="javascript: void(0)">[1]</a>
             锛荤編锛芥捣寰仿峰崱鏉滄.銆佹煡鐞嗘柉路闆姍灏旓細銆婃父鎴忔不鐤�101銆嬶紝闄堝織楣忚瘧锛�196椤碉紝鎴愰兘锛屽洓宸濆ぇ瀛﹀嚭鐗堢ぞ锛�2005銆�
           </p>
         </div>
@@ -1264,7 +1271,7 @@
     </div>
     <!-- 96 -->
     <div class="page-box" page="104">
-      <div v-if="showPageList.indexOf(104) > -1">      
+      <div v-if="showPageList.indexOf(104) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -1313,15 +1320,13 @@
             璐濆埄濠村効鍙戣偛閲忚〃璇勪及濠村辜鍎挎櫤鍔涘彂鑲叉按骞崇浉瀵硅緝鍏ㄩ潰銆佺簿纭�傛瘡娆℃祴楠屾椂闂�45锝�60鍒嗛挓锛屼腑鍥藉凡鏈夋爣鍑嗗寲鐨勯噺琛ㄣ��
           </p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 97 -->
     <div class="page-box" page="105">
-      <div v-if="showPageList.indexOf(105) > -1">      
+      <div v-if="showPageList.indexOf(105) > -1">
         <div class="page-header-box">
-          <span class="page-header-text" 
-            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
-          >
+          <span class="page-header-text">涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span>
           <span class="page-header-num">97</span>
         </div>
         <div class="padding-96">
@@ -1333,7 +1338,7 @@
             缇庡浗蹇冪悊瀛﹀闊﹀厠鏂嫆缂栧埗浜嗕笁濂楅噺琛細闊﹀厠鏂嫆鎴愪汉鏅哄姏閲忚〃锛圵AIS锛夛紝閫傜敤浜�16锝�64宀佺殑浜虹兢锛堢涓夌増鎵╁睍涓�16锝�89宀侊級锛涢煢鍏嬫柉鍕掑榫勫効绔ユ櫤鍔涢噺琛紙WISC锛夛紝閫傜敤浜�6锝�16宀佸効绔ワ紱闊﹀厠鏂嫆瀛﹀墠鍎跨鏅哄姏閲忚〃锛圵PPSI锛夛紝閫傜敤浜�4锝�6.5宀佸効绔ワ紙淇鐗堟墿灞曚负3锝�7宀侊級銆傝繖涓夊閲忚〃鏃㈢浉浜掔嫭绔嬪張鐩镐簰琛旀帴锛屽彲浠ヨ瘎瀹氬辜鍎胯嚦鑰佷汉鐨勬櫤鍔涙按骞炽��<a
               id="w2"
             ></a
-            ><a href="chapter004.html#m2"><sup>[2]</sup></a>
+            ><a href="javascript: void(0)" @click="gotoLabel('childFour-labelTwo')" class="cu-pr"><sup>[2]</sup></a>
           </p>
           <p>
             闊﹀厠鏂嫆瀛﹀墠鍎跨鏅哄姏閲忚〃鏄煢鍏嬫柉鍕掍簬1967骞翠负璇勪及瀛﹀墠鍎跨鐨勬櫤鍔涘彂灞曡璁$殑锛屽瀛﹀墠鍎跨杩涜娴嬮獙锛岃 閲忓効绔ュ悇鏂归潰鐨勮兘鍔涳紝浠ヨ幏寰楀効绔ュ鏂归潰鏅鸿兘姘村钩鐨勪俊鎭�備腑鍥藉績鐞嗗瀹跺璇ラ噺琛ㄨ繘琛屼簡淇锛屽舰鎴愪簡涓浗鈥旈煢姘忓鍓嶅効绔ユ櫤鍔涢噺琛紙C-WYCSI锛夛紝鐢ㄦ潵娴嬮噺涓浗瀛﹀墠鍎跨鐨勬櫤鍔涘彂灞曟按骞炽��
@@ -1349,9 +1354,12 @@
             />
             浜戞祴璇�
           </h6>
-          <p class="blockh6-c center">
+          <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚浜�</span>
-            <examinations :cardList="questionData[105]" :chapter="4" :page="97" />
+            <examinations
+              v-if="questionData"
+              :cardList="questionData[105]"
+            />
           </p>
           <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
           <p class="blockh6">
@@ -1362,16 +1370,16 @@
             銆�銆�瀛﹀墠鍎跨蹇冪悊璇勪及鏈夊叾鐙壒鐨勭壒鐐癸紝涓浗杈冧负甯哥敤鐨勫嚑绉嶆祴璇曟柟娉曟湁涓逛經鍙戣偛绛涙煡娴嬭瘯銆佺粯浜烘祴璇曘�侀煢鍏嬫柉鍕掑鍓嶅効绔ユ櫤鍔涢噺琛ㄧ瓑銆�
           </p>
           <div class="annotation-border"></div>
-          <p class="note">
-            <a id="m2"></a><a href="chapter004.html#w2">[2]</a>
+          <p class="note" id="childFour-labelTwo">
+            <a id="m2"></a><a href="javascript: void(0)">[2]</a>
             瑙d簹瀹併�佹埓鏅撻槼锛氥�婂疄鐢ㄥ績鐞嗘祴楠屻�嬶紝30锝�35椤碉紝鍖椾含锛屼腑鍥藉尰鑽鎶�鍑虹増绀撅紝2006銆�
           </p>
         </div>
-    </div>
+      </div>
     </div>
     <!-- 98 -->
     <div class="page-box" page="106">
-      <div v-if="showPageList.indexOf(106) > -1">      
+      <div v-if="showPageList.indexOf(106) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -1381,40 +1389,45 @@
         </div>
         <div class="padding-96">
           <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
-          <p>1.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺锛�</p>
+          <p class="block">1.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺锛�</p>
           <textarea
             style="width: 80%; margin: 0 0 0 40px"
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFourData.question.short.qOne"
+            @input="saveChapterOneData"
           ></textarea>
-          <p>2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳槸浠�涔堬紵</p>
+          <p class="block">2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳槸浠�涔堬紵</p>
           <textarea
             style="width: 80%; margin: 0 0 0 40px"
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFourData.question.short.qTwo"
+            @input="saveChapterOneData"
           ></textarea>
-          <p>3.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺锛�</p>
+          <p class="block">3.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺锛�</p>
           <textarea
             style="width: 80%; margin: 0 0 0 40px"
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFourData.question.short.qThree"
+            @input="saveChapterOneData"
           ></textarea>
-          <p>4.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰锛�</p>
+          <p class="block">4.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰锛�</p>
           <textarea
             style="width: 80%; margin: 0 0 0 40px"
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFourData.question.short.qFour"
+            @input="saveChapterOneData"
           ></textarea>
-          <p>5.鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔堬紵</p>
+          <p class="block">5.鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔堬紵</p>
           <textarea
             style="width: 80%; margin: 0 0 0 40px"
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFourData.question.short.qFive"
+            @input="saveChapterOneData"
           ></textarea>
           <h6 class="Conclusion-title2">
             <img
@@ -1425,12 +1438,22 @@
             浜戞祴璇�
           </h6>
           <p class="blockh6-c">
-            瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
+            瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵娴嬩竴娴嬪惂锛�<br />
             <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-            <examinations :cardList="questionData[106][1]" :chapter="4" :page="981" />
+            <examinations
+              v-if="questionData"
+              :cardList="questionData[106] ?  questionData[106][1] :[]"
+              :chapter="4"
+              :page="981"
+            />
             <span class="span-border"></span>
             <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-            <examinations :cardList="questionData[106][2]" :chapter="4" :page="982" />
+            <examinations
+              v-if="questionData"
+              :cardList="questionData[106] ? questionData[106][2] : []"
+              :chapter="4"
+              :page="982"
+            />
           </p>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
           <p>1.娴嬮噺骞煎効鐨勮韩楂樸�佷綋閲嶃�佸ご鍥村拰鑳稿洿銆�</p>
@@ -1446,26 +1469,31 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="500"
               class="w100 ta-br textarea-text"
+              @input="saveChapterOneData"
             ></textarea>
           </p>
         </div>
-    </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
 import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import { getResourcePath } from "@/assets/methods/resources";
 export default {
-  components: {  examinations },
-  props:{
-    questionData:{
-      type:Object
+  components: { examinations },
+  props: {
+    questionData: {
+      type: Object,
     },
-    showPageList:{
-      type:Array
-    }
+    showPageList: {
+      type: Array,
+    },
+    isSearch: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -1477,11 +1505,15 @@
       pathFour: "",
       pathFive: "",
       pathSix: "",
-      saveTime:20,
       chapterFourData: {
         experienceOne: "",
         experienceTwo: "",
         introspection: "",
+        option:{
+          one:"",
+          two:"",
+          three:""
+        },
         learnTableOne: {
           qOne: "",
           qTwo: "",
@@ -1489,9 +1521,9 @@
           qFour: "",
           qFive: "",
           qSix: "",
-          qSeven:"",
-          qEnight:"",
-          qNine:""
+          qSeven: "",
+          qEnight: "",
+          qNine: "",
         },
         learnTableTwo: {
           qOne: "",
@@ -1505,32 +1537,27 @@
           short: {
             qOne: "",
             qTwo: "",
-            qThree:"",
-            qFour:"",
-            qFive:"",
+            qThree: "",
+            qFour: "",
+            qFive: "",
           },
+        },
+        screening: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
         },
       },
     };
   },
   async mounted() {
-    const localData = localStorage.getItem("chapterFourData");
-    if (localData) {
-      this.chapterFourData = JSON.parse(localData);
-    }
-    window.timerFour = setInterval(() => {
-      this.saveTime--;
-      if (this.saveTime == 0) {
-        this.saveChapterOneData();
+    if (!this.isSearch) {
+      const localData = localStorage.getItem("chapterFourData");
+      if (localData) {
+        this.chapterFourData = JSON.parse(localData);
       }
-    }, 1000);
-    this.getVideoPath()
-  },
-  unmounted() {
-    if (window.timerFour) {
-      clearInterval(window.timerFour);
+      this.getVideoPath();
     }
-    localStorage.setItem("chapterFourData", JSON.stringify(this.chapterFourData));
   },
   methods: {
     changeResources(type) {
@@ -1540,23 +1567,35 @@
         this.$data.learnTableTwo = !this.$data.learnTableTwo;
       }
     },
-    getVideoPath() {
-      this.$data.pathOne = getResourcePath("f2980359eb32cb3b74b284bf5348a596");
-      this.$data.pathTwo = getResourcePath("2677fc38748eeac767a4b3fab5989a38");
-      this.$data.pathThree = getResourcePath(
+    async getVideoPath() {
+      this.$data.pathOne = await getResourcePath(
+        "f2980359eb32cb3b74b284bf5348a596"
+      );
+      this.$data.pathTwo = await getResourcePath(
+        "2677fc38748eeac767a4b3fab5989a38"
+      );
+      this.$data.pathThree = await getResourcePath(
         "87836d6f409df33817589b6b67514979"
       );
-      this.$data.pathFour = getResourcePath("24a624217470bdea16d22e3a25cc8aa5");
-      this.$data.pathFive = getResourcePath("df98433d6a6cbd5e768ec1bf721619e4");
-      this.$data.pathSix = getResourcePath("14916e143d49e15f94964ad0f8c372f1");
+      this.$data.pathFour = await getResourcePath(
+        "24a624217470bdea16d22e3a25cc8aa5"
+      );
+      this.$data.pathFive = await getResourcePath(
+        "df98433d6a6cbd5e768ec1bf721619e4"
+      );
+      this.$data.pathSix = await getResourcePath(
+        "14916e143d49e15f94964ad0f8c372f1"
+      );
     },
     saveChapterOneData() {
-      this.saveTime = 20;
       localStorage.setItem(
         "chapterFourData",
         JSON.stringify(this.chapterFourData)
       );
     },
+    gotoLabel(id) {
+      (this.container ? this.container : document).getElementById(id).scrollIntoView()
+    },
   },
 };
 </script>

--
Gitblit v1.9.1