From bb584963c6abe77c5577cbcad3c9956b69444ae9 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 01 七月 2025 17:17:30 +0800
Subject: [PATCH] 无人机样章

---
 src/books/toddlerGameImplementation/view/components/chapter007.vue | 1422 +++++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 1,336 insertions(+), 86 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter007.vue b/src/books/toddlerGameImplementation/view/components/chapter007.vue
index 25de870..b8873ca 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter007.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter007.vue
@@ -26,8 +26,8 @@
             </div>
         </div>
         <!-- 157椤� -->
-        <div class="page-box" page="165">
-            <div v-if="showPageList.indexOf(165) > -1">
+        <div class="page-box" page="167">
+            <div v-if="showPageList.indexOf(167) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -106,8 +106,8 @@
             </div>
         </div>
         <!-- 158椤� -->
-        <div class="page-box" page="166">
-            <div v-if="showPageList.indexOf(166) > -1">
+        <div class="page-box" page="168">
+            <div v-if="showPageList.indexOf(168) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -152,8 +152,8 @@
             </div>
         </div>
         <!-- 159椤� -->
-        <div class="page-box" page="167">
-            <div v-if="showPageList.indexOf(167) > -1">
+        <div class="page-box" page="169">
+            <div v-if="showPageList.indexOf(169) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -194,8 +194,8 @@
             </div>
         </div>
         <!-- 160椤� -->
-        <div class="page-box" page="168">
-            <div v-if="showPageList.indexOf(168) > -1">
+        <div class="page-box" page="170">
+            <div v-if="showPageList.indexOf(170) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -233,8 +233,8 @@
             </div>
         </div>
         <!-- 161椤� -->
-        <div class="page-box" page="169">
-            <div v-if="showPageList.indexOf(169) > -1">
+        <div class="page-box" page="171">
+            <div v-if="showPageList.indexOf(171) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -265,8 +265,8 @@
             </div>
         </div>
         <!-- 162椤� -->
-        <div class="page-box" page="170">
-            <div v-if="showPageList.indexOf(170) > -1">
+        <div class="page-box" page="172">
+            <div v-if="showPageList.indexOf(172) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -300,8 +300,8 @@
             </div>
         </div>
         <!-- 163椤� -->
-        <div class="page-box" page="171">
-            <div v-if="showPageList.indexOf(171) > -1">
+        <div class="page-box" page="173">
+            <div v-if="showPageList.indexOf(173) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -332,8 +332,8 @@
             </div>
         </div>
         <!-- 164椤� -->
-        <div class="page-box" page="172">
-            <div v-if="showPageList.indexOf(172) > -1">
+        <div class="page-box" page="174">
+            <div v-if="showPageList.indexOf(174) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -371,8 +371,8 @@
             </div>
         </div>
         <!-- 165椤� -->
-        <div class="page-box" page="173">
-            <div v-if="showPageList.indexOf(173) > -1">
+        <div class="page-box" page="175">
+            <div v-if="showPageList.indexOf(175) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -383,12 +383,42 @@
                 </ul>
                 <div class="bodystyle">
                     <p>姝ゆ父鎴忎腑鐨勬垚浜哄彲浠ユ槸鐖哥埜銆佸濡堟垨鍏朵粬鐓ф枡鑰咃紝涔熷彲浠ュ皾璇曡濠村効鐩稿鐔熸倝鐨勪翰浜烘垨鐖舵瘝鐨勬湅鍙嬫潵鍜屽┐鍎夸簰鍔紝閫愭鎵╁ぇ鍏剁ぞ浜よ寖鍥达紝缂撹В鍒嗙鐒﹁檻銆�</p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathOne" 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"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�0~1宀佸┐骞煎効鎯呯华鎯呮劅娓告垙鐨勭粍缁囦笌瀹炴柦鎸囧瑕佺偣</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '08e55fbd1099c33d942ef6ae110b4d34') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
+                    <div class="video-box">
+                        <p class="center text">
+                            <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"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�0~1宀佸┐骞煎効绀句細鎬ф父鎴忕殑缁勭粐涓庡疄鏂芥寚瀵艰鐐�</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '4e05924786354594cedf6d5cc7260a4b') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                         <p class="center"><span class="ls2">渚濇亱鐨勪笁绉嶇被鍨�</span></p>
                         <p>缇庡浗蹇冪悊瀛﹀瀹夋柉娌冩�濆湪鐮旂┒姣嶅┐渚濇亱鐨勪釜鍒樊寮傝繃绋嬩腑鎻愬嚭浜嗕緷鎭嬬殑涓夌绫诲瀷锛氬畨鍏ㄥ瀷銆佸洖閬垮瀷銆佺煕鐩惧瀷銆備笁绉嶇被鍨嬬殑琛屼负鐗瑰緛涓昏琛ㄧ幇濡備笅銆�</p>
                         <p><b>涓�銆佸畨鍏ㄥ瀷</b></p>
