From bae61829b323cd391e277ad6c054770f4b7a3f8a Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期三, 26 六月 2024 19:45:22 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/childHealth/view/content/components/chapter001.vue |  336 ++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 219 insertions(+), 117 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index ca336c6..239aaef 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -179,6 +179,7 @@
                     v-model="chapterOneData.learnTableOne.qOne"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                   <span class="ds-bl mt-10"
                     >2.瀛﹀墠鍎跨鐨勯锛堥锛夋湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ュ浣曚繚鍋ワ紵</span
@@ -189,6 +190,7 @@
                     v-model="chapterOneData.learnTableOne.qTwo"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                   <span class="ds-bl mt-10"
                     >3.涓轰粈涔堝鍓嶅効绔ヤ笉瀹滀粠浜嬫嫈娌炽�佹攢宀┿�佸紩浣撳悜涓婄瓑娲诲姩锛�</span
@@ -199,6 +201,7 @@
                     v-model="chapterOneData.learnTableOne.qTHree"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                   <span class="ds-bl mt-10"
                     >4.瀛﹀墠鍎跨楠ㄩ鑲屾湁浠�涔堢壒鐐癸紵杩愬姩杩囩▼涓簲璇ユ敞鎰忓摢浜涗簨椤癸紵</span
@@ -209,6 +212,7 @@
                     v-model="chapterOneData.learnTableOne.qFour"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                   <span class="ds-bl mt-10"
                     >5.骞煎効鍥兘缁勭粐骞煎効缁冧範鍐欏瓧鍚楋紵涓轰粈涔堬紵</span
@@ -219,6 +223,7 @@
                     v-model="chapterOneData.learnTableOne.qFive"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                   <span class="ds-bl mt-10"
                     >6.瀛﹀墠鍎跨鐨勫叧鑺傛湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ユ敞鎰忓摢浜涢棶棰橈紵</span
@@ -229,6 +234,7 @@
                     v-model="chapterOneData.learnTableOne.qSix"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                   <span class="ds-bl mt-10"
                     >7.浠�涔堟槸鎵佸钩瓒筹紵鎬庢牱棰勯槻瀛﹀墠鍎跨褰㈡垚鎵佸钩瓒筹紵</span
@@ -239,6 +245,7 @@
                     v-model="chapterOneData.learnTableOne.qSeven"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                   <span class="ds-bl mt-10"
                     >8.瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐规湁鍝簺锛�</span
@@ -249,6 +256,7 @@
                     v-model="chapterOneData.learnTableOne.qEight"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                   <span class="ds-bl mt-10"
                     >9.鏃ュ父淇濇暀娲诲姩涓紝濡備綍绉戝缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔紵</span
@@ -259,6 +267,7 @@
                     v-model="chapterOneData.learnTableOne.qNine"
                     placeholder="璇疯緭鍏ュ唴瀹�"
                     class="w100 ta-br textarea-text"
+                    @input="saveChapterOneData"
                   ></textarea>
                 </td>
               </tr>
@@ -278,12 +287,6 @@
               <span class="learn-title-text">瑙嗛锛�</span>
               <span class="t0">浜轰綋姒傝堪</span>
               <span class="svg-btn t0" @click="changeResources('videoOne')">
-                <!-- <img
-                  src="../../../assets/images/icon/video.png"
-                  alt=""
-                  style="margin-left: 10px"
-                  class="btn"
-                /> -->
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -305,12 +308,10 @@
                   </g>
                 </svg>
               </span>
-
               <!-- <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> -->
             </span>
             <span v-if="videoOne">
               <video
-                v-if="videoOne"
                 poster="../../../assets/images/chapterOne/people-video-img.jpg"
                 :src="pathOne"
                 webkit-playsinline="true"
@@ -320,7 +321,9 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="video-border w100"
+                controlslist="nodownload"
+                class="video-border w100 video"
+                @play="videoPlay"
               ></video>
             </span>
             <span class="span-border"></span>
@@ -351,7 +354,7 @@
               </span>
             </span>
             <examinations
-              v-if="testOne && questionData && questionData[10]"
+              v-if="testOne && questionData"
               :chapter="1"
               :page="10"
               :cardList="questionData[10]"
@@ -375,6 +378,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br fm-st cl-66 fz-14"
+                  @input="saveChapterOneData"
                 ></textarea>
               </p>
               <p class="block">
@@ -411,7 +415,9 @@
                     x5-video-player-fullscreen="true"
                     x5-playsinline=""
                     controls
-                    class="video-box video-border"
+                    controlslist="nodownload"
+                    class="video-box video-border video"
+                    @play="videoPlay"
                   ></video>
                   <p class="img">瑙嗛锛氶楠�</p>
                   <h5 id="e001">1.楠ㄧ敓闀胯繀閫�</h5>
@@ -520,7 +526,7 @@
 
           <div class="fl">
             <div
-              class="left fl fl-di fl-evenly openImgBox"
+              class="left fl fl-di ju-cn openImgBox"
               style="width: 30%; margin-top: 5px"
             >
               <img
@@ -543,8 +549,8 @@
             </div>
           </div>
           <div class="fl">
-            <div class="left" style="width: 30%">
-              <div class="banshi openImgBox">
+            <div class="left fl fl-di ju-cn" style="width: 42%">
+              <div class="banshi openImgBox" style="height:86px">
                 <div class="swiper-container swiper-img">
                   <div class="swiper-wrapper">
                     <div class="swiper-slide">
@@ -570,7 +576,7 @@
               </div>
               <p class="img">鍥�1-4 姝ｅ父瓒冲拰鎵佸钩瓒�</p>
             </div>
-            <div class="right" style="width: 70%; padding-left: 20px">
+            <div class="right" style="width: 58%; padding-left: 20px">
               <h5 id="e009" class="tl">2.瓒抽儴鑲岃倝銆侀煣甯﹁繕涓嶇粨瀹�</h5>
               <p class="tl lh2">
                 瓒抽鍊熷姪鍧氬己鐨勯煣甯﹁繛鎺ヨ捣鏉ワ紝褰㈡垚绐侀潰鍚戜笂鐨勮冻寮擄紙瑙佸浘1-4鐨勬甯歌冻锛夈��
@@ -596,11 +602,11 @@
           <h3 id="c002">浜屻�佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑淇濆仴</h3>
           <h4 id="d004">锛堜竴锛夋寚瀵煎鍓嶅効绔ヤ繚鎸佹纭Э鍔匡紝闃叉鑴婃煴鍜岃兏寤撶暩褰�</h4>
           <p class="lh2">
-            淇濇寔姝ｇ‘濮垮娍锛屽舰鎴愯壇濂戒綋鎬侊紝鍗斥�滃潗鏈夊潗鐩搞�佺珯鏈夌珯鐩糕�濓紝涓嶄粎鏄负浜嗙編瑙傦紝鏇存槸
+            淇濇寔姝ｇ‘濮垮娍锛屽舰鎴愯壇濂戒綋鎬侊紝鍗斥�滃潗鏈夊潗鐩搞�佺珯鏈夌珯鐩糕�濓紝涓嶄粎鏄负浜嗙編瑙傦紝鏇存槸涓轰簡淇濊瘉瀛﹀墠鍎跨韬績鍋ュ悍鍙戣偛銆備笉鑹綋鎬侊紝濡傞┘鑳屻�佷弗閲嶈剨鏌变晶寮瓑锛屽鑷磋兏寤撶暩褰紝鍙弗閲嶅奖鍝嶅鍓嶅効绔ョ殑蹇冭偤鍙戣偛锛屽鏄撴偅鍛煎惛绯荤粺鐤剧梾銆備綋鎬佷笉鑹殑鍎跨涔熷鏄撹嚜鍗戯紝褰卞搷鍋ュ叏浜烘牸鐨勫舰鎴愩��
           </p>
           <div class="fl">
-            <p class="left m0-t0 lh2" style="width: 45%">
-              涓轰簡淇濊瘉瀛﹀墠鍎跨韬績鍋ュ悍鍙戣偛銆備笉鑹綋鎬侊紝濡傞┘鑳屻�佷弗閲嶈剨鏌变晶寮瓑锛屽鑷磋兏寤撶暩褰紝鍙弗閲嶅奖鍝嶅鍓嶅効绔ョ殑蹇冭偤鍙戣偛锛屽鏄撴偅鍛煎惛绯荤粺鐤剧梾銆備綋鎬佷笉鑹殑鍎跨涔熷鏄撹嚜鍗戯紝褰卞搷鍋ュ叏浜烘牸鐨勫舰鎴愩�備负闃叉鑴婃煴銆佽兏寤撶瓑楠ㄩ鍙樺舰锛屽舰鎴愯壇濂戒綋鎬侊紝椤绘敞鎰忎互涓嬪嚑鐐癸細濠村効涓嶅疁杩囨棭鍧愩�佺珯锛屼笉瀹滅潯杞簥鍜屼箙鍧愭矙
+            <p class="lh2" style="width: 45%">
+              涓洪槻姝㈣剨鏌便�佽兏寤撶瓑楠ㄩ鍙樺舰锛屽舰鎴愯壇濂戒綋鎬侊紝椤绘敞鎰忎互涓嬪嚑鐐癸細濠村効涓嶅疁杩囨棭鍧愩�佺珯锛屼笉瀹滅潯杞簥鍜屼箙鍧愭矙鍙戙�傝礋閲嶄笉瑕佽秴杩囪嚜韬綋閲嶇殑1/8锛屾洿涓嶈兘闀挎椂闂村崟渚ц礋閲嶃�傛墭骞兼満鏋勫簲閰嶅涓庡鍓嶅効绔ヨ韩鏉愮浉閫傚簲鐨勬妞呫�傚鏋滃鍓嶅効绔ユ墍鐢ㄧ殑妗屽瓙浣庛�佹瀛愰珮锛屾槗褰㈡垚椹艰儗锛涘鏋滄瀛愰珮銆佹瀛愪綆锛屽鏄撳舰鎴愯剨渚у集锛堣鍥�1-5锛夈�� 鏁欏笀瑕侀殢鏃剁籂姝�
             </p>
             <div class="right fl fl-cn fl-di" style="width: 55%">
               <div class="banshi openImgBox">
