From b1ee986edd5ea1c55186b795bf4b54215e4e9331 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 25 四月 2025 11:09:07 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/aviationEtiquette/view/components/chapter005.vue |  986 ++++++++++++++++++++++++++++++++-------------------------
 1 files changed, 552 insertions(+), 434 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue
index 00b1c9f..b666e06 100644
--- a/src/books/aviationEtiquette/view/components/chapter005.vue
+++ b/src/books/aviationEtiquette/view/components/chapter005.vue
@@ -17,6 +17,46 @@
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
             </p>
           </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-01.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氬涔犵ぜ浠儏鏅墽鐨勭瓥鍒�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '49cdf2e707f9f69b91167c285890c6f8'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱ぜ浠儏鏅墽鐨勮鐭�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'd4b25959b1c7f85b2762be516aefe078'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
+              </el-tooltip>
+            </p>
+          </div>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
               <span class="span-box"></span><span class="span-text">椤圭洰鎻忚堪</span><span class="span-box"></span>
@@ -40,15 +80,15 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.浣犵湅杩囩殑鎯呮櫙鍓ф湁鍝簺锛熻瘯鐫�涓惧嚑涓緥瀛愩��</p>
-              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>
                 2.浣犺寰楀簲濡備綍婕旂粠绀间华鎯呮櫙鍓э紵璇ラ�夋嫨浠�涔堟牱鐨勬儏鏅墽鏉ヨ缁冨憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c034">
@@ -57,6 +97,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В鎯呮櫙鍓х殑閲婁箟鍜屼綔鐢ㄣ��</p>
           <p>2.浜嗚В绀间华鎯呮櫙鍓х殑鐗圭偣鍜屽垱浣滄�濊矾銆�</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氱ぜ浠儏鏅墽鐨勮垶鍙扳�滃叆鐢烩��</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '78a2562f8f80c90e54d299d38abb2d1d'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -95,7 +154,7 @@
           </p>
           <h6 id="f054">3.鎯呮櫙鍓т績杩涘鐢熸兂璞″姏銆佸垱閫犲姏浠ュ強璇█鐨勫彂灞�</h6>
           <p>
-            鎯呮櫙鍓ц〃婕旇兘澶熶績杩涘鐢熸兂璞″姏鐨勫彂灞曘�傚鐢熻兘澶熷湪鍐呭涓板瘜鐨勬晠浜嬭〃婕旀椿鍔ㄤ腑锛�
+            鎯呮櫙鍓ц〃婕旇兘澶熶績杩涘鐢熸兂璞″姏鐨勫彂灞曘�傚鐢熻兘澶熷湪鍐呭涓板瘜鐨勬晠浜嬭〃婕旀椿鍔ㄤ腑锛岃繍鐢ㄦ兂璞¤繘琛屽啀鍒涢�狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�
           </p>
         </div>
       </div>
@@ -112,7 +171,6 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">杩愮敤鎯宠薄杩涜鍐嶅垱閫狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�</p>
           <h4 id="d108">浜屻�佺ぜ浠儏鏅墽鐨勭壒鐐瑰拰鍒涗綔鎬濊矾</h4>
           <h5 id="e145">锛堜竴锛夌ぜ浠儏鏅墽鐨勭壒鐐�</h5>
           <p>鎯呮櫙鍓у叿澶囦互涓嬩袱涓壒鐐广��</p>
@@ -141,10 +199,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.浜嗚В绀间华鎯呮櫙鍓х殑鑸炲彴鈥滃叆鐢烩�濄��</p>
           <p>2.鎺屾彙绀间华鎯呮櫙鍓х殑缂栧垱鏂瑰紡銆�</p>
-          <h4 id="d109">涓�銆佺ぜ浠儏鏅墽鐨勨�滃叆鐢烩��</h4>
-          <p>
-            绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯涓�鑸垎涓哄叚涓尯锛屽嵆1鈥斾腑鍓嶅尯銆�2鈥斾腑鍚庡尯銆�3鈥斿彸鍓嶅尯銆�4鈥斿乏鍓嶅尯銆�5鈥斿彸鍚庡尯銆�6鈥斿乏鍚庡尯锛屽叾涓�
-          </p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠儏鏅ず鑼冨睍绀�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '460dbcdc0c34cbac9ca90c343dbf89b9'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -161,7 +234,10 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��</p>
+          <h4 id="d109">涓�銆佺ぜ浠儏鏅墽鐨勨�滃叆鐢烩��</h4>
+          <p>
+            绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯涓�鑸垎涓哄叚涓尯锛屽嵆1鈥斾腑鍓嶅尯銆�2鈥斾腑鍚庡尯銆�3鈥斿彸鍓嶅尯銆�4鈥斿乏鍓嶅尯銆�5鈥斿彸鍚庡尯銆�6鈥斿乏鍚庡尯锛屽叾涓�1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��
+          </p>
           <p class="center openImgBox">
             <img class="img-c" alt="" src="../../assets/images/0156-1.jpg" />
           </p>
@@ -187,9 +263,6 @@
           <p>
             绀间华鎯呮櫙鍓ф槸绀间华鏁欏涓潪甯搁噸瑕佺殑鏁欏褰㈠紡鍜屾柟娉曘�傚畠閫氳繃鎯呭妯℃嫙鍜岃鑹叉壆婕旓紝璁╁鐢熶富鍔ㄥ弬涓庛�佽嚜涓荤紪鎺掞紝韬复鍏跺鍦拌繘琛屾紨缁庯紝閫氳繃鍏蜂綋鐨勮垶鍙板舰璞″啀鐜版棩甯哥敓娲汇�佺ぞ浼氫氦寰�鍜岀浉鍏冲伐浣滃矖浣嶄腑缁煎悎杩愮敤绀间华鐭ヨ瘑銆佹妧鑳借繘琛屾矡閫氬拰鏈嶅姟鐨勬儏鏅紝杈惧埌鏁欒偛鍚彂鐨勭洰鐨勩��
           </p>