-                        <p>杩欑被濠村効涓庢瘝浜插湪涓�璧锋椂锛屽枩娆笌姣嶄翰鎺ヨ繎锛屼絾骞朵笉鎬绘槸闈犲湪姣嶄翰韬竟锛岃�屾槸鏀惧績鍦扮帺鑰嶃�備粬浠椂甯歌鏈涙瘝浜诧紝涓庝箣寰瑧鎴栬繙璺濈浜ゆ祦锛屽姹傛瘝浜插垎浜粬浠殑涔愯叮銆傛瘝浜茬寮�鏃讹紝浠栦滑涓�鑸細琛ㄧ幇鍑轰笉鍚岀▼搴︾殑鐥涜嫤銆傚綋姣嶄翰鍥炴潵鏃讹紝浠栦滑浼氱珛鍗虫帴杩戞瘝浜诧紝瀵绘眰鎶氭叞锛屽苟寰堝揩鎭㈠骞抽潤銆佺户缁帺鑰嶃�傚闄岀敓浜烘湁涓嶅悓绋嬪害鐨勮瑙変笌鎬曠敓锛屼絾鏈夋椂涔熻兘璇曞浘鎺ヨ繎鍜岃〃绀哄弸濂姐�備簨瀹炰笂锛屼緷鎭嬪畨鍏ㄦ劅鐨勫缓绔嬫槸杩欑姣嶅┐涔嬮棿鍜岃皭鍏崇郴缁忓父鍙楀埌寮哄寲鐨勭粨鏋溿�傛瘝浜茬殑鏁忔劅鎬ц〃鐜板湪褰撳┐鍎块渶瑕佹椂鍙婃椂甯姪鍜屽畨鎱颁粬浠紝榧撳姳浠栦滑鐙嚜鐜╄�嶅拰娲诲姩锛岄紦鍔卞苟绀鸿寖瀵归檶鐢熶汉琛ㄧず鍙嬪ソ锛岃濠村効瀵规瘝浜茬寮�鏈夊績鐞嗗噯澶�.骞朵笖浠庝笉娆洪獥浠栦滑銆�
+                        <p>杩欑被濠村効涓庢瘝浜插湪涓�璧锋椂锛屽枩娆笌姣嶄翰鎺ヨ繎锛屼絾骞朵笉鎬绘槸闈犲湪姣嶄翰韬竟锛岃�屾槸鏀惧績鍦扮帺鑰嶃�備粬浠椂甯歌鏈涙瘝浜诧紝涓庝箣寰瑧鎴栬繙璺濈浜ゆ祦锛屽姹傛瘝浜插垎浜粬浠殑涔愯叮銆傛瘝浜茬寮�鏃讹紝浠栦滑涓�鑸細琛ㄧ幇鍑轰笉鍚岀▼搴︾殑鐥涜嫤銆傚綋姣嶄翰鍥炴潵鏃讹紝浠栦滑浼氱珛鍗虫帴杩戞瘝浜诧紝瀵绘眰鎶氭叞锛屽苟寰堝揩鎭㈠骞抽潤銆佺户缁帺鑰嶃�傚闄岀敓浜烘湁涓嶅悓绋嬪害鐨勮瑙変笌鎬曠敓锛屼絾鏈夋椂涔熻兘璇曞浘鎺ヨ繎鍜岃〃绀哄弸濂姐�備簨瀹炰笂锛屼緷鎭嬪畨鍏ㄦ劅鐨勫缓绔嬫槸杩欑姣嶅┐涔嬮棿鍜岃皭鍏崇郴缁忓父鍙楀埌寮哄寲鐨勭粨鏋溿�傛瘝浜茬殑鏁忔劅鎬ц〃鐜板湪褰撳┐鍎块渶瑕佹椂鍙婃椂甯姪鍜屽畨鎱颁粬浠紝榧撳姳浠栦滑鐙嚜鐜╄�嶅拰娲诲姩锛岄紦鍔卞苟绀鸿寖瀵归檶鐢熶汉琛ㄧず鍙嬪ソ锛岃濠村効瀵规瘝浜茬寮�鏈夊績鐞嗗噯澶囷紝骞朵笖浠庝笉娆洪獥浠栦滑銆�
                         </p>
                         <p><b>浜屻�佸洖閬垮瀷</b></p>
                         <p>杩欑被濠村効寰堝皯鐞嗕細姣嶄翰锛屽緢灏戝叧蹇冩瘝浜茬寮�锛屽鏁版椂闂磋嚜宸辩帺鑰嶃�傚綋姣嶄翰鍥炴潵鏃朵富鍔ㄥ洖閬夸笌姣嶄翰鐨勪氦寰�锛屾姳浠栦滑鏃讹紝浠栦滑浼氭專鑴辨垨杞Щ鐩厜锛屽钩闈欏湴鍥炲埌鑷繁鐨勭帺鑰嶄腑鍘汇�傚寰呴檶鐢熶汉鐢氳嚦姣斿寰呮瘝浜茬殑鍥為伩杩樿灏戜簺銆傝繖绫诲┐鍎夸技涔庡姣嶄翰娌℃湁褰㈡垚浜插瘑鐨勮仈绯汇�傚杩欑鐜拌薄涓昏鏈夊涓嬩袱绉嶈В閲娿�傗憼浠栦滑鐨勬瘝浜插濠村効鐨勬劅鎯呴渶瑕佷笉鏁忔劅锛屾垨缂轰箯娓╂儏銆佽〃鎯呭憜鏉裤�佸緢灏戞剦蹇�傚┐鍎垮彂鍑虹殑鎰熸儏淇℃伅缁忓父鍙楀埌鍐烽亣銆備箙鑰屼箙涔嬶紝濠村効瀵逛箣鐨勬劅鎯呬篃鍙樺緱娣℃紶锛屾垨涓轰簡閬垮厤缂哄皯娓╂殩鍥炴姤鐨勭棝鑻﹁�岄噰鍙栦簡鍐锋贰鐨勯槻寰℃帾鏂姐�傗憽鐢变簬姣嶄翰澶栧嚭宸ヤ綔锛屽┐鍎跨敱澶氫汉鎶氬吇锛屼粠鑰屾病鏈夊舰鎴愬姣嶄翰鎴栨煇涓�鐗瑰畾鐨勪汉鐨勪緷鎭嬨��
@@ -405,8 +435,8 @@
             </div>
         </div>
         <!-- 166椤� -->
-        <div class="page-box" page="174">
-            <div v-if="showPageList.indexOf(174) > -1">
+        <div class="page-box" page="176">
+            <div v-if="showPageList.indexOf(176) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -416,20 +446,102 @@
                 </ul>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級缇庡浗蹇冪悊瀛﹀椴嶅皵姣旇涓猴紝濠村辜鍎夸緷鎭嬪叧绯绘槑纭湡鏄湪锛堛��銆�锛夈��</p>
-                    <p>A.0锝�3涓湀</p>
-                    <p>B.3锝�7涓湀</p>
-                    <p>C.7锝�24涓湀</p>
-                    <p>D.24锝�36涓湀</p>
-                    <p>2.7锝�9涓湀濠村効鎯呯华鎯呮劅涓庣ぞ浼氭�ф父鎴忕洰鏍囦富瑕佹湁鍝簺锛�</p>
-                    <p>3.鏍规嵁鎵�瀛︾煡璇嗭紝缁撳悎韬竟浜插弸銆侀偦灞呬腑浣犵啛鎮夌殑鏌愪釜1宀佷互涓嬪┐鍎跨殑琛屼负琛ㄧ幇妗堜緥锛岃皥璋堣濠村効鎯呯华鎯呮劅鍙婄ぞ浼氭�у彂灞曠殑骞撮緞鐗圭偣銆�</p>
-                    <p>4.瀹炶返浠诲姟锛氬皬缁勮璁鸿璁′竴涓湁鍔╀簬0锝�1宀佸┐鍎挎儏缁儏鎰熶笌绀句細鎬у彂灞曠殑娓告垙锛岃瘯鐫�灏嗘父鎴忓悕绉般�佹父鎴忕帺娉曞拰娓告垙寤鸿鍐欎笅鏉ワ紝骞舵紨绀烘父鎴忕殑鐜╂硶銆�</p>
+                    <ul v-for="(item, index) in unitQuestionOne.unitOne" :key="'unitQuestionOne' + index">
+                        <li>
+                            {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                            }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <ul v-for="(item, index) in unitQuestionOne.unitOneChoice" :key="'unitOneChoice' + index">
+                        <li>
+                            {{ index + 3 }}.锛堝閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                                    }}銆�</span></span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitOne">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitOne" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionOne.isShowAnswer = !unitQuestionOne.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
                 </div>
             </div>
         </div>
         <!-- 167椤� -->
-        <div class="page-box" page="175">
-            <div v-if="showPageList.indexOf(175) > -1">
+        <div class="page-box" page="177">
+            <div v-if="showPageList.indexOf(177) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -507,8 +619,8 @@
             </div>
         </div>
         <!-- 168椤� -->
-        <div class="page-box" page="176">
-            <div v-if="showPageList.indexOf(176) > -1">
+        <div class="page-box" page="178">
+            <div v-if="showPageList.indexOf(178) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -547,8 +659,8 @@
             </div>
         </div>
         <!-- 169椤� -->
-        <div class="page-box" page="177">
-            <div v-if="showPageList.indexOf(177) > -1">
+        <div class="page-box" page="179">
+            <div v-if="showPageList.indexOf(179) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -581,8 +693,8 @@
             </div>
         </div>
         <!-- 170椤� -->
-        <div class="page-box" page="178">
-            <div v-if="showPageList.indexOf(178) > -1">
+        <div class="page-box" page="180">
+            <div v-if="showPageList.indexOf(180) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -615,8 +727,8 @@
             </div>
         </div>
         <!-- 171椤� -->
-        <div class="page-box" page="179">
-            <div v-if="showPageList.indexOf(179) > -1">
+        <div class="page-box" page="181">
+            <div v-if="showPageList.indexOf(181) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -649,8 +761,8 @@
             </div>
         </div>
         <!-- 172椤� -->