@@ -636,7 +642,7 @@
             </div>
           </div>
           <p class="lh2 t0">
-            鍙戙�傝礋閲嶄笉瑕佽秴杩囪嚜韬綋閲嶇殑1/8锛屾洿涓嶈兘闀挎椂闂村崟渚ц礋閲嶃�傛墭骞兼満鏋勫簲閰嶅涓庡鍓嶅効绔ヨ韩鏉愮浉閫傚簲鐨勬妞呫�傚鏋滃鍓嶅効绔ユ墍鐢ㄧ殑妗屽瓙浣庛�佹瀛愰珮锛屾槗褰㈡垚椹艰儗锛涘鏋滄瀛愰珮銆佹瀛愪綆锛屽鏄撳舰鎴愯剨渚у集锛堣鍥�1-5锛夈�傛暀甯堣闅忔椂绾犳瀛﹀墠鍎跨鍧愩�佺珛銆佽涓殑涓嶆纭Э鍔匡紝骞朵负浠栦滑鍋氬嚭姒滄牱銆�
+            瀛﹀墠鍎跨鍧愩�佺珛銆佽涓殑涓嶆纭Э鍔匡紝骞朵负浠栦滑鍋氬嚭姒滄牱銆�
           </p>
           <h4 id="d005">锛堜簩锛夌瀛︾粍缁囦綋鑲查敾鐐煎拰鎴峰娲诲姩</h4>
           <p class="lh2">
@@ -678,7 +684,11 @@
           <p class="lh2">
             楠ㄧ殑鐢熼暱闇�瑕佸ぇ閲忚泲鐧借川銆侀挋鍜岀７绛夛紝杩橀渶瑕佺淮鐢熺礌D淇冭繘閽欍�佺７鐨勫惛鏀讹紱鑲岃倝鐨勭敓闀垮強鑳介噺鐨勫偍瀛橈紝闇�瑕佸ぇ閲忚泲鐧借川鍜岃憽钀勭硸銆傚悎鐞嗚喅椋熸槸淇濊瘉楠ㄥ拰鑲岃倝鍙戣偛鐨勯噸瑕佹潯浠躲�傚効绔ュ簲澶氭憚鍙栧惈閽欍�佺７銆佺淮鐢熺礌D銆佽泲鐧借川绛変赴瀵岀殑椋熷搧锛屽灏忚櫨鐨�佽泲榛勩�佺墰濂躲�佸姩鐗╄倽鑴忋�佽眴鍒跺搧绛夛紝浠ヤ績杩涢鐨勯挋鍖栧拰鑲岃倝鐨勫彂鑲层��
           </p>
-          <h6 class="Conclusion-title2">
+          <h4 id="d008">锛堜簲锛夋敞鎰忎繚鎶ゅソ鍏宠妭鍜岄煣甯�</h4>
+          <p class="lh2">
+            鎴愪汉涓嶈鐚涘姏鐗垫媺鍎跨鐨勬墜鑷傦紝浠ラ槻浼ょ潃鑲樺叧鑺傘�佽偐鍏宠妭锛涙暀鑲插効绔ヤ笉瑕佷粠楂樺寰�纭湴涓婅烦锛岄伩鍏嶄激鐫�楠ㄧ泦銆傚彟澶栵紝鏁欏笀鍦ㄧ粍缁囧効绔ヨ繘琛屼綋鑲查敾鐐煎拰鎴峰娲诲姩鏃讹紝灏介噺閬垮厤鍦ㄧ‖鍦伴潰涓婂仛璺宠穬杩愬姩銆�
+          </p>
+                    <h6 class="Conclusion-title2">
             <img
               class="img-gn"
               alt=""
@@ -690,14 +700,10 @@
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
             <examinations
               :cardList="questionData[14]"
-              v-if="questionData && questionData[14]"
+              v-if="questionData"
               :chapter="1"
               :page="6"
             />
-          </p>
-          <h4 id="d008">锛堜簲锛夋敞鎰忎繚鎶ゅソ鍏宠妭鍜岄煣甯�</h4>
-          <p class="lh2">
-            鎴愪汉涓嶈鐚涘姏鐗垫媺鍎跨鐨勬墜鑷傦紝浠ラ槻浼ょ潃鑲樺叧鑺傘�佽偐鍏宠妭锛涙暀鑲插効绔ヤ笉瑕佷粠楂樺寰�纭湴涓婅烦锛岄伩鍏嶄激鐫�楠ㄧ泦銆傚彟澶栵紝鏁欏笀鍦ㄧ粍缁囧効绔ヨ繘琛屼綋鑲查敾鐐煎拰鎴峰娲诲姩鏃讹紝灏介噺閬垮厤鍦ㄧ‖鍦伴潰涓婂仛璺宠穬杩愬姩銆�
           </p>
           <p class="custom_tag" style="margin-top: 30px"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
           <div class="fieldset">
@@ -828,6 +834,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.瀛﹀墠鍎跨鐨勯蓟鑵旀湁浠�涔堢壒鐐�?鎬庢牱杩涜绉戝淇濆仴?</span
@@ -839,6 +846,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.瀛﹀墠鍎跨鐨勫０甯︽湁浠�涔堢壒鐐�?骞煎効鏁欏笀璁茶瘽涓轰粈涔堣杞诲０缁嗚?</span
@@ -850,6 +858,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.瀛﹀墠鍎跨寮犲彛鍛煎惛鏈夊摢浜涘嵄瀹�?鎬庢牱绾犳?</span
@@ -861,6 +870,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.瀛﹀墠鍎跨鐨勫懠鍚歌繍鍔ㄦ湁浠�涔堢壒鐐�?</span>
                 <textarea
@@ -870,6 +880,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">6.瀛﹀墠鍎跨浠ヤ粈涔堟ā寮忕殑鍛煎惛涓轰富?</span>
                 <textarea
@@ -879,6 +890,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">7.鎿ら蓟娑曠殑姝ｇ‘鏂规硶鏄粈涔�?</span>
                 <textarea
@@ -888,6 +900,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.閽堝瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭壒鐐癸紝濡備綍鍩瑰吇瀛﹀墠鍎跨鑹ソ鐨勫崼鐢熶範鎯�?</span
@@ -899,6 +912,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -943,6 +957,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="300"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               褰撳闀垮強骞煎効鍥暀甯堝彂鐜板瀛愮殑榧昏厰鍐呮湁寮傜墿鏃讹紝鍒囧嬁绱у紶鎬ヨ簛锛屾洿涓嶈兘涓ュ帀璁枼鍜屾墦楠傚瀛愶紝浠ュ厤瀛╁瓙鎯婃厡鍝椆锛屽皢寮傜墿鍚稿叆涓嬪懠鍚搁亾锛屽鑷村懠鍚搁亾寮傜墿鐨勪弗閲嶅悗鏋溿�傚悓鏃讹紝鍗冧竾鍒敤鎵嬨�侀晩瀛愮瓑澶瑰彇榧昏厰寮傜墿锛岃繖鏈夊彲鑳借嚧浣垮紓鐗╄秺闄疯秺娣憋紝闅句互鍙栧嚭锛屼篃寰堝鏄撻�犳垚灏忓榧昏厰榛忚啘鎹熶激锛屽紩璧峰嚭琛�鎴栧彂鐐庛�傝�屽簲璁炬硶鍔濋樆瀛╁瓙鍝椆锛屾敼鐢ㄥ彛鑵斿懠鍚革紝鐒跺悗杩呴�熼�佸線鍖婚櫌妫�鏌ャ�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭敓鐞嗙壒鐐瑰強鐩稿叧鐨勪繚鍋ョ煡璇嗭紝浠ヤ究骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄤ腑绉戝鍦板瀛﹀墠鍎跨鐨勫懠鍚哥郴缁熷紑灞曚繚鍋ュ伐浣溿��
@@ -996,7 +1011,7 @@
                 绐︽墠閫愭笎鍙戣偛瀹屽杽銆傚洜姝わ紝瀛﹀墠鍎跨铏界劧瀹规槗鍙戠敓涓婂懠鍚搁亾鎰熸煋锛屼絾鏋佸皯鍑虹幇榧荤鐐庛�傞蓟涓殧鍓嶄笅鏂硅绠′赴瀵岋紝瀹规槗鍥犲共鐕ャ�佸浼ょ瓑鍑鸿锛岀О涓衡�滄槗鍑鸿鍖衡�濄��
               </p>
               <p class="lh2">