-          <p>
-            绀间华鎯呮櫙鍓ф槸绀间华璇惧爞鏁欏鐨勫欢浼革紝缁撳悎鐩稿叧鐭ヨ瘑鐐瑰拰鎶�鑳界偣锛屽垱璁句竴涓叿浣撶殑鍦烘櫙锛岄拡瀵逛竴涓富棰樿繘琛岀浉鍏充簨浠剁殑婕旂粠锛屾槸鎺ㄥ姩浜轰滑鏂囨槑绀艰矊琛屼负杩涚▼鐨勮壓鏈〃鐜板舰
-          </p>
         </div>
       </div>
     </div>
@@ -205,8 +278,8 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            寮忋�傜ぜ浠儏鏅墽鐨勫垱浣滆鍏堥�夋嫨涓婚锛岀劧鍚庤繘琛屼汉鐗╄璁★紝鎾板啓鍓ф湰锛屾渶鍚庡啀鏂熷瓧閰屽彞鍦颁慨鏀癸紝涓�鏄浣撶幇鎯呮櫙鍓у眰闈㈢殑鍘熷垱鎬с�佸畬鏁存�с�佹垙鍓ф�э紝浜屾槸瑕佷綋鐜颁环鍊艰灞傞潰鐨勬暀鑲叉�с�佸垱鏂版�у拰鍚稿紩鎬с��
+          <p>
+            绀间华鎯呮櫙鍓ф槸绀间华璇惧爞鏁欏鐨勫欢浼革紝缁撳悎鐩稿叧鐭ヨ瘑鐐瑰拰鎶�鑳界偣锛屽垱璁句竴涓叿浣撶殑鍦烘櫙锛岄拡瀵逛竴涓富棰樿繘琛岀浉鍏充簨浠剁殑婕旂粠锛屾槸鎺ㄥ姩浜轰滑鏂囨槑绀艰矊琛屼负杩涚▼鐨勮壓鏈〃鐜板舰寮忋�傜ぜ浠儏鏅墽鐨勫垱浣滆鍏堥�夋嫨涓婚锛岀劧鍚庤繘琛屼汉鐗╄璁★紝鎾板啓鍓ф湰锛屾渶鍚庡啀鏂熷瓧閰屽彞鍦颁慨鏀癸紝涓�鏄浣撶幇鎯呮櫙鍓у眰闈㈢殑鍘熷垱鎬с�佸畬鏁存�с�佹垙鍓ф�э紝浜屾槸瑕佷綋鐜颁环鍊艰灞傞潰鐨勬暀鑲叉�с�佸垱鏂版�у拰鍚稿紩鎬с��
           </p>
           <p>
             鍦ㄨ璁$ぜ浠儏鏅墽鐨勭紪鎺掓�濊矾鏃讹紝涓嶄粎瑕佹敞閲嶅绀间华鐭ヨ瘑鐐瑰拰鎶�鑳界偣杩涜鍐呭寲锛屽紭鎵ぞ浼氫富涔夋牳蹇冧环鍊艰锛屾洿搴旀敞閲嶈璧忔�у拰鑸炲彴鏁堟灉銆傝垶鍙版晥鏋滅殑鍛堢幇锛屼竴鏂归潰鍦ㄤ簬婕斿憳鐨勬湇瑁呫�佽瑷�琛ㄨ揪銆佺鎯呭姩浣溿�佹儏鎰熼泦鑱氬拰鐖嗗彂锛涘彟涓�鏂归潰鍦ㄤ簬閬撳叿鐨勪娇鐢紝鎶�鏈墜娈电殑搴旂敤鍜岃儗鏅煶涔愩�佽棰戠敾闈㈢殑娓叉煋銆�
@@ -230,7 +303,7 @@
             渚嬪锛屽湪琛ㄦ紨銆婃棤闄即鍎跨銆嬩箻鏈烘晠浜嬫椂锛岃儗鏅煶涔愭槸娓╅Θ銆佸拰璋愮殑鏃犱汉澹颁即濂忋��
           </p>
           <p>
-            缁间笂鎵�杩帮紝绀间华鎯呮櫙鍓х殑鍒涗綔鍜岀紪鎺掍笉浠呰鍔犲己涓撲笟绀间华鏁欒偛鐨勭煡璇嗘笚閫忥紝鏇磋瀹炵幇涓庢枃鍖栫礌璐ㄦ暀鑲茬殑鏈夋満璐�氥�傛暀甯堝彲閫氳繃绀间华鎯呮櫙鍓х殑鏁欏鏂规硶锛屽垱鏂扮ぜ浠鍫傛暀瀛﹀舰寮忥紝鎻愰珮璇惧爞鍚稿紩鍔涳紝瀹炵幇鏁欎功涓庤偛浜虹殑瀹岀編缁撳悎锛屽寮哄鐢熲�滃緥宸辨暚浜衡�濈殑浣撻獙鍜屾劅鎮燂紝鎻愬崌鍏堕亾寰锋儏鎿嶅拰绮剧澧冪晫銆傚悓鏃讹紝涔熻骞垮ぇ闈掑勾瀛︾敓浠庝腑鍗庝紭绉�绀间华鏂囧寲涓緱
+            缁间笂鎵�杩帮紝绀间华鎯呮櫙鍓х殑鍒涗綔鍜岀紪鎺掍笉浠呰鍔犲己涓撲笟绀间华鏁欒偛鐨勭煡璇嗘笚閫忥紝鏇磋瀹炵幇涓庢枃鍖栫礌璐ㄦ暀鑲茬殑鏈夋満璐�氥�傛暀甯堝彲閫氳繃绀间华鎯呮櫙鍓х殑鏁欏鏂规硶锛屽垱鏂扮ぜ浠鍫傛暀瀛﹀舰寮忥紝鎻愰珮璇惧爞鍚稿紩鍔涳紝瀹炵幇鏁欎功涓庤偛浜虹殑瀹岀編缁撳悎锛屽寮哄鐢熲�滃緥宸辨暚浜衡�濈殑浣撻獙鍜屾劅鎮燂紝鎻愬崌鍏堕亾寰锋儏鎿嶅拰绮剧澧冪晫銆傚悓鏃讹紝涔熻骞垮ぇ闈掑勾瀛︾敓浠庝腑鍗庝紭绉�绀间华鏂囧寲涓緱鍒版粙鍏伙紝澧炲己搴曟皵锛屾洿鍔犲潥瀹氭枃鍖栬嚜瑙変笌鏂囧寲鑷俊锛屽姫鍔涙垚涓虹ぞ浼氫富涔変簨涓氱殑鍚堟牸寤鸿鑰呬笌鍙潬鎺ョ彮浜恒��
           </p>
         </div>
       </div>