-        <div class="page-box" page="180">
-            <div v-if="showPageList.indexOf(180) > -1">
+        <div class="page-box" page="182">
+            <div v-if="showPageList.indexOf(182) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -673,6 +785,36 @@
                     </p>
                     <p>鍦ㄦ父鎴忚繃绋嬩腑锛屾垚浜洪櫎浜嗗闀垮拰鍏朵粬鐓ф枡鑰咃紝涔熷彲浠ユ槸鎵樿偛鏈烘瀯鏁欏笀銆佸辜鍎跨啛鎮夌殑鍏朵粬鎴愪汉鎴栧摜鍝ュ濮愩��</p>
                     <p>鑻ラ�夋嫨瀹朵腑鐨勬棩甯哥敓娲荤敤鍝佷唬鏇胯繘琛屾父鎴忥紝瑕佹敞鎰忔父鎴忔潗鏂欑殑鍗敓涓庡畨鍏紝閬垮厤杩囬噸鐨勩�佸皷閿愮殑鎴栫牬鎹熺墿鍝佷激鍒板辜鍎裤�傛父鎴忓満鍦伴櫎瀹ゅ唴澶栵紝涔熷彲浠ラ�夋嫨鐜瀹夊叏閫傚疁鐨勬埛澶栥��</p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <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"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�1~2宀佸┐骞煎効鎯呯华鎯呮劅娓告垙鐨勭粍缁囦笌瀹炴柦鎸囧瑕佺偣</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '1cb53ac60856a539416140adb4508fd3') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
+                    <div class="video-box">
+                        <p class="center text">
+                            <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"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�1~2宀佸┐骞煎効绀句細鎬ф父鎴忕殑缁勭粐涓庡疄鏂芥寚瀵艰鐐�</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'c55dd8b59b47f845691e651f1fc3f74e') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <div class="bk2 show-after">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                         <p class="center"><span class="ls2">瀛熸槶鍏扮殑鍎跨鎯呯华鍒嗗寲鐞嗚</span></p>
@@ -689,8 +831,8 @@
             </div>
         </div>
         <!-- 173椤� -->
-        <div class="page-box" page="181">
-            <div v-if="showPageList.indexOf(181) > -1">
+        <div class="page-box" page="183">
+            <div v-if="showPageList.indexOf(183) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -707,24 +849,103 @@
                         </p>
                     </div>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級涓嬪垪鍝」涓嶅睘浜�1锝�1.5宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬у彂灞曠壒鐐圭殑鏄紙銆�銆�锛夈��</p>
-                    <p>A.鍏锋湁鍚岀悊蹇冿紝鑳芥槑鐧藉埆浜虹殑鐥涜嫤骞跺畨鎱板埆浜�</p>
-                    <p>B.鍦ㄧ啛鎮夌幆澧冧腑纰板埌闄岀敓浜烘椂浼氭劅鍒板缇�</p>
-                    <p>C.鍠滄鍗曠嫭鐜╂垨鑰呰鐪嬩粬浜虹殑娓告垙娲诲姩</p>
-                    <p>D.褰撴柊寮傜墿浣撶獊鐒跺嚭鐜版椂锛屼細鎰熷埌鎯婂</p>
-                    <p>2.锛堝閫夛級涓嬪垪灞炰簬1.5锝�2宀佸辜鍎挎儏缁儏鎰熷拰绀句細鎬у彂灞曠壒鐐圭殑鏄紙銆�銆�锛夈��</p>
-                    <p>A.鑷垜鎰忚瘑鍜岀嫭绔嬭兘鍔涢�愭澧炲己锛屽枩娆㈢嫭绔嬪畬鎴愭煇涓�鍔ㄤ綔</p>
-                    <p>B.鍒濇琛ㄧ幇鍑哄府鍔┿�佸悎浣溿�佸垎浜瓑浜茬ぞ浼氳涓�</p>
-                    <p>C.鑳芥寜鐓ф寚绀哄畬鎴愮畝鍗曠殑浠诲姟锛屽鍋氱畝鍗曠殑瀹跺姟鍜屾敹鐜╁叿</p>
-                    <p>D.鍏锋湁涓�瀹氱殑鍚岀悊蹇冿紝寮�濮嬭兘澶熸槑鐧藉埆浜虹殑鐥涜嫤</p>
-                    <p>3.1.5锝�2宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忕洰鏍囨湁鍝簺锛�</p>
-                    <p>4.瀹炶返浠诲姟锛氬皬缁勮璁鸿璁′竴涓湁鍔╀簬1锝�2宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬у彂灞曠殑娓告垙鏂规銆傝鑰佸笀淇敼瀹屽杽鍚庡皾璇曞埌浜插弸瀹舵垨鎵樿偛鏈烘瀯鎵惧埌鐩稿簲骞撮緞娈电殑骞煎効杩涜缁勭粐瀹炴柦锛屽疄璺靛悗鍐欎竴浠芥椿鍔ㄦ�荤粨銆�</p>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitOne" :key="'unitQuestionTwo2' + index">
+                        <li>
+                            {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                            }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitOneChoice" :key="'unitTwoChoice' + index">
+                        <li>
+                            {{ index + 3 }}.锛堝閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                                    }}銆�</span></span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746">
+                                    </path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitTwo">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitTwo" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
                 </div>
             </div>
         </div>
         <!-- 174椤� -->
-        <div class="page-box" page="182">
-            <div v-if="showPageList.indexOf(182) > -1">
+        <div class="page-box" page="184">
+            <div v-if="showPageList.indexOf(184) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -801,8 +1022,8 @@
             </div>
         </div>
         <!-- 175椤� -->
-        <div class="page-box" page="183">
-            <div v-if="showPageList.indexOf(183) > -1">
+        <div class="page-box" page="185">
+            <div v-if="showPageList.indexOf(185) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -845,8 +1066,8 @@
             </div>
         </div>
         <!-- 176椤� -->
-        <div class="page-box" page="184">
-            <div v-if="showPageList.indexOf(184) > -1">
+        <div class="page-box" page="186">
+            <div v-if="showPageList.indexOf(186) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -881,8 +1102,8 @@
             </div>
         </div>
         <!-- 177椤� -->
-        <div class="page-box" page="185">
-            <div v-if="showPageList.indexOf(185) > -1">
+        <div class="page-box" page="187">
+            <div v-if="showPageList.indexOf(187) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -921,8 +1142,8 @@
             </div>
         </div>
         <!-- 178椤� -->
-        <div class="page-box" page="186">
-            <div v-if="showPageList.indexOf(186) > -1">
+        <div class="page-box" page="188">
+            <div v-if="showPageList.indexOf(188) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -961,8 +1182,8 @@
             </div>
         </div>
         <!-- 179椤� -->
-        <div class="page-box" page="187">
-            <div v-if="showPageList.indexOf(187) > -1">
+        <div class="page-box" page="189">
+            <div v-if="showPageList.indexOf(189) > -1">
                 <ul class="fl al-c jc-fe pad-t-55 mb-25">
                     <li class="headerText-bc">瀛︿範妯″潡涓�</li>
                     <li class="headerText">濠村辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁′笌鎸囧</li>
@@ -976,6 +1197,36 @@
                     <p>绗竴锛屽钩甯哥殑鐢熸椿涓彲浠ュ紩瀵煎辜鍎胯瀵熷父瑙佽鑹茬殑瑁呮壆鍜屼富瑕佽涓猴紝绉疮娓告垙缁忛獙銆�</p>
                     <p>绗簩锛岄紦鍔卞辜鍎垮拰姣斾粬浠ぇ涓や笁宀佺殑鍝ュ摜濮愬鐜╂瑙掕壊娓告垙銆備粬浠線寰�鍦ㄤ笌鍝ュ摜濮愬鐜╂父鎴忔椂锛屽垎浜笌鍚堜綔鐨勬剰鎰垮拰鍏磋叮鏇撮珮锛屽涔犺兘鍔涙洿寮恒��</p>
                     <p>绗笁锛岄殢鐫�骞煎効鐢熸椿缁忛獙鐨勪笉鏂赴瀵屼互鍙婂鏂拌鑹茬殑鍏磋叮鍜岃璇嗭紝鍙�傚綋鏇存柊鏈嶈鍜岄亾鍏枫�佸娣绘父鎴忔潗鏂欍��</p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <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"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�2~3宀佸┐骞煎効鎯呯华鎯呮劅娓告垙鐨勭粍缁囦笌瀹炴柦鎸囧瑕佺偣</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '18062186577ca1e48b0da281faf929f7') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-05')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