-                瀛﹀墠鍎跨榧绘唱绠¤緝鐭紝寮�鍙ｄ簬鐪煎唴鐪︼紝鐡ｈ啘鍙戣偛涓嶅叏銆傚洜姝わ紝濡傛灉涓婂懠鍚搁亾鎰熸煋锛岀梾鑿屽彲浠ラ�氳繃榧�
+                瀛﹀墠鍎跨榧绘唱绠¤緝鐭紝寮�鍙ｄ簬鐪煎唴鐪︼紝鐡ｈ啘鍙戣偛涓嶅叏銆傚洜姝わ紝濡傛灉涓婂懠鍚搁亾鎰熸煋锛岀梾鑿屽彲
               </p>
             </div>
             <div class="right" style="width: 60%">
@@ -1010,19 +1025,21 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
+                controlslist="nodownload"
                 style="margin-top: 20px"
-                class="video-border w100"
+                class="video-border w100 video"
+                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬鍓嶅効绔ュ懠鍚搁亾鐨勯槻寰＄壒鐐逛笌淇濆仴</p>
             </div>
           </div>
-          <p class="t0">娉渚靛強鐪肩粨鑶滐紝寮曞彂娉泭鐐庛�佺粨鑶滅値绛夈��</p>
+          <p class="t0">浠ラ�氳繃榧绘唱绠′镜鍙婄溂缁撹啘锛屽紩鍙戞唱鍥婄値銆佺粨鑶滅値绛夈��</p>
           <h5 id="e013">2.鍜�</h5>
           <p class="lh2">
             鍜藉垎鍒互杞叚娓哥缂樺拰浼氬帉涓婄紭涓虹晫锛屽垎涓洪蓟鍜姐�佸彛鍜藉拰鍠夊捊锛屽湪濠村効鏈熺浉瀵圭嫮灏忥紝鏂瑰悜鍨傜洿銆傚鍓嶅効绔ュ捊榧撶杈冨銆佺煭锛岃�屼笖骞崇洿锛屾晠涓婂懠鍚搁亾鎰熸煋鏃讹紝鐥呭師浣撳鏄撲镜鍏ヤ腑鑰筹紝寮曞彂涓�崇値锛屾崯浼ゅ惉鍔涖��
           </p>
-          <div class="fl">
-            <div class="left" style="width: 80%">
+          <div class="fl fl-between">
+            <div class="left" style="width: 78%">
               <h5 id="e014">3.鍠�</h5>
               <p class="lh2">
                 瀛﹀墠鍎跨鍠夎厰鐙獎锛岄粡鑶滄煍瀚╋紝鏈変赴瀵岀殑琛�绠″拰娣嬪反缁勭粐銆傚鏋滄劅鏌擄紝鍙洜榛忚啘鍏呰銆佽偪鑳�锛屼娇鍠夎厰鏇寸嫮绐勶紝瀵艰嚧鍛煎惛鍥伴毦銆�
@@ -1031,8 +1048,9 @@
                 瀛﹀墠鍎跨鍠夐儴鐨勪繚鎶ゆ�у弽灏勬満鑳藉皻涓嶅畬鍠勶紝杩涢鏃惰绗戝鏄撳皢鏈毤纰庣殑椋熺墿鍛涘叆鍛煎惛閬撱��
               </p>
               <p class="lh2">
-                瀛﹀墠鍎跨澹板甫瀹规槗鐤插姵锛岃嫢鍙戠敓鑲胯儉銆佸厖琛�锛屽彲鑳藉嚭鐜板０闊冲樁鍝戙�傚枆鑵旀ā寮忚鍥�1-7銆�
+                瀛﹀墠鍎跨澹板甫瀹规槗鐤插姵锛岃嫢鍙戠敓鑲胯儉銆佸厖琛�锛屽彲鑳藉嚭鐜板０闊冲樁鍝戙��
               </p>
+              <p class="lh2">鍠夎厰妯″紡瑙佸浘1-7銆�</P>
             </div>
             <div class="right" style="width: 20%">
               <p class="center openImgBox">
@@ -1121,7 +1139,7 @@
           <p class="lh2">
             鏁欒偛瀛﹀墠鍎跨鐜╃幓鐠冪悆銆佺‖甯併�佺航鎵ｃ�佽眴绫荤瓑灏忎笢瑗挎椂瑕佺壒鍒敞鎰忥紝鏇翠笉鑳藉皢瀹冧滑鏀惧叆榧昏厰锛屼弗闃插懠鍚搁亾寮傜墿鐨勫彂鐢熴��
           </p>
-          <h6 class="Conclusion-title2">
+          <!-- <h6 class="Conclusion-title2">
             <img
               class="img-gn"
               alt=""
@@ -1133,11 +1151,11 @@
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
             <examinations
               :cardList="questionData[17]"
-              v-if="questionData && questionData[17]"
+              v-if="questionData"
               :chapter="1"
               :page="9"
             />
-          </p>
+          </p> -->
           <h4 id="d015">锛堜簲锛変繚鎶ゅ０甯�</h4>
           <p class="lh2">
             閫夋嫨閫傚悎瀛﹀墠鍎跨闊冲煙鐗圭偣鐨勬瓕鏇叉垨鏈楄鏉愭枡锛屾瘡娆″敱姝屾垨鏈楄鐨勬椂闂翠笉瀹滆繃闀匡紙鏈�澶�5鍒嗛挓锛夛紝鏇翠笉鑳介珮澹板枈鍙紝浠ラ槻澹板甫鍏呰銆佽偪鑳�銆佸彉鍘氾紝閫犳垚澹伴煶鍢跺搼銆傜粌涔犲彂澹扮殑
@@ -1158,6 +1176,23 @@
         <div class="padding-96">
           <p class="lh2">
             鍦烘墍搴斾繚鎸佺┖姘旀祦閫氾紝娓╁害銆佹箍搴﹂�傚疁銆傚啲瀛ｄ笉瑕佸湪瀹ゅ缁冨０锛岃閬垮厤瀛﹀墠鍎跨鍦ㄦ俯搴﹂鍙樼殑鎯呭喌涓嬬粌涔犲彂澹般�傚綋鍜介儴鏈夌値鐥囨椂锛屽簲鍑忓皯鍙戦煶锛岀洿鍒板畬鍏ㄥ悍澶嶃��
+          </p>
+                    <h6 class="Conclusion-title2">
+            <img
+              class="img-gn"
+              alt=""
+              src="../../../assets/images/icon/ycs.png"
+            />
+            浜戞祴璇�
+          </h6>
+          <p class="blockh6-c">
+            <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
+            <examinations
+              :cardList="questionData[18]"
+              v-if="questionData"
+              :chapter="1"
+              :page="9"
+            />
           </p>
           <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
           <div class="fieldset">
@@ -1290,6 +1325,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.寰幆绯荤粺鐢卞摢鍑犱釜閮ㄥ垎缁勬垚?鍚勮嚜鐨勭粨鏋勫拰鍔熻兘鏄粈涔�?</span
@@ -1301,6 +1337,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.瀛﹀墠鍎跨鐨勫績鑴忔湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span
@@ -1312,6 +1349,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.瀛﹀墠鍎跨鐨勮绠℃湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span
@@ -1323,6 +1361,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.瀛﹀墠鍎跨鐨勬穻宸寸郴缁熸湁浠�涔堢壒鐐�?鏃ュ父淇濇暀娲诲姩涓簲濡備綍淇濆仴?</span
@@ -1334,6 +1373,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.涓轰粈涔堣棰勯槻瀛﹀墠鍎跨缂洪搧鎬ц传琛�?鎬庢牱棰勯槻?</span
@@ -1345,6 +1385,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.濡備綍缁勭粐骞煎効鍙傚姞閫傚悎骞撮緞鐗圭偣鐨勪綋鑲查敾鐐煎拰鎴峰娲诲姩鎵嶅埄浜庡叾琛�娑插惊鐜殑淇濆仴?</span
@@ -1356,6 +1397,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.瀛﹀墠鍎跨浼氭偅鍔ㄨ剦绮ユ牱纭寲鍚�?濡備綍鏃╂湡棰勯槻鍔ㄨ剦鏍风‖鍖�?</span
@@ -1367,6 +1409,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -1393,6 +1436,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="300"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               瑕佹兂浜嗚В杩欎簺闂锛屽氨蹇呴』浜嗚В瀛﹀墠鍎跨寰幆绯荤粺鐨勭壒鐐广�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨寰幆绯荤粺鐨勭敓鐞嗙煡璇嗭紝闃愭槑绉戝寮�灞曞鍓嶅効绔ュ惊鐜郴缁熶繚鍋ョ殑瑕佺偣锛屼互甯姪骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄤ腑绉戝寮�灞曞鍓嶅効绔ュ惊鐜郴缁熺殑淇濆仴宸ヤ綔銆�
@@ -1443,7 +1487,9 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="video-border w100"
+                controlslist="nodownload"
+                class="video-border w100 video"
+                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬鍓嶅効绔ュ績銆佽绠＄殑鐗圭偣鍙婁繚鍋�</p>
             </div>