@@ -248,9 +321,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            鍒版粙鍏伙紝澧炲己搴曟皵锛屾洿鍔犲潥瀹氭枃鍖栬嚜瑙変笌鏂囧寲鑷俊锛屽姫鍔涙垚涓虹ぞ浼氫富涔変簨涓氱殑鍚堟牸寤鸿鑰呬笌鍙潬鎺ョ彮浜恒��
-          </p>
           <div class="bk2">
             <div class="zysx">
               <p>
@@ -258,7 +328,7 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p class="center">
                 <span class="cs1">浣犱細鎬庢牱璁捐鎯呮櫙鍓х粨鏋�</span>
               </p>
@@ -272,8 +342,8 @@
               <p class="block">
                 鏍规嵁浣犲绀间华瑙勮寖鐨勪簡瑙o紝鍙惁瀵瑰叾涓殑鏁呬簨杩涜鎯呮櫙鍓х粨鏋勫垱閫狅紵浣犱細鎬庝箞璁捐鎯呮櫙鍓х殑缁撴瀯鍛紵
               </p>
-              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路绀间箣瀹炶返路</span></p>
@@ -329,157 +399,46 @@
           <p>
             1.绀间华鎯呮櫙鍓ц垶鍙板尯鍩熺殑鍒掑垎鏄婕斿鐞嗚垶鍙拌皟搴︾殑鍩烘湰渚濇嵁銆傝垶鍙板尯鍒嗕负锛堛��銆�锛変釜鍖恒�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />A.4</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />B.5</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />C.6</p>
-          <p><input
-              type="radio"
-              name="qtOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectOne.one.value"
-              @change="setBookQuestion"
-            />D.7</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.4</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.5</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.6</p>
+          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.7</p>
           <p>
             2.缇庡浗濂借幈鍧炴湁涓�濂楃紪鍓ц寰嬶紝鍗冲紑绔�佽缃煕鐩俱�佽В鍐崇煕鐩俱�佸啀璁剧疆鐭涚浘锛岀洿鑷崇粨灞�銆備腑鍥戒篃鏈夎嚜宸辩殑缂栧墽瑙勫緥锛屽嵆锛堛��銆�锛夈�傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />A.娴撴贰鐩稿疁</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />B.楂樹綆閿欒惤</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />C.鎶戞壃椤挎尗</p>
-          <p><input
-              type="radio"
-              name="qtTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectOne.two.value"
-              @change="setBookQuestion"
-            />D.璧锋壙杞悎</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.娴撴贰鐩稿疁</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.楂樹綆閿欒惤</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.鎶戞壃椤挎尗</p>
+          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.璧锋壙杞悎</p>
           <p>
-            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value1"
-                  @change="setBookQuestion"
-                />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value2"
-                  @change="setBookQuestion"
-                />銆�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value3"
-                  @change="setBookQuestion"
-                />銆�<input
-                  type="text"
-                  name="ball1"
-                  class="fz-16 input-box"
-                  style="width: 100px"
-                  v-model="questionData.projectOne.three.value4"
-                  @change="setBookQuestion"
-                />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
+            3.瀵规儏鏅〃鐜扮殑鑸炲彴璁捐鎬濊矾鍖呮嫭<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectOne.three.value1" @change="setBookQuestion" />銆佽垶鍙扮編鏈�佺幆澧冦�侀煶鍝嶃��<input type="text"
+              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value2"
+              @change="setBookQuestion" />銆�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectOne.three.value3" @change="setBookQuestion" />銆�<input type="text"
+              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value4"
+              @change="setBookQuestion" />銆佽〃鎯呫�佸績鐞嗘椿鍔ㄧ瓑銆�
           </p>
           <p>4.鎯呮櫙鍓х殑涓夊ぇ鍏冪礌鏄紙銆�銆�锛夈�傦紙澶氶�夐锛�</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />A.涓昏</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />B.鏁呬簨</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />C.鍦烘櫙</p>
-          <p><input
-              type="checkbox"
-              name="ball2"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectOne.four.value"
-              @change="setBookQuestion"
-            />D.鏃堕棿</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.涓昏</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.鏁呬簨</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.鍦烘櫙</p>
+          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.鏃堕棿</p>
           <p>5.璇风畝杩板垱浣滅ぜ浠儏鏅墽鐨勫熀鏈師鍒欍��</p>
-          <textarea
-            v-model="questionData.projectOne.five.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.projectOne.five.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box"
+            @change="setBookQuestion"></textarea>
         </div>
       </div>
     </div>
@@ -500,6 +459,46 @@
           <div class="tp-3">
             <p class="tl-f td-0">
               <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
+            </p>
+          </div>
+          <p class="td-0 mt-10 mb-10"><span class="bj2">路鎬濈淮瀵煎浘路</span></p>
+          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-02.png" alt=""></p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂患鍚堣兘鍔涜缁�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'f8ca26a51e475fb9921db5c4bdf5d1be'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠绀鸿寖灞曠ず</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '8afe53c2f626fc193a3bfb160c33f99c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
+              </el-tooltip>
             </p>
           </div>
           <div class="bk">
@@ -544,12 +543,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 浣犺兘鍚︽牴鎹嚜宸辩殑瑙傚療杩涜绀间华鎶�鑳借〃杩板拰灞曠ず锛熻兘鍚﹂拡瀵硅嚜韬笓涓氭垨宀椾綅闇�姹傝繘琛岀ぜ浠鑼冭В璇伙紵
               </p>
-              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h3 id="c036">
@@ -558,10 +557,25 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.璁よ瘑绀间华琛ㄦ紨銆�</p>
           <p>2.鎺屾彙绀间华琛ㄦ紨鐨勮姹備笌鍘熷垯銆�</p>