+                    <div class="video-box">
+                        <p class="center text">
+                            <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"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�2~3宀佸┐骞煎効绀句細鎬ф父鎴忕殑缁勭粐涓庡疄鏂芥寚瀵艰鐐�</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '3049a6f349736f95bb39b7c2e5a45add') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-06')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                         <p class="center"><span class="ls2">0锝�3宀佸┐骞煎効浜茬ぞ浼氳涓虹殑绫诲瀷</span></p>
@@ -997,12 +1248,47 @@
                         </p>
                     </div>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
+                    <ul v-for="(item, index) in unitQuestionThree.unitOne.slice(0, 1)"
+                        :key="'unitQuestionThree' + index">
+                        <li>
+                            {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionThree.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionThree" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                                }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
                 </div>
             </div>
         </div>
         <!-- 180椤� -->
-        <div class="page-box" page="188">
-            <div v-if="showPageList.indexOf(188) > -1">
+        <div class="page-box" page="190">
+            <div v-if="showPageList.indexOf(190) > -1">
                 <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                     <li class="header-left-Number">
                         <img class="img-0" src="../../assets/images/headerBj.png" alt="">
@@ -1011,42 +1297,364 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    
-                    <p>1.锛堝崟閫夛級涓嬪垪涓嶅睘浜�2.5锝�3宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁$洰鏍囦笌鍐呭鐨勬槸锛堛��銆�锛夈��</p>
-                    <p>A.鍦ㄨ鑹茶鎵父鎴忎腑鑳藉垵姝ヤ綋楠屽拰鐞嗚В涓嶅悓瑙掕壊鐨勬儏缁儏鎰�</p>
-                    <p>B.鑳藉鍖哄垎鑷繁鍜屼粬浜猴紝鍏峰鍒濇鐨勭嫭绔嬫剰璇嗗拰鑷悊鑳藉姏</p>
-                    <p>C.鍏峰涓�瀹氱殑鐢熸椿鑷悊鑳藉姏锛屽垵姝ユ噦寰椾繚鎶よ嚜宸辩殑浜鸿韩瀹夊叏</p>
-                    <p>D.鐭ラ亾骞惰鍚岃嚜宸辩殑鎬у埆锛岃兘澶熶笌鎵樿偛鏈烘瀯鏁欏笀鍙婂悓浼村缓绔嬪弸濂界殑绀句氦鍏崇郴</p>
-                    <p>2.锛堝閫夛級涓嬪垪灞炰簬2锝�2.5宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬у彂灞曠壒鐐圭殑鏄紙銆�銆�锛夈��</p>
-                    <p>A.宸茬粡鑳界敤绠�鍗曠殑瀹屾暣鍙ュ瓙琛ㄨ揪鑷繁鐨勬剰鎰裤�佹劅鍙楀拰鎯呯华</p>
-                    <p>B.宸茬粡寤虹珛浜嗚嚜鎴戞剰璇嗭紝澶勫湪浜虹敓鐨勭涓�涓弽鎶楁湡</p>
-                    <p>C.寮�濮嬭繘鍏ョЗ搴忔晱鎰熸湡锛屽鐢熸椿涔犳儻鍙婄墿鍝佺殑鎽嗘斁鏈夎嚜宸辩殑绉╁簭瑕佹眰</p>
-                    <p>D.鑳藉娓呮鍦板尯鍒嗚嚜宸便�佷粬浜哄拰澶栫晫浜嬬墿锛屼細璇寸畝鍗曠殑绀句氦鐢ㄨ</p>
-                    <p>3.2.5锝�3宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬у彂灞曠殑鐗圭偣涓昏鏈夊摢浜涳紵</p>
-                    <p>4.瀹炶返浠诲姟锛氬皬缁勮璁鸿璁′竴涓湁鍔╀簬2锝�3宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬у彂灞曠殑娓告垙鏂规銆傝鑰佸笀淇敼瀹屽杽鍚庡皾璇曞埌鏃╂暀鎴栨墭鑲叉満鏋勬壘鍒扮浉搴斿勾榫勬鐨勫辜鍎胯繘琛岀粍缁囧疄鏂斤紝瀹炶返鍚庡啓涓�浠芥椿鍔ㄦ�荤粨銆�</p>
+                    <ul v-for="(item, index) in unitQuestionThree.unitOne.slice(1, 2)"
+                        :key="'unitQuestionThree' + index">
+                        <li>
+                            {{ index + 2 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionThree.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionThree" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                                }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <ul v-for="(item, index) in unitQuestionThree.unitOneChoice" :key="'unitOneChoiceThree' + index">
+                        <li>
+                            {{ index + 3 }}.锛堝閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionThree.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionThree" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                                    }}銆�</span></span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitThree">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitThree" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionThree.isShowAnswer = !unitQuestionThree.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
+                    <p>
+                        <img class="rwmb-1" alt="" src="../../assets/images/0060_01.jpg" />
+                    </p>
+                    <p>
+                        鏈宀椾綅瀹炶锛屾槸浣犱滑灏嗙悊璁虹煡璇嗚浆鍖栦负瀹為檯鎿嶄綔鑳藉姏鐨勯噸瑕佸鏈猴紝杩欎笉浠呮槸瀵逛笓涓氱煡璇嗙殑涓�娆″疄鎴樻楠岋紝鏇存槸鏈潵浠庝簨鐩稿叧鑱屼笟蹇呬笉鍙皯鐨勭粌鍏点�傝鎴戜滑涓�璧峰紑鍚繖鍦哄厖婊℃寫鎴樹笌鎯婂枩鐨勫疄璁惂锛�
+                    </p>
+                    <!-- pdf 鏌ョ湅鍣� -->
+                    <div class="pdf-text">
+                        <div class="pdf-con">
+                            <div class="pdf-view">
+                                <span>
+                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                        xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
+                                        <path
+                                            d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+                                            p-id="11010"></path>
+                                    </svg>
+                                </span>
+                                <span @click="toUrl(1)">聽鏂囨湰璧勬簮锛� 妯″潡涓兟犲矖浣嶈繘闃惰缁�</span>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- pdf 鏌ョ湅鍣� -->
+                    <div class="pdf-text">
+                        <div class="pdf-con">
+                            <div class="pdf-view">
+                                <span>
+                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                        xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
+                                        <path
+                                            d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+                                            p-id="11010"></path>
+                                    </svg>
+                                </span>
+                                <span @click="toUrl(2)">聽鏂囨湰璧勬簮锛� 妯″潡涓兟犲疄璁伐浣滀换鍔�</span>
+                            </div>
+                        </div>
+                    </div>
+                    <p>
+                        <img class="rwmb-1" alt="" src="../../assets/images/0116_05.jpg" />
+                    </p>
+                    <p>
+                        鎺ヤ笅鏉ワ紝鎴戜滑灏嗚繘鍏ユ父鎴忔渚嬪睍绀虹幆鑺傘�傚湪鏈娓告垙妗堜緥绀鸿寖涓紝鎴戜滑灏嗕负浣犲睍绀哄浣曢�氳繃娓告垙婵�鍙戝┐骞煎効鐨勬綔鑳斤紝淇冭繘浠栦滑鐨勬儏缁儏鎰熶笌绀句細鎬у彂灞曪紝鐩镐俊杩欎簺妗堜緥浼氱粰浣犲甫鏉ュ惎鍙戝拰甯姪銆�
+                    </p>
+                    <div class="bk-video fl">
+                        <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><svg
+                                    t="1729840629103" class="icon" viewBox="0 0 1365 1024" version="1.1"
+                                    xmlns="http://www.w3.org/2000/svg" p-id="34778"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="40">
+                                    <path
+                                        d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
+                                        fill="#6dcff6" p-id="34779"></path>
+                                </svg></span></p>
+                        <div class="fl jc-fs fw-w">
+                            <div style="width: 200px; height: auto; margin: 0 5px;"
+                                v-for="(item, index) in chapter002.videoMd5" :key="index">
+                                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                                    x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                                    controls controlslist="nodownload" class="video-border w100"
+                                    :src="item.handleMd5"></video>
+                                <div class="fl al-c jc-c">
+                                    <p class="td-0" style="font-size: 12px;">鍔ㄤ綔娓告垙妗堜緥灞曠ず锛歿{ item.name }}</p>
+                                    <el-tooltip class="item" effect="dark"
+                                        :content="item.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                        <img :src="collectResourceList.findIndex(citem => citem.id == item.md5) > -1 ? collectCheck : collectImg"
+                                            alt="" class="collect-btn1" @click="handleCollect(item)" />
+                                    </el-tooltip>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="dialogQuestion mt-20 mb-20" @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>
         <!-- 181椤� 灏佸簳 -->
-        <div class="page-box mt-20" page="189" style="padding-bottom: 0px">
-            <div v-if="showPageList.indexOf(189) > -1">
+        <div class="page-box mt-20" page="191" style="padding-bottom: 0px">
+            <div v-if="showPageList.indexOf(191) > -1">
                 <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
             </div>
         </div>
+        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="8" :page="questionNum"
+            :questionTitle="questionTitleMain" ref="dialogRef">
+        </dialogExaminations>
     </div>
 </template>
 <script>
 import { getResourcePath } from "@/assets/methods/resources";
 import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
+import preView from "@/components/pdfview/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
     name: "chapterSeven",
     props: {
         showPageList: {
             type: Array,
         },
+        interfaceQuestion: {
+            type: Object,
+        },
+    },
+    components: {
+        preView,
+        dialogExaminations,
     },
     data() {
         return {
+            // pdf
+            dialogVisible: false,
+            pdfDialogRef: "",
+            somePdfTitleValue: "",
+            p_md5: "",
+            chapter001: {
+                pdfMd5: {
+                    1: {
+                        md5: "e5a91abdb6aac67d7b2adeec642a4a44",
+                        name: "妯″潡涓兟犲矖浣嶈繘闃惰缁�",
+                    },
+                    2: {
+                        md5: "81517e6df1265de49aa9000c456ef2fc",
+                        name: "妯″潡涓兟犲疄璁伐浣滀换鍔�",
+                    },
+                },
+                question: {
+                    1: {
+                        questionTitleMain: "瀛︿範妯″潡涓�",
+                        questionNum: 188,
+                    },
+                },
+            },
+            chapter002: {
+                videoMd5: [
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "dd46e4238d7c5354034ee310c452cf29",
+                        name: "0-3涓湀濠村辜鍎挎儏缁儏鎰熸父鎴忋�婇�楀疂瀹濈瑧銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "b8963c57a51ce2ab8de20081e28920e3",
+                        name: "0-3涓湀濠村辜鍎跨ぞ浼氭�ф父鎴忋�婃湁瓒g殑鎶氳Е銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "e008092b6db49e963785619680c73581",
+                        name: "4-6涓湀濠村辜鍎挎儏缁儏鎰熸父鎴忋�婃暟鏁拌剼瓒惧ご銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "22b55d18f8c76e8d9a52546a0bd4fcef",
+                        name: "4-6涓湀濠村辜鍎跨ぞ浼氭�ф父鎴忋�婃垜鍜岄暅瀛愬仛娓告垙銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "5f01cf33f2d65aee0d839a3ac95943db",
+                        name: "7-9涓湀濠村辜鍎挎儏缁儏鎰熸父鎴忋�婂皬椋炴銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "a9c97a3bdd4d42777dd136435de2a4d5",
+                        name: "7-9涓湀濠村辜鍎跨ぞ浼氭�ф父鎴忋�婁簲瀹樻父鎴忋��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "a3e001658642d7e84adb810178438201",
+                        name: "10-12涓湀濠村辜鍎挎儏缁儏鎰熸父鎴忋�婅璇嗙瑧鑴稿拰鍝劯銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "7a9a620d903c81be142c393e2ace3919",
+                        name: "10-12涓湀濠村辜鍎跨ぞ浼氭�ф父鎴忋�婄収椤惧▋濞冦��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "57c4f98e31cf6b427e418974b081ddb6",
+                        name: "13-18涓湀濠村辜鍎挎儏缁儏鎰熸父鎴忋�婂彉鑴搞��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "7a9a620d903c81be142c393e2ace3919",
+                        name: "13-18涓湀濠村辜鍎跨ぞ浼氭�ф父鎴忋�婄収椤惧▋濞冦��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "1023e777c614e6de60be993bff52b1bf",
+                        name: "19-24涓湀濠村辜鍎挎儏缁儏鎰熸父鎴忋�婂懙鐥掔棐銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "bd63a0a18b1ad17321c34c58430f07b0",
+                        name: "19-24涓湀濠村辜鍎跨ぞ浼氭�ф父鎴忋�婇�佺帺鍏峰疂瀹濆洖瀹躲��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "5ab70163eb802f69b0056c6d5eaaa1e0",
+                        name: "25-30涓湀鎯呯华鎯呮劅娓告垙銆婇湶钀ュ皬灞嬨��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "6bdc2adffd6105b0dbbae05aa4aed1eb",
+                        name: "25-30涓湀濠村辜鍎跨ぞ浼氭�ф父鎴忋�婂浜烘潵浜嗐��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "44b161b85ee3a70c60c75dc60f72a534",
+                        name: "31-36涓湀鎯呯华鎯呮劅娓告垙銆婂彉鑹查緳銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "07f7e6f9c83e54dd612f89978b04654b",
+                        name: "31-36涓湀濠村辜鍎跨ぞ浼氭�ф父鎴忋�婃壘鏈嬪弸銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "fddd2f52773b98c4014410e8a8be36ec",
+                        name: "25-30涓湀濠村辜鍎挎儏缁儏鎰熸父鎴忋�婇湶钀ュ皬灞嬨��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "f9a960dfe4d569a2df5acfa157746f87",
+                        name: "31-36涓湀濠村辜鍎挎儏缁儏鎰熸父鎴忋�婃儏缁彉鑹查緳銆�",
+                    },
+                ],
+            },
+            // 棰樼洰
+            dialogVisibleOne: false,
+            themeColor: "#6dcff6",
+            questionNum: 0,
+            questionTitleMain: "",
+            // 棰樼洰
             collectImg: require("../../assets/images/icon/heart.png"),
             collectCheck: require("../../assets/images/icon/heart-check.png"),
             videoPathOne: "",
@@ -1054,6 +1662,7 @@
             videoPathThree: "",
             videoPathFour: "",
             videoPathFive: "",
+            videoPathSix: "",
             collectResourceList: [],
             chapterData: {
                 isCollectVideo: false,
@@ -1085,7 +1694,394 @@
                 eight: "",
                 nine: "",
                 ten: "",
-            }
+            },
+            // 涔犻166椤�
+            unitQuestionOne: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "缇庡浗蹇冪悊瀛﹀椴嶅皵姣旇涓猴紝濠村辜鍎夸緷鎭嬪叧绯绘槑纭湡鏄湪锛堛��锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "0锝�3涓湀",
+                                value: "A"
+                            },
+                            {
+                                txt: "3锝�7涓湀",
+                                value: "B"
+                            },
+                            {
+                                txt: "7锝�24涓湀",
+                                value: "C"
+                            },
+                            {
+                                txt: "24锝�36涓湀",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鍦�0锝�3涓湀濠村効鎯呯华鎯呮劅涓庣ぞ浼氭�у彂灞曠壒鐐逛腑锛屾弿杩版纭殑涓�椤规槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鑳藉閫氳繃闈㈤儴琛ㄦ儏璇嗗埆闄岀敓浜�",
+                                value: "A"
+                            },
+                            {
+                                txt: "涓昏閫氳繃瑙︾鏂瑰紡杩涜浜插瓙浜ゆ祦",
+                                value: "B"
+                            },
+                            {
+                                txt: "鑳藉閫氳繃璇█琛ㄨ揪鑷繁鐨勬儏缁�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鑳藉涓诲姩瀵绘眰涓庨檶鐢熶汉鐨勭洰鍏夋帴瑙�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鍦�10锝�12涓湀濠村効鎯呯华鎯呮劅涓庣ぞ浼氭�у彂灞曠壒鐐逛腑锛屾弿杩伴敊璇殑涓�椤规槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鑳藉妯′豢澶т汉鐨勫姩浣滃拰璇█",
+                                value: "A"
+                            },
+                            {
+                                txt: "寮�濮嬪涔犺蛋璺拰璇磋瘽",
+                                value: "B"
+                            },
+                            {
+                                txt: "寮�濮嬮�氳繃闈㈤儴琛ㄦ儏璇嗗埆闄岀敓浜�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鑳藉閫氳繃鑲綋鍔ㄤ綔琛ㄨ揪鑷繁鐨勬儏缁�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+                unitOneChoice: [
+                    {
+                        txt: "鍦�4锝�6涓湀濠村効鐨勬儏缁儏鎰熶笌绀句細鎬у彂灞曠壒鐐逛腑锛屾弿杩版纭殑鏈夛紙銆�锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鑳藉鍖哄垎鐖舵瘝鍜岄檶鐢熶汉鐨勮劯",
+                                value: "A"
+                            },
+                            {
+                                txt: "寮�濮嬪枩娆㈠洓澶勭湅锛屽鍛ㄥ洿鐨勭墿鍝佷骇鐢熷叴瓒�",
+                                value: "B"
+                            },
+                            {
+                                txt: "閫氳繃璇█琛ㄨ揪鑷繁鐨勬儏缁�",
+                                value: "C"
+                            },
+                            {
+                                txt: "閫氳繃鑲綋鍔ㄤ綔琛ㄨ揪鑷繁鐨勬儏缁�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "濠村辜鍎挎父鎴忔儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁$殑鐩爣涓昏鍥寸粫鍝嚑涓柟闈㈢‘瀹氾紵锛堛��锛�",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "濠村辜鍎跨殑鑷垜鎰忚瘑鍙戝睍",
+                                value: "A"
+                            },
+                            {
+                                txt: "濠村辜鍎跨殑绀句氦鍙戝睍",
+                                value: "B"
+                            },
+                            {
+                                txt: "濠村辜鍎跨殑鎯呯华鎯呮劅浣撻獙",
+                                value: "C"
+                            },
+                            {
+                                txt: "濠村辜鍎跨殑鑷悊鑳藉姏鎻愬崌",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻173椤�
+            unitQuestionTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "涓嬪垪涓嶅睘浜�1锝�1.5宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬у彂灞曠壒鐐圭殑鏄紙銆�锛夈��",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍏锋湁鍚岀悊蹇冿紝鑳芥槑鐧藉埆浜虹殑鐥涜嫤骞跺畨鎱板埆浜�",
+                                value: "A"
+                            },
+                            {
+                                txt: "鍦ㄧ啛鎮夌幆澧冧腑纰板埌闄岀敓浜烘椂浼氭劅鍒板缇�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍠滄鍗曠嫭鐜╂垨鑰呰鐪嬩粬浜虹殑娓告垙娲诲姩",
+                                value: "C"
+                            },
+                            {
+                                txt: "褰撴柊寮傜墿浣撶獊鐒跺嚭鐜版椂锛屼細鎰熷埌鎯婂",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬪垪鍝竴椤逛笉灞炰簬1锝�1.5宀佸┐骞煎効鎯呯华鎯呮劅鍙婄ぞ浼氭�у彂灞曟父鎴忚璁$殑鐩爣锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鑳藉缁煎悎杩愮敤澶氱鏂瑰紡琛ㄨ揪鎯呯华鎯呮劅鍜岀ぞ浜ら渶姹�",
+                                value: "A"
+                            },
+                            {
+                                txt: "鑳藉鍖哄垎鑷繁鍜屼粬浜猴紝鍏峰鍒濇鐨勭嫭绔嬫剰璇嗗拰鑷悊鑳藉姏",
+                                value: "B"
+                            },
+                            {
+                                txt: "鑳藉璇嗗埆鍜屽啀浜虹啛鎮夌殑浜�",
+                                value: "C"
+                            },
+                            {
+                                txt: "涔愭剰鍜岃韩杈圭殑鎴愪汉鍙婂悓榫勪紮浼翠氦寰�浜掑姩",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+                unitOneChoice: [
+                    {
+                        txt: "涓嬪垪灞炰簬1.5锝�2宀佸辜鍎挎儏缁儏鎰熷拰绀句細鎬у彂灞曠壒鐐圭殑鏄紙銆�锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鑷垜鎰忚瘑鍜岀嫭绔嬭兘鍔涢�愭澧炲己锛屽枩娆㈢嫭绔嬪畬鎴愭煇涓�鍔ㄤ綔",
+                                value: "A"
+                            },
+                            {
+                                txt: "鍒濇琛ㄧ幇鍑哄府鍔┿�佸悎浣溿�佸垎浜瓑浜茬ぞ浼氳涓�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鑳芥寜鐓ф寚绀哄畬鎴愮畝鍗曠殑浠诲姟锛屽鍋氱畝鍗曠殑瀹跺姟鍜屾敹鐜╁叿",
+                                value: "C"
+                            },
+                            {
+                                txt: "鍏锋湁涓�瀹氱殑鍚岀悊蹇冿紝寮�濮嬭兘澶熸槑鐧藉埆浜虹殑鐥涜嫤",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬪垪灞炰簬1.5锝�2宀佸┐骞煎効鎯呯华鎯呮劅鍙婄ぞ浼氭�у彂灞曟父鎴忚璁$洰鏍囩殑鏈夛紙銆�锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鑳藉涓诲姩涓撴敞鍦版帰绱㈠懆鍥翠笘鐣岋紝涓诲姩琛ㄨ揪鎯呯华鎯呮劅鍜岀ぞ浜ら渶姹�",
+                                value: "A"
+                            },
+                            {
+                                txt: "涔愭剰涓庡ぇ浜烘垨浼欎即鍏卞悓鍙備笌娓告垙锛屾湁鍒濇鍒嗕韩鎰忚瘑",
+                                value: "B"
+                            },
+                            {
+                                txt: "鑳芥牴鎹ぇ浜虹殑鎸囦护鎴栫敓娲绘儏澧冨仛涓�浜涘姏鎵�鑳藉強鐨勪簨",
+                                value: "C"
+                            },
+                            {
+                                txt: "寤虹珛瀹夊叏绋冲畾鐨勪翰瀛愪緷鎭嬪叧绯�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鍦�1锝�1.5宀佸┐鍎跨殑鎯呯华鎯呮劅涓庣ぞ浼氭�у彂灞曠壒鐐逛腑锛屾弿杩版纭殑鏈夛紙銆�锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "C"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鎯呯华鍙樺寲姣旇緝涓板瘜",
+                                value: "A"
+                            },
+                            {
+                                txt: "鍏峰鏈�鍒濈殑鑷悊鑳藉姏",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍠滄妯′豢鎴愪汉鐨勮涓�",
+                                value: "C"
+                            },
+                            {
+                                txt: "澶勪簬浜虹敓绗竴涓弽鎶楁湡",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻179椤�
+            unitQuestionThree: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "涓嬪垪涓嶅睘浜�2.5锝�3宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬ф父鎴忚璁$洰鏍囦笌鍐呭鐨勬槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍦ㄨ鑹茶鎵父鎴忎腑鑳藉垵姝ヤ綋楠屽拰鐞嗚В涓嶅悓瑙掕壊鐨勬儏缁儏鎰�",
+                                value: "A"
+                            },
+                            {
+                                txt: "鑳藉鍖哄垎鑷繁鍜屼粬浜猴紝鍏峰鍒濇鐨勭嫭绔嬫剰璇嗗拰鑷悊鑳藉姏",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍏峰涓�瀹氱殑鐢熸椿鑷悊鑳藉姏锛屽垵姝ユ噦寰椾繚鎶よ嚜宸辩殑浜鸿韩瀹夊叏",
+                                value: "C"
+                            },
+                            {
+                                txt: "鐭ラ亾骞惰鍚岃嚜宸辩殑鎬у埆锛岃兘澶熶笌鎵樿偛鏈烘瀯鏁欏笀鍙婂悓浼村缓绔嬪弸濂界殑绀句氦鍏崇郴",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬪垪鍝竴椤逛笉灞炰簬2锝�2.5宀佸┐骞煎効鎯呯华鎯呮劅鍙婄ぞ浼氭�у彂灞曟父鎴忚璁$殑涓昏鐩爣锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: "D",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "涓诲姩琛ㄨ揪鎯呯华鎯呮劅鍜岀ぞ浜ら渶姹�",
+                                value: "A"
+                            },
+                            {
+                                txt: "涔愭剰涓庡ぇ浜烘垨鍚岄緞浼欎即鍏卞悓娓告垙",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍏峰涓�瀹氱殑鐢熸椿鑷悊鑳藉姏",
+                                value: "C"
+                            },
+                            {
+                                txt: "寤虹珛瀹夊叏鐨勪翰瀛愪緷鎭嬪叧绯�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+                unitOneChoice: [
+                    {
+                        txt: "涓嬪垪灞炰簬2锝�2.5宀佸辜鍎挎儏缁儏鎰熶笌绀句細鎬у彂灞曠壒鐐圭殑鏄紙銆�锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "宸茬粡鑳界敤绠�鍗曠殑瀹屾暣鍙ュ瓙琛ㄨ揪鑷繁鐨勬剰鎰裤�佹劅鍙楀拰鎯呯华",
+                                value: "A"
+                            },
+                            {
+                                txt: "宸茬粡寤虹珛浜嗚嚜鎴戞剰璇嗭紝澶勫湪浜虹敓鐨勭涓�涓弽鎶楁湡",
+                                value: "B"
+                            },
+                            {
+                                txt: "寮�濮嬭繘鍏ョЗ搴忔晱鎰熸湡锛屽鐢熸椿涔犳儻鍙婄墿鍝佺殑鎽嗘斁鏈夎嚜宸辩殑绉╁簭瑕佹眰",
+                                value: "C"
+                            },
+                            {
+                                txt: "鑳藉娓呮鍦板尯鍒嗚嚜宸便�佷粬浜哄拰澶栫晫浜嬬墿锛屼細璇寸畝鍗曠殑绀句氦鐢ㄨ",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬪垪灞炰簬2.5锝�3宀佸┐骞煎効鎯呯华鎯呮劅鍙婄ぞ浼氭�у彂灞曟父鎴忚璁$洰鏍囩殑鏈夛紙銆�锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鍦ㄨ鑹茶鎵父鎴忎腑鑳藉垵姝ヤ綋楠屽拰鐞嗚В涓嶅悓瑙掕壊鐨勬儏缁儏鎰�",
+                                value: "A"
+                            },
+                            {
+                                txt: "鍏峰鍒濇鐨勫垎浜�佸悎浣溿�佽鍒欐剰璇嗗強瑙e喅浼欎即鍐茬獊鐨勮兘鍔�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍏峰涓�瀹氱殑鐢熸椿鑷悊鑳藉姏锛屽垵姝ユ噦寰椾繚鎶よ嚜宸辩殑浜鸿韩瀹夊叏",
+                                value: "C"
+                            },
+                            {
+                                txt: "鑳藉涓庢墭鑲叉満鏋勮�佸笀鍙婂悓浼村缓绔嬪弸濂界殑绀句氦鍏崇郴",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鍦�2锝�2.5宀佸┐鍎跨殑鎯呯华鎯呮劅涓庣ぞ浼氭�у彂灞曠壒鐐逛腑锛屾弿杩版纭殑鏈夛紙銆�锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "寤虹珛浜嗚嚜鎴戞剰璇嗭紝澶勪簬浜虹敓绗竴涓弽鎶楁湡",
+                                value: "A"
+                            },
+                            {
+                                txt: "鑳界敤瀹屾暣鐨勫彞瀛愯〃杈捐嚜宸辩殑鎰忔効",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐑》浜庡搴鑹叉父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "澶勪簬浼欎即鍏崇郴鍙戝睍闃舵",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
         }
     },
     async mounted() {
@@ -1098,8 +2094,106 @@
         if (textQuestionData) {
             this.textQuestionData = JSON.parse(textQuestionData);
         }
+
+        const unitQuestionOne = localStorage.getItem("toddlerGameImplementation-book-chapter007-unitQuestionOne");
+        if (unitQuestionOne) {
+            this.unitQuestionOne = JSON.parse(unitQuestionOne);
+        }
+
+        const unitQuestionTwo = localStorage.getItem("toddlerGameImplementation-book-chapter007-unitQuestionTwo");
+        if (unitQuestionTwo) {
+            this.unitQuestionTwo = JSON.parse(unitQuestionTwo);
+        }
+
+        const unitQuestionThree = localStorage.getItem("toddlerGameImplementation-book-chapter007-unitQuestionThree");
+        if (unitQuestionThree) {
+            this.unitQuestionThree = JSON.parse(unitQuestionThree);
+        }
+
+        this.getVidoePath()
+        this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
+
     },
     methods: {
+        async getVidoePath() {
+            this.videoPathOne = await getResourcePath(
+                "08e55fbd1099c33d942ef6ae110b4d34"
+            );
+            this.videoPathTwo = await getResourcePath(
+                "4e05924786354594cedf6d5cc7260a4b"
+            );
+            this.videoPathThree = await getResourcePath(
+                "1cb53ac60856a539416140adb4508fd3"
+            );
+            this.videoPathFour = await getResourcePath(
+                "c55dd8b59b47f845691e651f1fc3f74e"
+            );
+            this.videoPathFive = await getResourcePath(
+                "18062186577ca1e48b0da281faf929f7"
+            );
+            this.videoPathSix = await getResourcePath(
+                "3049a6f349736f95bb39b7c2e5a45add"
+            );
+            for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
+                const item = this.chapter002.videoMd5[index];
+                if (item.md5 && !item.md5.includes("https:")) {
+                    item.handleMd5 = await getResourcePath(item.md5);
+                }
+            }
+        },
+
+        handleCollect(e) {
+            if (e.md5) {
+                this.handleCollectResource(
+                    e.md5,
+                    e.md5,
+                    "",
+                    "瑙嗛",
+                    "bits",
+                    "鍔ㄤ綔娓告垙妗堜緥灞曠ず锛�" + e.name
+                );
+                e.isCollectVideo = !e.isCollectVideo;
+            } else if (e == 'video-01') {
+                this.handleCollectResource("08e55fbd1099c33d942ef6ae110b4d34", "08e55fbd1099c33d942ef6ae110b4d34", '', "瑙嗛", "bits", '瑙嗛锛�0~1宀佸┐骞煎効鎯呯华鎯呮劅娓告垙鐨勭粍缁囦笌瀹炴柦鎸囧瑕佺偣')
+                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
+            } else if (e == 'video-02') {
+                this.handleCollectResource("4e05924786354594cedf6d5cc7260a4b", "4e05924786354594cedf6d5cc7260a4b", '', "瑙嗛", "bits", '瑙嗛锛�0~1宀佸┐骞煎効绀句細鎬ф父鎴忕殑缁勭粐涓庡疄鏂芥寚瀵艰鐐�')
+                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+            } else if (e == 'video-03') {
+                this.handleCollectResource("1cb53ac60856a539416140adb4508fd3", "1cb53ac60856a539416140adb4508fd3", '', "瑙嗛", "bits", '瑙嗛锛�1~2宀佸┐骞煎効鎯呯华鎯呮劅娓告垙鐨勭粍缁囦笌瀹炴柦鎸囧瑕佺偣')
+                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
+            } else if (e == 'video-04') {
+                this.handleCollectResource("c55dd8b59b47f845691e651f1fc3f74e", "c55dd8b59b47f845691e651f1fc3f74e", '', "瑙嗛", "bits", '瑙嗛锛�1~2宀佸┐骞煎効绀句細鎬ф父鎴忕殑缁勭粐涓庡疄鏂芥寚瀵艰鐐�')
+                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
+            } else if (e == 'video-05') {
+                this.handleCollectResource("18062186577ca1e48b0da281faf929f7", "18062186577ca1e48b0da281faf929f7", '', "瑙嗛", "bits", '瑙嗛锛�2~3宀佸┐骞煎効鎯呯华鎯呮劅娓告垙鐨勭粍缁囦笌瀹炴柦鎸囧瑕佺偣')
+                this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
+            } else if (e == 'video-06') {
+                this.handleCollectResource("3049a6f349736f95bb39b7c2e5a45add", "3049a6f349736f95bb39b7c2e5a45add", '', "瑙嗛", "bits", '瑙嗛锛�2~3宀佸┐骞煎効绀句細鎬ф父鎴忕殑缁勭粐涓庡疄鏂芥寚瀵艰鐐�')
+                this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05
+            }
+        },
+        //璧勬簮鏀惰棌浜嬩欢
+        // resourcePath  鏂囦欢璺緞锛�
+        // resourceType  鏂囦欢绫诲瀷
+        // source        鏂囦欢鏉ユ簮
+        handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
+            let list = this.collectResourceList
+            if (list.findIndex(item => item.id == id) > -1) {
+                list = list.filter(item => item.id != id)
+            } else {
+                list.push({
+                    id,
+                    md5,
+                    resourcePath,
+                    resourceType,
+                    source,
+                    resourceName,
+                })
+            }
+            this.collectResourceList = list
+            setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
+        },
         setBookQuestion() {
             localStorage.setItem(
                 "toddleGame-book-chapter07-tableData",
@@ -1111,7 +2205,163 @@
                 "toddlerGameImplementation-book-chapter007-textQuestionData",
                 JSON.stringify(this.textQuestionData)
             );
-        }
+        },
+
+        goUnitOne() {
+            for (let index = 0; index < this.unitQuestionOne.unitOne.length; index++) {
+                const item = this.unitQuestionOne.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+
+            for (let index = 0; index < this.unitQuestionOne.unitOneChoice.length; index++) {
+                const item = this.unitQuestionOne.unitOneChoice[index];
+                if (item.userAnswer.length === item.answer.length) {
+                    // 浣跨敤every鏂规硶妫�鏌serAnswer涓殑姣忎釜鍏冪礌鏄惁閮藉湪answer涓�
+                    const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
+                    item.isRight = isRight;
+                } else {
+                    // 濡傛灉闀垮害涓嶅悓锛屽垯瀹冧滑涓嶅彲鑳藉畬鍏ㄧ浉鍚�
+                    item.isRight = false;
+                }
+            }
+            this.unitQuestionOne.isComplete = true
+            this.unitQuestionOne.isShowAnswer = true
+            this.saveUnitQuestionOne()
+        },
+        changeUnitOne() {
+            localStorage.removeItem("toddlerGameImplementation-book-chapter007-unitQuestionOne")
+            for (let index = 0; index < this.unitQuestionOne.unitOne.length; index++) {
+                const item = this.unitQuestionOne.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            for (let index = 0; index < this.unitQuestionOne.unitOneChoice.length; index++) {
+                const item = this.unitQuestionOne.unitOneChoice[index];
+                item.userAnswer = []
+                item.isRight = null
+            }
+            this.unitQuestionOne.isComplete = false
+            this.unitQuestionOne.isShowAnswer = false
+        },
+        saveUnitQuestionOne() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter007-unitQuestionOne",
+                JSON.stringify(this.unitQuestionOne)
+            );
+        },
+
+        goUnitTwo() {
+            for (let index = 0; index < this.unitQuestionTwo.unitOne.length; index++) {
+                const item = this.unitQuestionTwo.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+
+            for (let index = 0; index < this.unitQuestionTwo.unitOneChoice.length; index++) {
+                const item = this.unitQuestionTwo.unitOneChoice[index];
+                if (item.userAnswer.length === item.answer.length) {
+                    // 浣跨敤every鏂规硶妫�鏌serAnswer涓殑姣忎釜鍏冪礌鏄惁閮藉湪answer涓�
+                    const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
+                    item.isRight = isRight;
+                } else {
+                    // 濡傛灉闀垮害涓嶅悓锛屽垯瀹冧滑涓嶅彲鑳藉畬鍏ㄧ浉鍚�
+                    item.isRight = false;
+                }
+            }
+            this.unitQuestionTwo.isComplete = true
+            this.unitQuestionTwo.isShowAnswer = true
+            this.saveUnitQuestionTwo()
+        },
+        changeUnitTwo() {
+            localStorage.removeItem("toddlerGameImplementation-book-chapter007-unitQuestionTwo")
+            for (let index = 0; index < this.unitQuestionTwo.unitOne.length; index++) {
+                const item = this.unitQuestionTwo.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            for (let index = 0; index < this.unitQuestionTwo.unitOneChoice.length; index++) {
+                const item = this.unitQuestionTwo.unitOneChoice[index];
+                item.userAnswer = []
+                item.isRight = null
+            }
+            this.unitQuestionTwo.isComplete = false
+            this.unitQuestionTwo.isShowAnswer = false
+        },
+        saveUnitQuestionTwo() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter007-unitQuestionTwo",
+                JSON.stringify(this.unitQuestionTwo)
+            );
+        },
+
+
+        goUnitThree() {
+            for (let index = 0; index < this.unitQuestionThree.unitOne.length; index++) {
+                const item = this.unitQuestionThree.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+
+            for (let index = 0; index < this.unitQuestionThree.unitOneChoice.length; index++) {
+                const item = this.unitQuestionThree.unitOneChoice[index];
+                if (item.userAnswer.length === item.answer.length) {
+                    // 浣跨敤every鏂规硶妫�鏌serAnswer涓殑姣忎釜鍏冪礌鏄惁閮藉湪answer涓�
+                    const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
+                    item.isRight = isRight;
+                } else {
+                    // 濡傛灉闀垮害涓嶅悓锛屽垯瀹冧滑涓嶅彲鑳藉畬鍏ㄧ浉鍚�
+                    item.isRight = false;
+                }
+            }
+            this.unitQuestionThree.isComplete = true
+            this.unitQuestionThree.isShowAnswer = true
+            this.saveUnitQuestionThree()
+        },
+        changeUnitThree() {
+            localStorage.removeItem("toddlerGameImplementation-book-chapter007-unitQuestionThree")
+            for (let index = 0; index < this.unitQuestionThree.unitOne.length; index++) {
+                const item = this.unitQuestionThree.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            for (let index = 0; index < this.unitQuestionThree.unitOneChoice.length; index++) {
+                const item = this.unitQuestionThree.unitOneChoice[index];
+                item.userAnswer = []
+                item.isRight = null
+            }
+            this.unitQuestionThree.isComplete = false
+            this.unitQuestionThree.isShowAnswer = false
+        },
+        saveUnitQuestionThree() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter007-unitQuestionThree",
+                JSON.stringify(this.unitQuestionThree)
+            );
+        },
+        toUrl(val) {
+            if (val) {
+                this.p_md5 = this.chapter001.pdfMd5[val].md5;
+                this.somePdfTitleValue = this.chapter001.pdfMd5[val].name;
+                this.$refs.pdfDialogRef.openDialog();
+            }
+        },
+        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