@@ -1626,7 +1672,7 @@
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
             <examinations
               :cardList="questionData[22]"
-              v-if="questionData && questionData[22]"
+              v-if="questionData"
               :chapter="1"
               :page="14"
             />
@@ -1739,6 +1785,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.涔崇墮鐨勭粨鏋勭壒鐐规槸浠�涔�?闄ゅ拃鍤奸鐗╁锛屼钩鐗欒繕鏈夊摢浜涗綔鐢�?</span
@@ -1750,6 +1797,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.涔崇墮涓�鍏辨湁澶氬皯棰�?浠�涔堟椂鍊欏叏閮ㄥ嚭榻�?</span
@@ -1761,6 +1809,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">4.浠�涔堝彨榫嬮娇?榫嬮娇闇�瑕佹不鐤楀悧?</span>
                 <textarea
@@ -1770,6 +1819,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.涓轰粈涔� 3~6涓湀鐨勫┐鍎垮鏄撳彂鐢熲�滅敓鐞嗘�ф祦娑庘��?</span
@@ -1781,6 +1831,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">6.涓轰粈涔堟柊鐢熷効瀹规槗婧㈠ザ?</span>
                 <textarea
@@ -1790,6 +1841,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">7.瀛﹀墠鍎跨鐨勮偁閬撴湁浠�涔堢壒鐐�?</span>
                 <textarea
@@ -1799,6 +1851,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">8.鏃ュ父鐢熸椿涓浣曚繚鎶や钩鐗�?</span>
                 <textarea
@@ -1808,6 +1861,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >9.瀛﹀墠鍎跨娑堝寲绯荤粺鐨勪繚鍋ヨ鐐规湁鍝簺?</span
@@ -1819,6 +1873,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -1845,6 +1900,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="300"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               涓嶆柇鍦颁负鏈轰綋渚涘簲鍚勭钀ュ吇绱犳槸缁存寔姝ｅ父鐢熺悊鍔熻兘鍜屼績杩涚敓闀垮彂鑲茬殑鍓嶆彁銆傝�屽绉嶈惀鍏绘垚鍒嗭紝灏ゅ叾鏄骇鑳借惀鍏荤礌鐨勭粨鏋勬瘮杈冨鏉傦紝鎽勫叆鐨勯鐗╀笉鑳界洿鎺ヤ负浜轰綋鎵�鐢紝蹇呴』閫氳繃娑堝寲绯荤粺灏嗛鐗╄浆鍙樻垚缁撴瀯绠�鍗曠殑钀ュ吇鐗╄川锛屾墠鑳戒緵鏈轰綋鍚告敹銆佸埄鐢ㄣ�傚鍓嶅効绔ョ殑娑堝寲绯荤粺鍙戣偛灏氫笉瀹屽杽锛岄渶瑕佹垚浜烘牴鎹叾鐗圭偣锛屽悎鐞嗗杺鍏汇�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨娑堝寲绯荤粺鐨勭敓鐞嗙煡璇嗭紝闃愯堪瀵瑰鍓嶅効绔ユ秷鍖栫郴缁熻繘琛屼繚鍋ョ殑瑕佺偣锛屼互甯姪骞煎効鏁欏笀鍦ㄥ疄闄呭伐浣滀腑绉戝寮�灞曞鍓嶅効绔ユ秷鍖栫郴缁熺殑淇濆仴宸ヤ綔銆�
@@ -1875,6 +1931,10 @@
                 娑堝寲绯荤粺鐢辨秷鍖栭亾鍜屾秷鍖栬吅缁勬垚锛堣鍥�1-9锛夈�傛秷鍖栭亾鍖呮嫭鍙ｈ厰銆佸捊銆侀绠°�佽儍銆佸皬鑲犲拰澶ц偁銆傛秷鍖栬吅鍖呮嫭鍞炬恫鑵恒�佽儍鑵恒�佽倽銆佽儼銆佸皬鑲犺吅绛夈�傛秷鍖栬吅鑳藉垎娉屾秷鍖栨恫銆傛秷鍖栨恫鍚湁姘淬�佹棤鏈虹洂鍜屽绉嶆秷鍖栭叾锛岃兘鍒嗗埆娑堝寲鍒嗚В涓嶅悓鐨勮惀鍏荤墿璐ㄣ��
               </p>
               <h3 id="c007">涓�銆佸鍓嶅効绔ユ秷鍖栫郴缁熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3>
+              <h4 id="d022">锛堜竴锛夊彛鑵�</h4>
+              <p>
+                鍙ｈ厰鏄秷鍖栭亾鐨勮捣濮嬮儴鍒嗭紝鍙ｈ厰鍐呮湁鐗欓娇銆佽垖鍜屼笁瀵瑰斁娑茶吅鐨勫紑鍙ｃ�傚鍓嶆湡锛屽挨鍏舵槸濠村効鏈燂紝鍙ｈ厰杈冨皬锛岄粡鑶滄煍瀚╋紝琛�绠′赴瀵岋紝瀹规槗鐮存崯鍜屾劅鏌撱��
+              </p>
               <h5 id="e020">1.鐗欓娇</h5>
             </div>
             <div class="right" style="width: 35%">
@@ -1888,10 +1948,6 @@
               <p class="img">鍥�1-9 娑堝寲绯荤粺妯″紡鍥�</p>
             </div>
           </div>
-          <h4 id="d022">锛堜竴锛夊彛鑵�</h4>
-          <p>
-            鍙ｈ厰鏄秷鍖栭亾鐨勮捣濮嬮儴鍒嗭紝鍙ｈ厰鍐呮湁鐗欓娇銆佽垖鍜屼笁瀵瑰斁娑茶吅鐨勫紑鍙ｃ�傚鍓嶆湡锛屽挨鍏舵槸濠村効鏈燂紝鍙ｈ厰杈冨皬锛岄粡鑶滄煍瀚╋紝琛�绠′赴瀵岋紝瀹规槗鐮存崯鍜屾劅鏌撱��
-          </p>
           <div class="fl fl-around">
             <div class="left" style="width: 32%">
               <p>
@@ -1912,7 +1968,9 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="video-border w100"
+                controlslist="nodownload"
+                class="video-border w100 video"
+                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬鍓嶅効绔ョ墮榻跨殑鐢熺悊鐗圭偣鍙婁繚鍋�</p>
             </div>
@@ -2034,7 +2092,7 @@
           </div>
         </div>
         <div class="padding-96">
-          <p>
+          <p class="t0">
             绮夊拰鑴傝偑鐨勬秷鍖栬兘鍔涜緝寮憋紝涓昏渚濋潬灏忚偁娑叉潵娑堝寲銆傞殢鐫�骞撮緞鐨勫闀匡紝鑳扮殑鍔熻兘鏃ヨ秼瀹屽杽銆�
           </p>
           <h3 id="c008">浜屻�佸鍓嶅効绔ユ秷鍖栫郴缁熺殑淇濆仴锛烇紴锛烇紴锛烇紴</h3>
@@ -2101,7 +2159,7 @@
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span>
             <examinations
               :cardList="questionData[27]"
-              v-if="questionData && questionData[27]"
+              v-if="questionData"
               :chapter="1"
               :page="19"
             />
@@ -2245,6 +2303,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.瀛﹀墠鍎跨鐨勮偩鑴忔湁鍝簺鐗圭偣?鏃ュ父鐢熸椿涓簲濡備綍淇濆仴?</span
@@ -2256,6 +2315,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.瀛﹀墠鍎跨鐨勮唨鑳辨湁浠�涔堢壒鐐�?杩欎簺鐗圭偣瀵艰嚧鍝簺琛ㄧ幇?</span
@@ -2267,6 +2327,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.涓轰粈涔堝鍓嶅効绔ュ鏄撳嚭鐜伴仐灏跨幇璞�?</span
@@ -2278,6 +2339,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.浠�涔堟槸涓婅鎬ф硨灏跨郴缁熸劅鏌�?搴斿浣曢闃�?</span
@@ -2289,6 +2351,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.瀛﹀墠鍎跨娉屽翱绯荤粺鐨勬棩甯镐繚鍋ヨ鐐规湁鍝簺?</span
@@ -2300,6 +2363,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -2326,6 +2390,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="300"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
           </div>
         </div>
@@ -2572,6 +2637,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">2.瀛﹀墠鍎跨鐢熸畺绯荤粺鏈変粈涔堢壒鐐�?</span>
                 <textarea