-          <h4 id="d111">涓�銆佷綍涓虹ぜ浠〃婕�</h4>
-          <p>
-            鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇
-          </p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氳璇嗙ぜ浠〃婕�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '964332e9334f71db8d9174fa1a4911b1'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
+              </el-tooltip>
+            </p>
+          </div>
         </div>
       </div>
     </div>
@@ -577,8 +591,9 @@
           <li class="header-right-end" style=""><br></li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">
-            绔犱箣缇庯紝璋撲箣鍗庛�傚崕锛屽涓�涔熴�傗�濅腑鍥芥槸浼犳壙鍗冨勾鐨勭ぜ浠箣閭︼紝澹版暀鎾簬娴峰銆傜浉浼犲湪3000澶氬勾鍓嶇殑娈峰懆涔嬮檯锛屽懆鍏埗绀间綔涔愶紝灏辨彁鍑轰簡绀兼不鐨勭翰棰嗐�傚叾鍚庣粡杩囧瓟瀛愬拰涓冨崄瀛愬悗瀛︼紝浠ュ強瀛熷瓙銆佽崁瀛愮瓑浜虹殑鎻愬�″拰瀹屽杽锛岀ぜ涔愭枃鏄庢垚涓哄剴瀹舵枃鍖栫殑鏍稿績銆傝タ姹変互鍚庯紝浣滀负绀间箰鏂囧寲鐨勭悊璁哄舰鎬佸拰涓婂彜绀煎埗鐨勬笂钖紝銆婁华绀笺�嬨�婂懆绀笺�嬨�婄ぜ璁般�嬪厛鍚庤鍒楀叆瀛﹀畼锛屼笉浠呮垚涓哄彜浠f枃浜哄繀璇荤殑缁忓吀锛岃�屼笖鎴愪负鍘嗕唬鐜嬫湞鍒剁ぜ鐨勫熀纭�锛屽浜庝腑鍥芥枃鍖栧拰鍘嗗彶鐨勫奖鍝嶄箣娣辫繙锛岃嚜涓嶅緟瑷�銆�
+          <h4 id="d111">涓�銆佷綍涓虹ぜ浠〃婕�</h4>
+          <p>
+            鏈夆�滅洓涓栭缚鍎掆�濅箣绉扮殑鍞愪唬鏂囧寲鍚嶄汉瀛旈杈炬浘璇达細鈥滀腑鍥界ぜ浠箣澶э紝鏁呯О澶忥紱鏈夋湇绔犱箣缇庯紝璋撲箣鍗庛�傚崕锛屽涓�涔熴�傗�濅腑鍥芥槸浼犳壙鍗冨勾鐨勭ぜ浠箣閭︼紝澹版暀鎾簬娴峰銆傜浉浼犲湪3000澶氬勾鍓嶇殑娈峰懆涔嬮檯锛屽懆鍏埗绀间綔涔愶紝灏辨彁鍑轰簡绀兼不鐨勭翰棰嗐�傚叾鍚庣粡杩囧瓟瀛愬拰涓冨崄瀛愬悗瀛︼紝浠ュ強瀛熷瓙銆佽崁瀛愮瓑浜虹殑鎻愬�″拰瀹屽杽锛岀ぜ涔愭枃鏄庢垚涓哄剴瀹舵枃鍖栫殑鏍稿績銆傝タ姹変互鍚庯紝浣滀负绀间箰鏂囧寲鐨勭悊璁哄舰鎬佸拰涓婂彜绀煎埗鐨勬笂钖紝銆婁华绀笺�嬨�婂懆绀笺�嬨�婄ぜ璁般�嬪厛鍚庤鍒楀叆瀛﹀畼锛屼笉浠呮垚涓哄彜浠f枃浜哄繀璇荤殑缁忓吀锛岃�屼笖鎴愪负鍘嗕唬鐜嬫湞鍒剁ぜ鐨勫熀纭�锛屽浜庝腑鍥芥枃鍖栧拰鍘嗗彶鐨勫奖鍝嶄箣娣辫繙锛岃嚜涓嶅緟瑷�銆�
           </p>
           <p>
             绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗛璨屻�侀灏氥�佺礌鍏汇�佺壒鑹插睍绀哄嚭鏉ャ��
@@ -590,12 +605,12 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 琛ㄦ紨鑹烘湳鐨勫垱浣滀换鍔¤姹傛紨鍛樺垱浣滃嚭鏉ョ殑浜虹墿褰㈣薄鍏锋湁瀹$編鐨勪环鍊硷紝杈惧埌鐪熴�佸杽銆佺編鐨勫拰璋愮粺涓�锛岃繖涔熸槸鍒涗綔鑰呭拰瑙傝祻鑰呭叡鍚岃拷姹傜殑鏍囧噯銆備綘璁や负绀间华琛ㄦ紨涓殑缇庢潵鑷綍澶勫憿锛�
               </p>
-              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -606,10 +621,6 @@
           </p>
           <p class="block">
             褰撲汉浠粠鎯呮劅涓婃妸鑷劧鐣屽悓浜虹被鍔犱互鑱旂郴锛屽苟杩涜瀵规瘮鍜岃瘎浠凤紝鑷劧鐜拌薄灏辫璧嬩簣浜嗘剰璇嗗舰鎬佺殑鎰忎箟銆備緥濡傦紝鎴戜滑鍙や唬绁炶瘽涓殑鐩樺彜銆佸悗缇裤�佸濞ヤ互鍙婃渤绁炪�佸北绁炵瓑銆傚綋鑷劧涓庝汉绫荤ぞ浼氬疄璺碉紙鐢熶骇鐢熸椿锛変骇鐢熶簡鑱旂郴锛岃嚜鐒剁墿灏辨垚浜嗕汉鍖栫殑鑷劧鐗┿�傝嚜鐒剁墿灏变笉浠呮湁鍗曠函鐨勮嚜鐒跺睘鎬э紝涔熷叿鏈変簡绀句細灞炴�с�備汉鐢熸椿鍦ㄥぇ鑷劧涓紝蹇呯劧鍙楀埌澶ц嚜鐒剁殑鎰熸煋鍜岀啅闄讹紝鎰熷彈鍒颁竴绉嶆儏瓒e拰娲诲姏锛屾棤鐤戝氨浼氬皢鑷劧浜烘牸鍖栥�備緥濡傦紝鐢ㄩ珮灞辨瘮鍠讳汉鍝佸痉鐨勫帤閲嶏紝鐢ㄥぇ娴锋瘮鍠讳汉蹇冪伒鐨勫骞匡紝鐢ㄨ姳鏈垫瘮鍠荤編濂炽�傚ぇ鑷劧鐨勭編鍖栦负绮剧缇庛�佸績鐏电編锛屼粠鑰屾縺鍙戜汉绫绘洿楂樼殑杩芥眰鈥斺�旂敓娲荤編銆備粠鑷劧缇庡埌蹇冪伒缇庯紝鍐嶅埌鐢熸椿缇庯紝澶ц嚜鐒朵腑鐨勪竴鍒囬兘鏈変簡绀句細鎰忎箟銆�
-          </p>
-          <p><b>2.缇庢簮浜庡姵鍔�</b></p>
-          <p class="block">
-            鑷彜鑷充粖锛岀編閮芥潵鑷姵鍔ㄣ�傚綋浜虹被鐩寸珛琛岃蛋锛屽湪鍔冲姩涓В鏀惧嚭鑷繁鐨勫弻鎵嬩互鍚庯紝涔�
           </p>
         </div>
       </div>
@@ -627,8 +638,9 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0 block">
-            灏辫В鏀句簡鑷繁鐨勮韩浣撱�備粬浠瓚宸€�佽�曚綔銆佸彇鐏�佺嫨鐚庯紝涓嶄粎鍙互鏇村ソ鍦扮敓瀛橈紝涔熸彁鍗囦簡韬綋鐨勫寑绉版�у拰鍔ㄤ綔鐨勭簿纭�с�佷紭缇庢�с�傛湁鑺傚鐨勫姵鍔ㄤ腑鏄剧幇浜嗙敺鎬х殑鍔涘害鍜屽コ鎬х殑鏌旂編锛岄敾鐐间簡闈㈤儴琛ㄦ儏鐨勭伒娲绘�с�傞�氳繃鍔冲姩銆佸緛鎴樸�佺绁风殑鍚勭鍔ㄤ綔銆佸Э鎬佸強鑺傚锛屼汉浠湅鍒颁簡浜轰綋鑷韩鐨勭編锛岀敱姝ゅ紑濮嬫敞閲嶇簿绁炲唴瀹圭殑琛ㄨ揪銆傚鏀惰幏鏃剁殑鍠滄偊銆佸緛鎴樻椂鐨勫媷鏁€�佺绁锋椂鐨勮檾璇氱瓑锛屾墍浠ョ绁枫�佹眰绂忋�佹彃绉с�佷紣鏈ㄥ潎鏈変笉鍚岃妭濂忕殑姝屾洸锛屼笉浠呰〃杈句簡鍔冲姩缇庯紝涔熷垱閫犱簡鑹烘湳缇庛�傚洜姝わ紝缇庢潵婧愪簬鍔冲姩锛屽畠瀛樺湪浜庡姵鍔ㄤ箣涓��
+          <p><b>2.缇庢簮浜庡姵鍔�</b></p>
+          <p class="block">
+            鑷彜鑷充粖锛岀編閮芥潵鑷姵鍔ㄣ�傚綋浜虹被鐩寸珛琛岃蛋锛屽湪鍔冲姩涓В鏀惧嚭鑷繁鐨勫弻鎵嬩互鍚庯紝涔熷氨瑙f斁浜嗚嚜宸辩殑韬綋銆備粬浠瓚宸€�佽�曚綔銆佸彇鐏�佺嫨鐚庯紝涓嶄粎鍙互鏇村ソ鍦扮敓瀛橈紝涔熸彁鍗囦簡韬綋鐨勫寑绉版�у拰鍔ㄤ綔鐨勭簿纭�с�佷紭缇庢�с�傛湁鑺傚鐨勫姵鍔ㄤ腑鏄剧幇浜嗙敺鎬х殑鍔涘害鍜屽コ鎬х殑鏌旂編锛岄敾鐐间簡闈㈤儴琛ㄦ儏鐨勭伒娲绘�с�傞�氳繃鍔冲姩銆佸緛鎴樸�佺绁风殑鍚勭鍔ㄤ綔銆佸Э鎬佸強鑺傚锛屼汉浠湅鍒颁簡浜轰綋鑷韩鐨勭編锛岀敱姝ゅ紑濮嬫敞閲嶇簿绁炲唴瀹圭殑琛ㄨ揪銆傚鏀惰幏鏃剁殑鍠滄偊銆佸緛鎴樻椂鐨勫媷鏁€�佺绁锋椂鐨勮檾璇氱瓑锛屾墍浠ョ绁枫�佹眰绂忋�佹彃绉с�佷紣鏈ㄥ潎鏈変笉鍚岃妭濂忕殑姝屾洸锛屼笉浠呰〃杈句簡鍔冲姩缇庯紝涔熷垱閫犱簡鑹烘湳缇庛�傚洜姝わ紝缇庢潵婧愪簬鍔冲姩锛屽畠瀛樺湪浜庡姵鍔ㄤ箣涓��
           </p>
           <p><b>3.缇庢簮浜庣ぞ浼�</b></p>
           <p class="block">
@@ -742,15 +754,15 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>
                 1.姘戣埅绀间华鎶�鑳藉睍绀虹殑浜虹墿澶栭儴褰㈣薄搴旇鏄粈涔堟牱瀛愮殑锛熷寘鎷湇瑁呫�佸彂鍨嬬瓑澶栭儴鐗瑰緛鐨勬瀯寤恒��
               </p>
-              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.姘戣埅绀间华鎶�鑳藉睍绀虹殑琛屽姩浠诲姟鍜岀湡姝g洰鐨勬槸浠�涔堬紵</p>
-              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <h4 id="d114">浜屻�佹皯鑸ぜ浠妧鑳藉睍绀虹殑鍐呭璁捐</h4>
@@ -790,6 +802,44 @@
           <p><b>浠诲姟鐩爣锛�</b></p>
           <p>1.鎺屾彙姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鐨勫垎鏋愪笌鍒涗綔鏂规硶銆�</p>
           <p>2.浜嗚В姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾涓庢敞鎰忎簨椤广��</p>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathNine" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垱浣滄柟娉�</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo08 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '344eb0db9295fbfd83736cf3431a134a'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