@@ -2581,6 +2647,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.瀛﹀墠鍎跨鐢熸畺绯荤粺鐨勬棩甯镐繚鍋ユ帾鏂芥湁鍝簺?</span
@@ -2592,6 +2659,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.瀛﹀墠鍎跨鐢熸畺鍣ㄥ畼鐨勬竻娲佸崼鐢熷伐浣滄湁鍝簺娉ㄦ剰瑕佺偣?</span
@@ -2603,6 +2671,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.涓轰粈涔堣閲嶈瀛﹀墠鍎跨鏃╂湡鎬ф暀鑲�?濡備綍寮�灞�?</span
@@ -2614,6 +2683,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -2640,6 +2710,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="300"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鍎跨閫氬父鍦ㄤ袱涓夊瞾鏃朵細瀵规�т骇鐢熷ソ濂囷紝浠栦滑鎯充簡瑙ｈ澶氭湁鍏虫�у樊鍒殑闂锛屽鏋滃ぇ浜哄浠栦滑閲囧彇闅愮瀿鎴栧洖閬跨殑鎬佸害锛屽効绔ュ績涓氨浼氫骇鐢熲�滄�ф槸涓嶅彲浠ョ煡閬撶殑鈥濊蹇碉紝骞跺鎬т骇鐢熶笉姝ｅ綋鐨勫ソ濂囧績銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熸畺绯荤粺鐨勭敓鐞嗙壒鐐瑰強鐩稿叧鐨勪繚鍋ョ煡璇嗭紝浠ュ府鍔╁辜鍎挎暀甯堝湪鏁欒偛鏁欏杩囩▼涓纭紑灞曞鍓嶅効绔ョ敓娈栫郴缁熺殑淇濆仴宸ヤ綔銆�
@@ -2737,7 +2808,7 @@
             >
             <examinations
               :cardList="questionData[32]"
-              v-if="questionData && questionData[32]"
+              v-if="questionData"
               :chapter="1"
               :page="24"
             />
@@ -2863,6 +2934,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">2.鍐呭垎娉岀郴缁熺殑鍔熻兘鏈夊摢浜�?</span>
                 <textarea
@@ -2872,6 +2944,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.浠�涔堟槸鍛嗗皬鐥�?鍝簺鍥犵礌浼氬奖鍝嶇敳鐘惰吅绱犵殑鐢熺悊鍔熻兘?</span
@@ -2883,6 +2956,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.瀛﹀墠鍎跨鐨勮剳鍨備綋鏈変粈涔堢壒鐐�?涓轰粈涔堢潯鐪犱笉瓒充細褰卞搷韬珮鐨勫闀�?</span
@@ -2894,6 +2968,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.浠�涔堟槸渚忕棁?</span>
                 <textarea
@@ -2903,6 +2978,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑淇濆仴瑕佺偣鏈夊摢浜�?璧勬簮灏忚创澹�?</span
@@ -2914,6 +2990,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -2940,6 +3017,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="300"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               涓撳鎻愰啋锛屾兂瑕佸瀛愰暱楂橈紝闄や簡娉ㄦ剰钀ュ吇銆佽繍鍔ㄣ�佺潯鐪犵瓑澶栵紝杩樿娉ㄦ剰鏌愪簺鐤剧梾锛屽挨鍏舵槸鍐呭垎娉岀郴缁熺柧鐥咃紝瀹冩槸褰卞搷瀛╁瓙韬珮鏈�甯歌鐨勭柧鐥呭洜绱犮�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑鐢熺悊鐗圭偣鍙婄浉鍏崇殑淇濆仴鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀绉戝瀹夋帓骞煎効鐨勭敓娲伙紝淇濋殰瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑姝ｅ父鍙戣偛鍜岃壇濂藉彂灞曘��
@@ -2952,7 +3030,7 @@
                 浜轰綋鍚勬満鑳戒箣鎵�浠ヨ兘鏍规嵁涓嶅悓鐨勫唴澶栫幆澧冧骇鐢熺壒瀹氱殑鍙樺寲锛岀淮鎸佸唴澶栫幆澧冪殑鍔ㄦ�佸钩琛★紝涓庡唴鍒嗘硨绯荤粺鏈夌潃瀵嗕笉鍙垎鐨勫叧绯汇��
               </p>
               <p>
-                鍐呭垎娉岀郴缁燂紙瑙佸浘1-13锛夌敱鍐呭垎娉岃吅鍜屽唴鍒嗘硨缁勭粐缁勬垚锛屽浜轰綋鐨勭敓鍛芥椿鍔ㄨ捣鐫�閲�
+                鍐呭垎娉岀郴缁燂紙瑙佸浘1-13锛夌敱鍐呭垎娉岃吅鍜屽唴鍒嗘硨缁勭粐缁勬垚锛屽浜轰綋鐨勭敓鍛芥椿鍔ㄨ捣鐫�閲嶈鐨勮皟鑺備綔鐢ㄣ�傚唴鍒嗘硨鑵哄垎娉岀殑鐢熺墿娲绘��
               </p>
             </div>
             <div class="right" style="width: 60%">
@@ -2966,13 +3044,15 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="video-border w100"
+                controlslist="nodownload"
+                class="video-border w100 video"
+                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬鍓嶅効绔ュ唴鍒嗘硨绯荤粺鐨勭敓鐞嗙壒鐐逛笌淇濆仴</p>
             </div>
           </div>
-          <p>
-            瑕佺殑璋冭妭浣滅敤銆傚唴鍒嗘硨鑵哄垎娉岀殑鐢熺墿娲绘�х墿璐ㄥ彨浣滄縺绱犮�傛縺绱犵洿鎺ユ笚鍏ヨ吅浣撳懆鍥寸殑姣涚粏琛�绠″拰姣涚粏娣嬪反绠★紝缁忓惊鐜郴缁熷埌杈捐韩浣撶殑鍚勪釜閮ㄤ綅锛屾帶鍒跺拰璋冭妭鏈轰綋鐨勬柊闄堜唬璋€�佺敓闀垮彂鑲插強鐢熸畺绛夌敓鐞嗚繃绋嬨��
+          <p class="t0">
+            鐗╄川鍙綔婵�绱犮�傛縺绱犵洿鎺ユ笚鍏ヨ吅浣撳懆鍥寸殑姣涚粏琛�绠″拰姣涚粏娣嬪反绠★紝缁忓惊鐜郴缁熷埌杈捐韩浣撶殑鍚勪釜閮ㄤ綅锛屾帶鍒跺拰璋冭妭鏈轰綋鐨勬柊闄堜唬璋€�佺敓闀垮彂鑲插強鐢熸畺绛夌敓鐞嗚繃绋嬨��
           </p>
         </div>
       </div>
@@ -3083,7 +3163,7 @@
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
             <examinations
               :cardList="questionData[34]"
-              v-if="questionData && questionData[34]"
+              v-if="questionData"
               :chapter="1"
               :page="26"
             />
@@ -3199,6 +3279,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.浠�涔堟槸绁炵粡鍏�?绁炵粡鍏冪敱鍝嚑閮ㄥ垎缁勬垚?绁炵粡鍏冪殑鍔熻兘鏄粈涔�?</span
@@ -3210,15 +3291,17 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">3.浠�涔堟槸鑴婇珦?鑴婇珦鐨勫姛鑳芥槸浠�涔�?</span>
                 <textarea
                   cols="30"
                   rows="4"
-                  v-model="chapterOneData.learnTableEnight.qTwo"
+                  v-model="chapterOneData.learnTableEnight.qThree"
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">4.浠�涔堟槸鍙嶅皠?鍙嶅皠鍒嗕负鍝袱绫�?</span>
                 <textarea
@@ -3228,6 +3311,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.鑴戠敱鍝嚑涓儴鍒嗙粨鏋�?鍚勯儴鍒嗙殑鍔熻兘鏄粈涔�?</span
@@ -3239,6 +3323,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">6.瀛﹀墠鍎跨绁炵粡绯荤粺鐨勭壒鐐规湁鍝簺?</span>
                 <textarea
@@ -3248,6 +3333,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.鏃ュ父鐢熸椿涓紝濡備綍瀵瑰鍓嶅効绔ョ殑绁炵粡绯荤粺杩涜淇濆仴?</span
@@ -3259,6 +3345,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -3285,6 +3372,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="300"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏈富棰樿杩板鍓嶅効绔ョ缁忕郴缁熺殑鐢熺悊鐗圭偣鍜岀浉鍏崇殑淇濇暀鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀鍦ㄥ疄闄呭伐浣滀腑绉戝缁勭粐鏁欒偛娲诲姩锛屽悎鐞嗗紑鍙戝効绔ョ殑鏅哄姏銆�
@@ -3336,12 +3424,14 @@
           <p>
             鑴婇珦鏄腑鏋㈢缁忕郴缁熺殑浣庣骇閮ㄤ綅銆備粠鑴婇珦鍙戝嚭璁稿绁炵粡锛岄�氳繃妞庨棿瀛旓紝鍒嗗竷浜庤函骞层�佸洓鑲㈠拰鍐呰剰锛岀О涓鸿剨绁炵粡銆傛潵鑷函骞层�佸洓鑲㈠強鍐呰剰鍣ㄥ畼鐨勫埡婵�鍏堜紶鍒拌剨楂擄紝鍐嶄紶鍏ュぇ鑴戙�傚鏋滆剨楂撳彈鍒版í鏂崯浼わ紝鎹熶激闈互涓嬬殑韬綋鍚勯儴浣嶅皢澶卞幓涓庤剳鐨勮仈绯伙紝鍙戠敓鎰熻鍜岃繍鍔ㄩ殰纰嶏紝绉颁负鎴槴銆�
           </p>
-
+          <p>
+            鍙嶅皠鏄汉浣撳鍐呭鐜涓悇绉嶅埡婵�浜х敓鐨勫弽搴旓紝鏄缁忕郴缁熻皟鑺傛満浣撴椿鍔ㄧ殑鍩烘湰鏂瑰紡銆傚弽灏勫彲鍒嗕负闈炴潯浠跺弽灏勫拰鏉′欢鍙嶅皠涓ょ銆傞潪鏉′欢鍙嶅皠鏄寚鍏堝ぉ鍏峰鐨勩�佷笉瀛﹀氨浼氱殑鍙嶅皠娲诲姩銆備緥濡傦紝灏嗘瘝浜茬殑涔冲ご鏀惧埌鏂扮敓鍎垮槾閲岋紝浠栧氨鑳藉惛鍚苟鍚炲捊涔虫眮锛涜唨鑳卞偍婊″翱娑插悗,鏂扮敓鍎垮氨瑕佹帓灏跨瓑銆傞潪鏉′欢鍙嶅皠鍦ㄨ剨楂撳強鑴戝共鍙備笌涓嬪嵆鍙畬鎴愩�傚湪闈炴潯浠跺弽灏勭殑鍩虹涓婏紝缁忚繃鍚庡ぉ瀛︿範璁粌鑰屽舰鎴愮殑鍙嶅皠鍙潯浠跺弽灏勩�備緥濡傦紝濡堝姣忔缁欐柊鐢熷効鍠傚ザ鏃讹紝閮芥姳鎴愪竴瀹氱殑濮垮娍锛屽ぇ绾﹀埌鏂扮敓鍎垮嚭鐢熷悗鐨勭11澶╋紝褰撳濡堟妸鏂扮敓鍎挎姳鎴愬杺濂剁殑鈥滀竴瀹氬Э鍔库��
+          </p>
           <div class="fl">
             <div class="left" style="width: 35%">
-              <p>
-                鍙嶅皠鏄汉浣撳鍐呭鐜涓悇绉嶅埡婵�浜х敓鐨勫弽搴旓紝鏄缁忕郴缁熻皟鑺傛満浣撴椿鍔ㄧ殑鍩烘湰鏂瑰紡銆傚弽灏勫彲鍒嗕负闈炴潯浠跺弽灏勫拰鏉′欢鍙嶅皠涓ょ銆傞潪鏉′欢鍙嶅皠鏄寚鍏堝ぉ鍏峰鐨勩�佷笉瀛﹀氨浼氱殑鍙嶅皠娲诲姩銆備緥濡傦紝灏嗘瘝浜茬殑涔冲ご鏀惧埌鏂扮敓鍎垮槾閲岋紝浠栧氨鑳藉惛鍚苟鍚炲捊涔虫眮锛涜唨鑳卞偍婊″翱娑插悗,
-              </p>
+              <p class="t0">锛屼钩澶磋繕娌℃斁鍒版柊鐢熷効鐨勫槾閲屾椂锛屾柊鐢熷効渚垮仛鍑哄惛鍚殑鍔ㄤ綔锛岃繖灏辨槸瀵瑰杺濂跺Э鍔跨殑鏉′欢鍙嶅皠銆�</p>
+              <h4 id="d054">锛堜笁锛夎剳鐨勭粨鏋勫拰鍔熻兘</h4>
+              <p>鑴戜綅浜庨鑵斿唴锛屽垎涓哄ぇ鑴戙�佸皬鑴戙�佽剳骞插拰闂磋剳鍥涢儴鍒嗐��</p>
             </div>
             <div class="right" style="width: 63%; margin-left: 10px">
               <p class="center">
@@ -3355,17 +3445,14 @@
                   x5-video-player-fullscreen="true"
                   x5-playsinline=""
                   controls
-                  class="video-border w100"
+                  controlslist="nodownload"
+                  class="video-border w100 video"
+                  @play="videoPlay"
                 ></video>
               </p>
               <p class="img">瑙嗛锛氬鍓嶅効绔ュぇ鑴戠殑鐢熺悊鐗圭偣鍙婁繚鍋�</p>
             </div>
           </div>
-          <p class="m0-t0">
-            鏂扮敓鍎垮氨瑕佹帓灏跨瓑銆傞潪鏉′欢鍙嶅皠鍦ㄨ剨楂撳強鑴戝共鍙備笌涓嬪嵆鍙畬鎴愩�傚湪闈炴潯浠跺弽灏勭殑鍩虹涓婏紝缁忚繃鍚庡ぉ瀛︿範璁粌鑰屽舰鎴愮殑鍙嶅皠鍙潯浠跺弽灏勩�備緥濡傦紝濡堝姣忔缁欐柊鐢熷効鍠傚ザ鏃讹紝閮芥姳鎴愪竴瀹氱殑濮垮娍锛屽ぇ绾﹀埌鏂扮敓鍎垮嚭鐢熷悗鐨勭11澶╋紝褰撳濡堟妸鏂扮敓鍎挎姳鎴愬杺濂剁殑鈥滀竴瀹氬Э鍔库�濓紝涔冲ご杩樻病鏀惧埌鏂扮敓鍎跨殑鍢撮噷鏃讹紝鏂扮敓鍎夸究鍋氬嚭鍚稿惍鐨勫姩浣滐紝杩欏氨鏄鍠傚ザ濮垮娍鐨勬潯浠跺弽灏勩��
-          </p>
-          <h4 id="d054">锛堜笁锛夎剳鐨勭粨鏋勫拰鍔熻兘</h4>
-          <p>鑴戜綅浜庨鑵斿唴锛屽垎涓哄ぇ鑴戙�佸皬鑴戙�佽剳骞插拰闂磋剳鍥涢儴鍒嗐��</p>
         </div>
       </div>
     </div>
@@ -3556,6 +3643,10 @@
           <p>
             鎵樺辜鏈烘瀯淇濇暀浜哄憳瑕佺儹鐖便�佸叧蹇冨鍓嶅効绔ワ紝涓哄鍓嶅効绔ュ垱璁捐壇濂界殑鐢熸椿鐜涓庣ぞ浼氱幆澧冿紱涓庡鍓嶅効绔ュ缓绔嬭壇濂界殑甯堢敓鍏崇郴锛屽府鍔╁拰寮曞瀛﹀墠鍎跨涓庡悓浼村弸濂界浉澶勶紱鍧氭寔姝ｉ潰鏁欒偛锛屼笉浼ゅ瀛﹀墠鍎跨鐨勮嚜灏婂績锛涗笉姝ц鏈夌己闄风殑鍎跨锛涙洿涓嶈兘浣撶綒鍙婂彉鐩镐綋缃氬効绔ワ紝浠ヤ繚璇佸効绔ュ湪鎵樺辜鏈烘瀯涓敓娲绘剦蹇��
           </p>
+          <h4 id="d065">锛堝叚锛夊畨鎺掍赴瀵岀殑娲诲姩鍙婇�傚綋鐨勪綋鑲查敾鐐�</h4>
+          <p>
+            涓板瘜鐨勬椿鍔紝鐗瑰埆鏄�傚悎瀛﹀墠鍎跨骞撮緞鐗圭偣鐨勪綋鑲查敾鐐硷紝鑳戒績杩涜剳鐨勫彂鑲诧紝鎻愰珮绁炵粡绯荤粺鍙嶅簲鐨勭伒鏁忔�у拰鍑嗙‘鎬с�備负浣垮ぇ鑴戜袱鍗婄悆鍧囪　鍙戝睍锛屽簲浣垮鍓嶅効绔ョ殑鍔ㄤ綔澶氭牱鍖栵紝濡備袱鎵嬪悓鏃跺仛鎵嬫寚鎿嶃�佹攢鐖強鍚勭鍩烘湰浣撴搷绛夈�傛棩甯告椿鍔ㄤ腑锛岃浠栦滑澶氬姩鎵嬶紝灏芥棭鐢ㄧ瀛愯繘椁愶紝瀛︿細浣跨敤鍓垁锛岀帺绌跨彔瀛愭父鎴忕瓑銆傝瀛﹀墠鍎跨鍦ㄦ椿鍔ㄤ腑鈥滃乏鍙冲紑寮撯�濓紝鑳芥洿濂藉湴淇冭繘澶ц剳涓ゅ崐鐞冪殑鍙戣偛銆�
+          </p>
           <h6 class="Conclusion-title2">
             <img
               class="img-gn"
@@ -3568,14 +3659,10 @@
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍏�</span>
             <examinations
               :cardList="questionData[39]"
-              v-if="questionData && questionData[39]"
+              v-if="questionData"
               :chapter="1"
               :page="31"
             />