+              </el-tooltip>
+            </p>
+          </div>
+          <div class="video-box">
+            <p class="center text td-0">
+              <video :src="videoPathTen" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
+            </p>
+            <p class="center videoname">
+              <span>瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂礌鏉愬強鍐呭璁捐</span>
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo09 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'c8ce4540a2e9e2122ebb6cd64c6c0c4c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
+              </el-tooltip>
+            </p>
+          </div>
           <h4 id="d115">涓�銆佹皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垎鏋愪笌鍒涗綔鏂规硶</h4>
           <h5 id="e156">锛堜竴锛夌啛璇绘儏鏅墽鍓ф湰</h5>
           <p>
@@ -797,7 +847,7 @@
           </p>
           <h5 id="e157">锛堜簩锛変簡瑙f皯鑸儏鏅墽涓撲笟鑳屾櫙</h5>
           <p>
-            瀵规儏鏅殑涓撲笟鑳屾櫙銆佷汉鐗╄儗鏅繘琛屽垎鏋愬拰鐮旂┒銆備緥濡傦紝瀹㈣埍涔樺姟鍛樼ぜ浠儏鏅睍绀猴紝搴旈鍏堟帉鎻″鑸变箻鍔″憳鐨勪笓涓氭妧鑳斤紝濡傚鑸辫繋閫併�侀椋熶緵搴旂瓑鏈鸿埍鏈嶅姟鎶�鑳斤紝骞剁粨鍚堢ぜ浠鑼冿紝澶氭煡闃呯浉鍏宠祫鏂欙紝鍖呮嫭鏂囧瓧銆佸浘鐗囥�佽棰戠瓑锛屽敖鍙兘澶氬湴浜嗚В鍜岀啛鎮変綔鍝佷腑鐨�
+            瀵规儏鏅殑涓撲笟鑳屾櫙銆佷汉鐗╄儗鏅繘琛屽垎鏋愬拰鐮旂┒銆備緥濡傦紝瀹㈣埍涔樺姟鍛樼ぜ浠儏鏅睍绀猴紝搴旈鍏堟帉鎻″鑸变箻鍔″憳鐨勪笓涓氭妧鑳斤紝濡傚鑸辫繋閫併�侀椋熶緵搴旂瓑鏈鸿埍鏈嶅姟鎶�鑳斤紝骞剁粨鍚堢ぜ浠鑼冿紝澶氭煡闃呯浉鍏宠祫鏂欙紝鍖呮嫭鏂囧瓧銆佸浘鐗囥�佽棰戠瓑锛屽敖鍙兘澶氬湴浜嗚В鍜岀啛鎮変綔鍝佷腑鐨勬椂闂淬�佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�
           </p>
         </div>
       </div>
@@ -815,7 +865,6 @@
           </li>
         </ul>
         <div class="bodystyle">
-          <p class="td-0">鏃堕棿銆佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�</p>
           <h5 id="e158">锛堜笁锛夋槑纭儏鏅墽涓婚鎬濇兂</h5>
           <p>
             涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟锛屽寘鎷繖涓綔鍝佹�荤殑鎬濇兂鍚箟銆�
@@ -875,13 +924,13 @@
                   class="zt-zysx1">闂�</span>
               </p>
             </div>
-            <div class="bj3">
+            <div class="bj3 fz-15">
               <p>1.浜轰负浠�涔堜竴瀹氳璁叉枃鏄庣ぜ浠紵搴旇鎬庢牱鍋氾紵</p>
-              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
               <p>2.浣滀负姘戣埅涓撲笟浜哄憳鐨勬垜浠紝搴旇鎬庢牱鎻愬崌绀间华绱犲吇锛�</p>
-              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
-                        class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+              <textarea v-model="questionData.askAbout.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-15 textarea-box"
+                @change="setBookQuestion"></textarea>
             </div>
           </div>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -951,42 +1000,14 @@
           </p>
           <p class="td-0 mb-10 mt-10"><span class="bj2">路椤圭洰鑷祴路</span></p>
           <p>1.姘戣埅绀间华鎶�鑳藉睍绀轰富瑕佹槸锛堛��銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />A.瑙掕壊</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />B.鎶�鑳�</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />C.鍓ф儏</p>
-          <p><input
-              type="radio"
-              name="qtDataOne"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="1"
-              v-model="questionData.projectTwo.one.value"
-              @change="setBookQuestion"
-            />D.琛ㄦ紨</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="A" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.瑙掕壊</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="B" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.鎶�鑳�</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="C" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.鍓ф儏</p>
+          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="D" id="1"
+              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.琛ㄦ紨</p>
         </div>
       </div>
     </div>
@@ -1003,167 +1024,94 @@
         </ul>
         <div class="bodystyle">
           <p>2.姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />A.鎯呰妭璁捐</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />B.鍙拌瘝璁捐</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />C.鎯呮櫙閲嶇幇</p>
-          <p><input
-              type="radio"
-              name="qtDataTwo"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="2"
-              v-model="questionData.projectTwo.two.value"
-              @change="setBookQuestion"
-            />D.鑸炲彴琛ㄧ幇</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="A" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.鎯呰妭璁捐</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="B" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.鍙拌瘝璁捐</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="C" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.鎯呮櫙閲嶇幇</p>
+          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="D" id="2"
+              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.鑸炲彴琛ㄧ幇</p>
           <p>
             3.鎯呮櫙鍓ф晠浜嬫垨浜虹墿鍐茬獊涓昏鏄寚锛堛��銆�锛夊啿绐併�傚寘鎷汉鐗╁湪鎰忓康銆佹�ф牸銆佷俊浠般�佺簿绁炲拰浠峰�肩瓑涓婄殑宸紓銆傦紙鍗曢�夐锛�
           </p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />A.绀句細鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />B.鎯呯华鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />C.鎬濇兂鎬�</p>
-          <p><input
-              type="radio"
-              name="qtDataThree"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="3"
-              v-model="questionData.projectTwo.three.value"
-              @change="setBookQuestion"
-            />D.鏍煎眬鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="A" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.绀句細鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="B" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.鎯呯华鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="C" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.鎬濇兂鎬�</p>
+          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="D" id="3"
+              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.鏍煎眬鎬�</p>
           <p>
             4.绀间华琛ㄦ紨锛屽嵆鎶婄害瀹氫織鎴愮殑绀间华瑙勮寖鎴栬姹傞�氳繃鍏紬琛ㄦ紨鐨勬柟寮忥紝灏嗭紙銆�銆�锛夊睍绀哄嚭鏉ャ�傦紙澶氶�夐锛�
           </p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="A"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />A.椋庤矊</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="B"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />B.椋庡皻</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="C"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />C.绱犲吇</p>
-          <p><input
-              type="checkbox"
-              name="qtDataFour"
-              :disabled="questionData.isComplete"
-              value="D"
-              id="4"
-              v-model="questionData.projectTwo.four.value"
-              @change="setBookQuestion"
-            />D.鐗硅壊</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="A" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.椋庤矊</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="B" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.椋庡皻</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="C" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.绱犲吇</p>
+          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="D" id="4"
+              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.鐗硅壊</p>
           <p>
             5.涓婚鏄寚浣滆�呴�氳繃鍓ф湰鍐茬獊鎻愬嚭鐨勫熀鏈棶棰樸�備富棰樻�濇兂鏄鍓ф湰鎻愬嚭鐨勫熀鏈棶棰樼殑鍥炵瓟銆傦紙銆�銆�锛夛紙鍒ゆ柇棰橈級
           </p>
-          <p><input
-              type="radio"
-              name="qtDataFive"
-              :disabled="questionData.isComplete"
-              value="瀵�"
-              id="4"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />瀵�</p>
-          <p><input
-              type="radio"
-              name="qtDataFive"
-              :disabled="questionData.isComplete"
-              value="閿�"
-              id="4"
-              v-model="questionData.projectTwo.five.value"
-              @change="setBookQuestion"
-            />閿�</p>
+          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="瀵�" id="4"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />瀵�</p>
+          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="閿�" id="4"
+              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />閿�</p>
           <p>
-            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value1" @change="setBookQuestion"/>
-            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value2" @change="setBookQuestion"/>绀间华銆佸紩棰嗙ぜ浠��
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value3" @change="setBookQuestion"/>绀间华銆佸骇娆$ぜ浠��
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value4" @change="setBookQuestion"/>绀间华绛夈��
+            6.姘戣埅鎯呮櫙鍓хぜ浠妧鑳藉睍绀哄唴瀹瑰寘鍚繋瀹㈢ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value1" @change="setBookQuestion" />
+            绀间华銆佷粙缁嶇ぜ浠�佹彙鎵嬬ぜ浠��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value2" @change="setBookQuestion" />绀间华銆佸紩棰嗙ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value3" @change="setBookQuestion" />绀间华銆佸骇娆$ぜ浠��
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.six.value4" @change="setBookQuestion" />绀间华绛夈��
           </p>
           <p>
-            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion"/>銆�
-            璁茬┒<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion"/>銆�
-            鎻愬崌<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion"/>銆�
-            寮哄寲<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion"/>鈥濅负涓婚锛�
-            浠モ��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion"/>鈥�
-            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion"/>銆�
-            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion"/>鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
+            7.姘戣埅绀间华鎶�鑳藉睍绀虹殑鎸囧鎬濇兂瑕佷互鈥滃睍绀�<input type="" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion" />銆�
+            璁茬┒<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion" />銆�
+            鎻愬崌<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion" />銆�
+            寮哄寲<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion" />鈥濅负涓婚锛�
+            浠モ��<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion" />鈥�
+            鏁欒偛涓洪噸鐐瑰唴瀹癸紝浠モ�滈伒瀹�<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion" />銆�
+            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
+              v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion" />鈥濈瓑鍏绘垚鏁欒偛涓虹獊鐮村彛銆�
           </p>
           <p>8.璇风畝杩版皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔娉ㄦ剰浜嬮」銆�</p>
-          <textarea
-            v-model="questionData.projectTwo.eight.value"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="4"
-            class="fz-16 textarea-box"
-            @change="setBookQuestion"
-          ></textarea>
-
+          <textarea v-model="questionData.projectTwo.eight.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4"
+            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
+          <p class="dialogQuestion"  @click="openQuestion(1)">
+            <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+            <span class="td-0">
+              <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
+                height="28">
+                <path
+                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+                  fill="#fff" p-id="2537"></path>
+                <path
+                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+                  fill="#fff" p-id="2538"></path>
+                <path
+                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+                  fill="#fff" p-id="2539"></path>
+              </svg>
+            </span>
+          </p>
         </div>
       </div>
     </div>
@@ -1173,6 +1121,10 @@
         <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
       </div>
     </div>
+    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
+      :questionTitle="questionTitleMain" ref="dialogRef">
+    </dialogExaminations>
   </div>
 </template>
 