-          </p>
-          <h4 id="d065">锛堝叚锛夊畨鎺掍赴瀵岀殑娲诲姩鍙婇�傚綋鐨勪綋鑲查敾鐐�</h4>
-          <p>
-            涓板瘜鐨勬椿鍔紝鐗瑰埆鏄�傚悎瀛﹀墠鍎跨骞撮緞鐗圭偣鐨勪綋鑲查敾鐐硷紝鑳戒績杩涜剳鐨勫彂鑲诧紝鎻愰珮绁炵粡绯荤粺鍙嶅簲鐨勭伒鏁忔�у拰鍑嗙‘鎬с�備负浣垮ぇ鑴戜袱鍗婄悆鍧囪　鍙戝睍锛屽簲浣垮鍓嶅効绔ョ殑鍔ㄤ綔澶氭牱鍖栵紝濡備袱鎵嬪悓鏃跺仛鎵嬫寚鎿嶃�佹攢鐖強鍚勭鍩烘湰浣撴搷绛夈�傛棩甯告椿鍔ㄤ腑锛岃浠栦滑澶氬姩鎵嬶紝灏芥棭鐢ㄧ瀛愯繘椁愶紝瀛︿細浣跨敤鍓垁锛岀帺绌跨彔瀛愭父鎴忕瓑銆傝瀛﹀墠鍎跨鍦ㄦ椿鍔ㄤ腑鈥滃乏鍙冲紑寮撯�濓紝鑳芥洿濂藉湴淇冭繘澶ц剳涓ゅ崐鐞冪殑鍙戣偛銆�
           </p>
           <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
           <div class="fieldset">
@@ -3727,6 +3814,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.鐪笺�佽�炽�佺毊鑲ゅ悇鑷殑缁勬垚缁撴瀯鏄粈涔�?瀹冧滑鍚勬湁浠�涔堝姛鑳�?</span
@@ -3738,6 +3826,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.瀛﹀墠鍎跨鐨勭溂鐞冩湁浠�涔堢壒鐐�?濡備綍杩涜鐪肩殑淇濆仴?</span
@@ -3749,6 +3838,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.浠�涔堝彨鐢熺悊鎬ц繎瑙�?濡備綍棰勯槻鍜岀籂姝�?</span
@@ -3760,6 +3850,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.瀛﹀墠鍎跨鐨勮�虫湹鏈変粈涔堢壒鐐�?濡備綍杩涜鑰崇殑淇濆仴?</span
@@ -3771,6 +3862,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">6.濡備綍棰勯槻涓�崇値?</span>
                 <textarea
@@ -3780,6 +3872,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.瀛﹀墠鍎跨鐨勭毊鑲ゆ湁浠�涔堢壒鐐�?濡備綍杩涜鐨偆淇濆仴?</span
@@ -3791,6 +3884,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.瀛﹀墠鍎跨鐨勯蓟銆佽垖鏈変粈涔堢壒鐐�?濡備綍杩涜榧汇�佽垖鐨勪繚鍋�?</span
@@ -3802,6 +3896,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -3828,6 +3923,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="300"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鐩稿叧璋冩煡鍙戠幇锛屽辜鍎跨殑瑙嗗姏闂宸茬粡鎴愪负瓒婃潵瓒婂鐨勫闀垮拰骞煎効鐨勫洶鎵帮紝鑰屼笖鏈夊勾榫勮秼灏忕殑琛ㄧ幇銆傚辜鍎胯鍔涚殑淇濇姢鍒讳笉瀹圭紦銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鎰熻鍣ㄥ畼鐨勭敓鐞嗙煡璇嗗強淇濊偛淇濆仴瑕佺偣锛屼互甯姪骞煎効鏁欏笀浜嗚В濡備綍淇冭繘瀛﹀墠鍎跨鎰熻鍣ㄥ畼鐨勬甯稿彂鑲插拰鑹ソ鍙戝睍銆�
@@ -3855,8 +3951,9 @@
           </p>
           <div class="fl fl-between">
             <div class="left" style="width: 38%">
+              <h4 id="d066">锛堜竴锛夌溂鐞冪殑缁撴瀯鍜屽姛鑳�</h4>
               <p>
-                鐪肩悆鐨勭粨鏋勮鍥�1-18銆備汉鐨勭溂鐫涘儚涓�閮ㄧ収鐩告満銆傜溂鐞冨墠闈㈤�忔槑鐨勮鑶滃拰鐪肩悆鐨勫唴瀹圭墿鏅剁姸浣擄紝濂芥瘮鐓х浉鏈虹殑閫忛暅锛岃捣鐫�灞堝厜銆佽仛鍏夌殑浣滅敤銆傝鑶滃悗闈㈢殑鐬冲瓟鑳芥牴鎹鐣屽厜绾跨殑寮哄急鑷姩璋冭妭锛屾墿澶ф垨缂╁皬锛屽ソ姣旂収鐩告満涓婄殑鍏夊湀銆傜溂鐞冨鏈�閲岄潰鐨勪竴灞傛槸
+                鐪肩悆鐨勭粨鏋勮鍥�1-18銆備汉鐨勭溂鐫涘儚涓�閮ㄧ収鐩告満銆傜溂鐞冨墠闈㈤�忔槑鐨勮鑶滃拰鐪肩悆鐨勫唴瀹圭墿鏅剁姸浣擄紝濂芥瘮鐓х浉鏈虹殑閫忛暅锛岃捣鐫�灞堝厜銆佽仛鍏夌殑浣滅敤銆傝鑶滃悗闈㈢殑鐬冲瓟鑳芥牴鎹鐣屽厜绾跨殑寮哄急鑷姩璋冭妭锛屾墿澶ф垨缂╁皬锛屽ソ姣旂収鐩告満涓�
               </p>
             </div>
             <div class="right" style="width: 60%">
@@ -3871,15 +3968,17 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="video-border w100"
+                controlslist="nodownload"
+                class="video-border w100 video"
+                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬鍓嶅効绔ョ溂鐨勭敓鐞嗙壒鐐逛笌淇濆仴</p>
             </div>
           </div>
           <p class="t0">
-            瑙嗙綉鑶滐紝鍙互鎰熷彈鍏夌嚎鐨勫埡婵�锛屼骇鐢熻瑙夛紝濂芥瘮鐓х浉鏈虹殑鎰熷厜褰╄壊搴曠墖銆�
+            鐨勫厜鍦堛�傜溂鐞冨鏈�閲岄潰鐨勪竴灞傛槸瑙嗙綉鑶滐紝鍙互鎰熷彈鍏夌嚎鐨勫埡婵�锛屼骇鐢熻瑙夛紝濂芥瘮鐓х浉鏈虹殑鎰熷厜褰╄壊搴曠墖銆�
           </p>
-          <h4 id="d066">锛堜竴锛夌溂鐞冪殑缁撴瀯鍜屽姛鑳�</h4>
+          
           <div class="fl">
             <div class="left" style="width: 65%">
               <p>
@@ -3974,7 +4073,9 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="video-border w100"
+                controlslist="nodownload"
+                class="video-border w100 video"
+                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬鍓嶅効绔ヨ�崇殑鐗圭偣鍙婁繚鍋�</p>
             </div>
@@ -4061,7 +4162,7 @@
           </div>
         </div>
         <div class="padding-96">
-          <p>
+          <p class="t0">
             瀛﹀墠鍎跨鎸栬�虫湹銆傚洜涓鸿繖浜涢攼鍒╃殑宸ュ叿鏄撶浼ゅ鑰抽亾鐨偆锛屽紩鍙戞劅鏌擄紝杩樻湁鍙兘鎴崇牬榧撹啘锛屽奖鍝嶅惉鍔涖��
           </p>
           <h6 class="Conclusion-title2">
@@ -4179,7 +4280,9 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="video-border w100"
+                controlslist="nodownload"
+                class="video-border w100 video"
+                @play="videoPlay"
               ></video>
               <p class="img">瑙嗛锛氬鍓嶅効绔ョ毊鑲ょ殑鐗圭偣涓庝繚鍋�</p>
             </div>
@@ -4209,7 +4312,7 @@
           </div>
         </div>
         <div class="padding-96">
-          <p>浠ワ紝鐨偆鏄劅瑙夊櫒瀹樸��</p>
+          <p class="t0">浠ワ紝鐨偆鏄劅瑙夊櫒瀹樸��</p>
           <p>
             鐨偆涓婃湁瑙﹁銆佺棝瑙夊拰娓╄绛夋劅鍙楀櫒锛屽畠浠殑鍒嗗竷骞朵笉鍧囧寑锛屽瘑搴﹁秺澶э紝鎰熻瓒婄伒鏁忋�傝Е瑙夋渶鐏垫晱鐨勫湴鏂规槸鑵归儴锛屾渶涓嶇伒鏁忕殑鏄銆佽儗閮ㄣ��
           </p>
@@ -4348,7 +4451,7 @@
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涔�</span>
             <examinations
               :cardList="questionData[48]"
-              v-if="questionData && questionData[48]"
+              v-if="questionData"
               :chapter="1"
               :page="40"
             />
@@ -4364,6 +4467,7 @@
               type="text"
               class="judge-input"
               v-model="chapterOneData.question.judge.qOne"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -4387,6 +4491,7 @@
               type="text"
               class="judge-input"
               v-model="chapterOneData.question.judge.qTwo"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -4394,6 +4499,8 @@
               type="text"
               class="judge-input"
               v-model="chapterOneData.question.judge.qThree"
+              @input="saveChapterOneData"
+              
             />锛�
           </p>
           <p class="block">
@@ -4401,6 +4508,7 @@
               type="text"
               class="judge-input"
               v-model="chapterOneData.question.judge.qFour"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block"><b>浜屻�佸～绌�</b></p>
@@ -4409,50 +4517,60 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterOneData.question.fill.qOne.one"
+              @input="saveChapterOneData"
             />鐨勬甯稿彂鑲层�傚辜鍎胯繃浜庤偉鑳栵紝璧拌矾銆佺珯绔嬫椂闂磋繃闀匡紝鎴栬礋閲嶈繃搴︼紝閮藉彲鑳藉鑷磋冻寮撳闄凤紝寮曡捣<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterOneData.question.fill.qOne.two"
+              @input="saveChapterOneData"
             />銆�
           </p>
           <p class="block">
             2.缁忓父鍙傚姞鎴峰娲诲姩鍜屼綋鑲查敾鐐硷紝鍙互澧炲己瀛﹀墠鍎跨<input
               type="text"
               class="lineInput completion-input"
-              chapterOneData.question.fill.qTwo.one
+              v-model="chapterOneData.question.fill.qTwo.one" 
+              @input="saveChapterOneData"
             />鐨勫姏閲忥紝淇冭繘鑳稿粨鍜岃偤鐨勬甯稿彂鑲诧紝澧炲姞鍏�<input
               type="text"
               class="lineInput completion-input"
-              chapterOneData.question.fill.qTwo.two
+              v-model="chapterOneData.question.fill.qTwo.two"
+              @input="saveChapterOneData"
             />銆�
           </p>
           <p class="block">
             3.瀛﹀墠鍎跨鑲濊剰鐩稿杈冨ぇ锛屼絾鑲濊剰鐨�<input
               type="text"
               class="lineInput completion-input"
-              chapterOneData.question.fill.qThree.one
+              v-model="chapterOneData.question.fill.qThree.one"
+              @input="saveChapterOneData"
             />杈冨樊锛屾墍浠ワ紝濠村辜鍎跨敤鑽墏閲忚姣旀垚浜哄皬锛涘鍓嶅効绔ヨ倽绯栧師鍌ㄥ瓨杈冨皯锛岄ゥ楗挎椂鏄撳彂鐢�<input
               type="text"
               class="lineInput completion-input"
-              chapterOneData.question.fill.qThree.two
+              v-model="chapterOneData.question.fill.qThree.two"
+              @input="saveChapterOneData"
             />锛涘鍓嶅効绔ョ殑鑳嗘眮鍒嗘硨涔熻緝灏戯紝鍥犳瀵瑰樊銆�
           </p>
           <p class="block">
             4.瀛﹀墠鍎跨楂樼骇绁炵粡娲诲姩鐨勭壒鐐规槸<input
               type="text"
               class="lineInput completion-input"
-              chapterOneData.question.fill.qThree.one
+              v-model="chapterOneData.question.fill.qFour.one"
+              @input="saveChapterOneData"
             />杩囩▼寮轰簬<input
               type="text"
               class="lineInput completion-input"
-              chapterOneData.question.fill.qThree.two
+              v-model="chapterOneData.question.fill.qFour.two"
+              @input="saveChapterOneData"
             />杩囩▼銆�
           </p>
           <p class="block">
             5.涓轰繚鎶ゅ鍓嶅効绔ョ殑瑙嗗姏锛岃瀹氭湡涓哄鍓嶅効绔ヨ皟鎹㈠骇浣嶏紝浠ラ槻<input
               type="text"
               class="lineInput completion-input"
-            />鎴�<input type="text" class="lineInput completion-input" />銆�
+              v-model="chapterOneData.question.fill.qFive.one"
+              @input="saveChapterOneData"
+            />鎴�<input type="text" class="lineInput completion-input" @input="saveChapterOneData" v-model="chapterOneData.question.fill.qFive.two" />銆�
           </p>
           <p class="block"><b>涓夈�佹�濊��</b></p>
           <p class="block">
@@ -4463,6 +4581,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterOneData.question.short.qOne"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">2.瀛﹀墠鍎跨澹板甫鏈変粈涔堢壒鐐癸紵鎬庢牱淇濇姢澹板甫锛�</p>
           <textarea
@@ -4470,6 +4589,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterOneData.question.short.qTwo"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">3.涔崇墮鏈夊摢浜涚敓鐞嗗姛鑳斤紵濡備綍淇濇姢涔崇墮锛�</p>
           <textarea
@@ -4477,6 +4597,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterOneData.question.short.qThree"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">4.瀛﹀墠鍎跨鐨偆鏈夊摢浜涚壒鐐癸紵濡備綍淇濇姢鐨偆锛�</p>
           <textarea
@@ -4484,6 +4605,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterOneData.question.short.qFour"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">5.瀛﹀墠鍎跨鐨勭溂鐫涙湁鍝簺鐢熺悊鐗圭偣锛熷浣曚繚鎶ょ溂鐫涳紵</p>
           <textarea
@@ -4491,6 +4613,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterOneData.question.short.qFive"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">6.瀛﹀墠鍎跨鐨勮�虫湁鍝簺鐢熺悊鐗圭偣锛熸�庢牱淇濇姢鑰筹紵</p>
           <textarea
@@ -4498,6 +4621,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterOneData.question.short.qSix"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">
             7.璁粌瀛﹀墠鍎跨鍡呰銆佸懗瑙夊拰瑙﹁鏈夊摢浜涙剰涔夛紵濡備綍璁粌锛�
@@ -4507,6 +4631,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterOneData.question.short.qSeven"
+            @input="saveChapterOneData"
           ></textarea>
           <div>
             <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -4557,19 +4682,19 @@
             浜戞祴璇�
           </h6>
           <p class="blockh6-c">
-            瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
+            瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵娴嬩竴娴嬪惂锛�<br />
             <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
             <examinations
-              :cardList="questionData[50][1]"
-              v-if="questionData && questionData[50][1]"
+              :cardList="questionData[50] ? questionData[50][1] : []"
+              v-if="questionData"
               :chapter="1"
               :page="421"
             />
             <span class="span-border"></span>
             <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
             <examinations
-              :cardList="questionData[50][2]"
-              v-if="questionData && questionData[50][2]"
+              :cardList="questionData[50] ? questionData[50][2] : []"
+              v-if="questionData"
               :chapter="1"
               :page="422"
             />
@@ -4583,6 +4708,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="800"
               class="w100 ta-br textarea-text"
+              @input="saveChapterOneData"
             ></textarea>
           </p>
         </div>
@@ -4615,7 +4741,7 @@
       bonesList: [],
       resourceState: "",
       type: "option",
-      img: require("@/books/childHealth/assets/images/chapterOne/0014-1.jpg"),
+      img: require("../../../assets/images/chapterOne/0014-1.jpg"),
       productLinkPath: "",
       learnTbaleOne: true,
       videoOne: true,
@@ -4638,7 +4764,6 @@
       pathEight: "",
       pathNine: "",
       pathTen: "",
-      saveTime: 20,
       chapterOneData: {
         experienceOne: "",
         experienceTwo: "",
@@ -4755,7 +4880,7 @@
               two: "",
             },
             qTwo: {
-              oen: "",
+              one: "",
               two: "",
             },
             qThree: {
@@ -4792,30 +4917,10 @@
       if (localData) {
         this.chapterOneData = JSON.parse(localData);
       }
-      window.timerOne = setInterval(() => {
-        this.saveTime--;
-        if (this.saveTime == 0) {
-          this.saveChapterOneData();
-        }
-      }, 1000);
     }
-  },
-  unmounted() {
-    if (window.timerOne) {
-      clearInterval(window.timerOne);
-    }
-    localStorage.setItem("chapterOneData", JSON.stringify(this.chapterOneData));
-  },
-  watch: {
-    showPageList: {
-      handler(newVal, oldVal) {
-        console.log(newVal, "绔犺妭鎺ユ敹鍐呭");
-      },
-    },
   },
   methods: {
     changeResources(type) {
-      console.log("鐐瑰嚮", this.$props.questionData);
       if (type == "learnTbaleOne") {
         this.$data.learnTbaleOne = !this.$data.learnTbaleOne;
       } else if (type == "videoOne") {
@@ -4841,17 +4946,13 @@
       }
     },
     async getVideoPath() {
-      console.log(
-        "pathOne",
-        await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1")
-      );
       this.$data.pathOne = await getResourcePath(
-        "f6f6588a75086576b87bed2fb9ca1ec1"
+        "ff5f340a49615a01d5ee723624cdeff9"
       );
       this.$data.pathTwo = await getResourcePath(
         "e5993b62684fe55d13190cfe52bf00ed"
       );
-      this.$data.pathThree = getResourcePath(
+      this.$data.pathThree = await getResourcePath(
         "6b6d42213aa85aa5ff7724aaf96ffee6"
       );
       this.$data.pathFour = await getResourcePath(
@@ -4877,13 +4978,14 @@
       );
     },
     saveChapterOneData() {
-      // 璁板綍绗竴寮犺緭鍏ユ暟鎹�
-      this.saveTime = 20;
       localStorage.setItem(
         "chapterOneData",
         JSON.stringify(this.chapterOneData)
       );
     },
+    videoPlay(e) {
+      this.$emit('closeVideo',e.srcElement.currentSrc)
+    }
   },
 };
 </script>

--
Gitblit v1.9.1