@@ -1182,93 +1134,135 @@
   getCollectResource,
   setCollectResource,
 } from "@/assets/methods/resources";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
   name: "chapterFive",
   props: {
     showPageList: {
       type: Array,
     },
+    interfaceQuestion: {
+      type: Object,
+    },
+  },
+  components: {
+    dialogExaminations,
   },
   data() {
     return {
       collectImg: require("../../assets/images/icon/heart.png"),
       collectCheck: require("../../assets/images/icon/heart-check.png"),
       videoPathOne: "",
+      videoPathTwo: "",
+      videoPathThree: "",
+      videoPathFour: "",
+      videoPathFive: "",
+      videoPathSix: "",
+      videoPathSeven: "",
+      videoPathEight: "",
+      videoPathNine: "",
+      videoPathTen: "",
+      videoPathEleven: "",
+      videoPathNine: "",
+      videoPathTen: "",
       collectResourceList: [],
       questionData: {
         isComplete: false,
-        askAbout:{
-          one:'',
-          two:'',
-          three:'',
-          four:'',
-          five:'',
-          six:'',
-          seven:'',
-          eight:'',
-          nine:'',
+        askAbout: {
+          one: '',
+          two: '',
+          three: '',
+          four: '',
+          five: '',
+          six: '',
+          seven: '',
+          eight: '',
+          nine: '',
         },
-        projectOne:{
-          one:{
-            value:""
+        projectOne: {
+          one: {
+            value: ""
           },
-          two:{
-            value:""
+          two: {
+            value: ""
           },
-          three:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
+          three: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:""
+          five: {
+            value: ""
           }
-          
+
         },
-        projectTwo:{
-          one:{
-            value:''
+        projectTwo: {
+          one: {
+            value: ''
           },
-          two:{
-            value:''
+          two: {
+            value: ''
           },
-          three:{
-            value:''
+          three: {
+            value: ''
           },
-          four:{
-            value:[]
+          four: {
+            value: []
           },
-          five:{
-            value:''
+          five: {
+            value: ''
           },
-          six:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
+          six: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
           },
-          seven:{
-            value1:"",
-            value2:"",
-            value3:"",
-            value4:"",
-            value5:"",
-            value6:"",
-            value7:"",
-            value8:"",
-            value9:"",
+          seven: {
+            value1: "",
+            value2: "",
+            value3: "",
+            value4: "",
+            value5: "",
+            value6: "",
+            value7: "",
+            value8: "",
+            value9: "",
           },
-          eight:{
-            value:''
+          eight: {
+            value: ''
           }
         },
       },
       chapterData: {
         isCollectVideo: false,
+        isCollectVideo01: false,
+        isCollectVideo02: false,
+        isCollectVideo03: false,
+        isCollectVideo04: false,
+        isCollectVideo05: false,
+        isCollectVideo06: false,
+        isCollectVideo07: false,
+        isCollectVideo08: false,
+        isCollectVideo09: false,
+        isCollectVideo10: false,
+      },
+      // 璇锋眰棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#6E85AF",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "鎷撳睍妯″潡銆�绀间华娲诲姩绛栧垝",
+            questionNum: 169,
+          },
+        },
       },
     };
   },
@@ -1296,6 +1290,33 @@
     async getVidoePath() {
       this.videoPathOne = await getResourcePath(
         "d3ac730a06dcc8381de684ace3263a63"
+      );
+      this.videoPathTwo = await getResourcePath(
+        "49cdf2e707f9f69b91167c285890c6f8"
+      );
+      this.videoPathThree = await getResourcePath(
+        "d4b25959b1c7f85b2762be516aefe078"
+      );
+      this.videoPathFour = await getResourcePath(
+        "78a2562f8f80c90e54d299d38abb2d1d"
+      );
+      this.videoPathFive = await getResourcePath(
+        "460dbcdc0c34cbac9ca90c343dbf89b9"
+      );
+      this.videoPathSix = await getResourcePath(
+        "f8ca26a51e475fb9921db5c4bdf5d1be"
+      );
+      this.videoPathSeven = await getResourcePath(
+        "8afe53c2f626fc193a3bfb160c33f99c"
+      );
+      this.videoPathEight = await getResourcePath(
+        "964332e9334f71db8d9174fa1a4911b1"
+      );
+      this.videoPathNine = await getResourcePath(
+        "344eb0db9295fbfd83736cf3431a134a"
+      );
+      this.videoPathTen = await getResourcePath(
+        "c8ce4540a2e9e2122ebb6cd64c6c0c4c"
       );
     },
 
@@ -1330,6 +1351,96 @@
           "瑙嗛锛氱ぜ浠椂瑁呯"
         );
         this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+      } else if (e == "video-02") {
+        this.handleCollectResource(
+          "49cdf2e707f9f69b91167c285890c6f8",
+          "49cdf2e707f9f69b91167c285890c6f8",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氬涔犵ぜ浠儏鏅墽鐨勭瓥鍒�"
+        );
+        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
+      } else if (e == "video-03") {
+        this.handleCollectResource(
+          "d4b25959b1c7f85b2762be516aefe078",
+          "d4b25959b1c7f85b2762be516aefe078",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱ぜ浠儏鏅墽鐨勮鐭�"
+        );
+        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
+      } else if (e == "video-04") {
+        this.handleCollectResource(
+          "78a2562f8f80c90e54d299d38abb2d1d",
+          "78a2562f8f80c90e54d299d38abb2d1d",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氱ぜ浠儏鏅墽鐨勮垶鍙扳�滃叆鐢烩��"
+        );
+        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
+      } else if (e == "video-05") {
+        this.handleCollectResource(
+          "460dbcdc0c34cbac9ca90c343dbf89b9",
+          "460dbcdc0c34cbac9ca90c343dbf89b9",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠儏鏅ず鑼冨睍绀�"
+        );
+        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
+      } else if (e == "video-06") {
+        this.handleCollectResource(
+          "f8ca26a51e475fb9921db5c4bdf5d1be",
+          "f8ca26a51e475fb9921db5c4bdf5d1be",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂患鍚堣兘鍔涜缁�"
+        );
+        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
+      } else if (e == "video-07") {
+        this.handleCollectResource(
+          "8afe53c2f626fc193a3bfb160c33f99c",
+          "8afe53c2f626fc193a3bfb160c33f99c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氶珮鑱岄櫌鏍$ぜ浠绀鸿寖灞曠ず"
+        );
+        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
+      } else if (e == "video-08") {
+        this.handleCollectResource(
+          "964332e9334f71db8d9174fa1a4911b1",
+          "964332e9334f71db8d9174fa1a4911b1",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氳璇嗙ぜ浠〃婕�"
+        );
+        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
+      } else if (e == "video-09") {
+        this.handleCollectResource(
+          "344eb0db9295fbfd83736cf3431a134a",
+          "344eb0db9295fbfd83736cf3431a134a",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鐨勫垱浣滄柟娉�"
+        );
+        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
+      } else if (e == "video-10") {
+        this.handleCollectResource(
+          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
+          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
+          "",
+          "瑙嗛",
+          "bits",
+          "瑙嗛锛氭皯鑸湇鍔$ぜ浠〃婕旂礌鏉愬強鍐呭璁捐"
+        );
+        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
       }
       this.handleChapterData();
     },
@@ -1364,6 +1475,13 @@
         this.collectResourceList
       );
     },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
   },
 };
 </script>

--
Gitblit v1.9.1