From 1695fcd442fe2cefb6d3b63869ad8a72ebd5210a Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 04 七月 2025 23:57:18 +0800
Subject: [PATCH] 测试图书 7.4

---
 src/books/toddlerGameImplementation/view/components/chapter006.vue | 1019 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 961 insertions(+), 58 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter006.vue b/src/books/toddlerGameImplementation/view/components/chapter006.vue
index 3758878..e807650 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter006.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter006.vue
@@ -81,7 +81,7 @@
                                 <p>鈶℃煡闃� 0~1宀佸┐鍎胯瑷�灏忔父鎴忥紝骞惰褰曚笅鏉ャ��</p>
                                 <p class="td-0"><b>瀛︿範涓細</b></p>
                                 <p>鈶犲畬鎴愭湰浠诲姟涓殑鎷撳睍娲诲姩銆�</p>
-                                <p>鈶℃�濊�冨苟鎬荤粨璁捐0-1宀佸┐鍎胯瑷�娓告垙闇�瑕佹敞鎰忓摢鍑犱釜鏂归潰銆�</p>
+                                <p>鈶℃�濊�冨苟鎬荤粨璁捐0~1宀佸┐鍎胯瑷�娓告垙闇�瑕佹敞鎰忓摢鍑犱釜鏂归潰銆�</p>
                                 <p class="td-0"><b>瀛︿範鍚庯細</b></p>
                                 <p>鈶犲畬鎴愭湰浠诲姟鐨勫涔犳晥鏋滄娴嬨��</p>
                                 <p>鈶″彲浠ュ湪瀹為檯鐢熸椿涓疄鏂借嚜宸辫璁$殑璇█娓告垙銆�</p>
@@ -379,6 +379,21 @@
                     <p>绗竴锛屽湪瀹夐潤鐨勭幆澧冧腑锛屾垚浜烘嬁鍑哄竷涔︼紝寮曞濠村効璁よ瘑甯冧功鐨勫悕瀛椼�傛瘮濡傦紝鈥滃疂瀹濓紝鐪嬭繖閲屾湁涓�鏈竷涔︼紝鍚嶅瓧鍙椕椕椼�傛垜浠竴璧锋潵鐪嬬湅閲岄潰閮芥湁浠�涔堝唴瀹瑰惂鈥濄��</p>
                     <p>绗簩锛屾垚浜烘姳鐫�濠村効涓�杈圭湅涔︼紝涓�杈规妸涔︿腑鐨勫唴瀹硅缁欏┐鍎垮惉锛岄�傛椂杈呬互鍔ㄤ綔鎴栧彉鍖栬瑷�鍜屽┐鍎夸簰鍔ㄣ��</p>
                     <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 == 'a9f069748c434e9cab7522bcde61d102') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                 </div>
             </div>
         </div>
@@ -454,24 +469,61 @@
                         <p>璧勬枡鏉ユ簮锛氬紶鏄庣孩锛屻�婂┐骞煎効璇█鍙戝睍涓庢暀鑲层�嬶紝77锝�78椤碉紝涓婃捣锛屼笂娴风鎶�鏁欒偛鍑虹増绀撅紝2017銆�</p>
                     </div>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級鍑虹敓锛堛��銆�锛夊ぉ涔嬪悗鐨勫┐鍎胯兘澶熷鐢蜂汉鐨勫0闊冲拰濂充汉鐨勫0闊炽�佹姎鍏昏�呯殑澹伴煶鍜屼笉鐔熸倝鑰呯殑澹伴煶鍋氬嚭鏄庢樉涓嶅悓鐨勫弽搴斻��</p>
-                    <p>A.24</p>
-                    <p>B.34</p>
-                    <p>C.44</p>
-                    <p>D.54</p>
-                    <p>2.锛堝崟閫夛級7锝�9涓湀鐨勫┐鍎胯瑷�娓告垙鐩爣鍖呮嫭锛堛��銆�锛夈��</p>
-                    <p>A.鍙戝睍鍚</p>
-                    <p>B.鍙戝睍鍚煶銆佸彂闊崇殑鑳藉姏</p>
-                    <p>C.缁冧範瀵瑰0闊崇殑鍒嗚鲸浠ュ強璧嬩簣澹伴煶鐗瑰畾鐨勫惈涔�</p>
-                    <p>D.鑳界悊瑙g畝鍗曠殑璇█骞跺鑳界畝鍗曠殑璇█鍋氬嚭鍙嶅簲</p>
-                    <p>3.锛堝崟閫夛級锛堛��銆�锛夊嵆鍦ㄨ嚜鐒惰澧冧腑濡傛灉濠村効瀵硅瑷�鍒烘縺鑳藉仛鍑哄悎閫傜殑鍙嶅簲锛屽垯鍙垽瀹氫负濠村効瀵硅璇濊宸茬粡鐞嗚В銆�</p>
-                    <p>A.鑷彂鍙嶅簲鍒ゅ畾娉�</p>
-                    <p>B.璇濊鍙嶅簲鍒ゅ畾娉�</p>
-                    <p>C.璇濊鍒嗘瀽娉�</p>
-                    <p>D.琛屼负鍒嗘瀽娉�</p>
-                    <p>4.绠�杩�4锝�6涓湀濠村効鐨勮瑷�鍙戝睍鐗圭偣銆�</p>
-                    <p>5.绠�杩�7锝�9涓湀濠村効鐨勮瑷�鍙戝睍鐗圭偣銆�</p>
-                    <p>6.瀹炶返浠诲姟锛氳浣犱负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>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <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>
@@ -705,6 +757,21 @@
                     <p>绗簩锛屽湪娓告垙杩囩▼涓紝鎴愪汉涓庡辜鍎块潰瀵归潰鍧愬ソ锛屽苟鎻愮ず骞煎効锛氣�溍椕楋紝浠婂ぉ鎴戜滑涓�璧锋潵鎵撶數璇濆惂锛佲�濇垚浜哄紩瀵煎辜鍎跨敤鎵嬪綋浣滅數璇濓紝骞跺康鍎挎瓕杩涜浜掑姩锛屼笌骞煎効涓�闂竴绛斻�傚綋骞煎効鐔熸倝娓告垙鍚庯紝鎴愪汉杩涗竴姝ユ彁闂紝寮曞骞煎効璇村嚭鑷繁鐨勬劅鍙椾笌闇�姹傘��
                     </p>
                     <p>绗笁锛屽湪娓告垙鍚庢湡锛屾垚浜哄彲浠ュ紩瀵煎辜鍎垮垵姝ヤ簡瑙g畝鍗曠殑鐢佃瘽绀艰矊鐢ㄨ銆�</p>
+                    <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>瑙嗛锛�1锝�2宀佸┐骞煎効璇█娓告垙璁捐涓庢寚瀵�</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '3671f32ccac9c1535be609463560aa10') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <div class="bk2 show-after">
                         <p><b>鎷撳睍娓告垙绀轰緥</b></p>
                         <p><b>1.閿荤偧鍚姏鐨勬父鎴�</b></p>
@@ -776,24 +843,61 @@
                 </ul>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級鍠滄鎻愰棶锛岃瑷�涓婂嚭鐜扳�滃弽鎶楄涓衡�濇槸锛堛��銆�锛夊瞾骞煎効璇█鍙戝睍鐨勭壒鐐广��</p>
-                    <p>A.1锝�1.5</p>
-                    <p>B.1.5锝�2</p>
-                    <p>C.2锝�2.5</p>
-                    <p>D.2.5锝�3</p>
-                    <p>2.锛堝崟閫夛級鑳戒笌鎴愪汉杩涜绠�鍗曠殑浜や簰寮忓璇濓紝鑳借鍚�2锝�3涓瘝鐨勭煭鍙ユ槸锛堛��銆�锛夊瞾骞煎効璇█娓告垙鐩爣銆�</p>
-                    <p>A.1锝�1.5</p>
-                    <p>B.1.5锝�2</p>
-                    <p>C.2锝�2.5</p>
-                    <p>D.2.5锝�3</p>
-                    <p>3.锛堝崟閫夛級骞煎効绐佺劧娌℃湁浜嗕互鍓嶇儹鎯呯殑鍜垮憖澹帮紝灏辫繛浠ュ墠宸茬粡瀛︿細鐨勪竴浜涚畝鍗曡瘝锛屽鈥滅埜鐖糕�濃�滃濡堚�濃�滄墦鎵撯�濃�滄嬁鎷库�濈瓑锛岄兘涓嶈浜嗐�傝繖璇存槑骞煎効璇█鍑虹幇浜嗭紙銆�銆�锛夌幇璞°��</p>
-                    <p>A.鍙岃瘝鍙�</p>
-                    <p>B.鐢垫姤鍙�</p>
-                    <p>C.鍙戦煶绱х缉</p>
-                    <p>D.涓�璇嶅涔�</p>
-                    <p>4.绠�杩�1锝�1.5宀佸辜鍎跨殑璇█鍙戝睍鐗圭偣銆�</p>
-                    <p>5.绠�杩�1.5锝�2宀佸辜鍎跨殑璇█鍙戝睍闇�姹傘��</p>
-                    <p>6.瀹炶返浠诲姟锛氳浣犱负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>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <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>
@@ -1025,6 +1129,21 @@
                     <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屾垚浜哄拰骞煎効鍏堢啛鎮夌粯鏈晠浜嬬殑鍐呭銆�</p>
                     <p>绗簩锛屾父鎴忎腑锛屾垚浜轰氦浠f竻妤氭父鎴忕殑瑙勫垯锛岃骞煎効鍏堟壆婕旀湁瓒d笖璇█绠�鍗曠殑瑙掕壊锛屽啀鎱㈡參杩囨浮鍒拌瑷�澶嶆潅鐨勮鑹层��</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>瑙嗛锛�2锝�3宀佸辜鍎胯瑷�娓告垙璁捐涓庢寚瀵�</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'db468e8ad864b7c24c89bafb684878b9') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <div class="bk2">
                         <p><b>鎷撳睍娓告垙绀轰緥</b></p>
                         <p><b>1.閿荤偧鍚姏鐨勬父鎴�</b></p>
@@ -1070,7 +1189,8 @@
                         <p><img class="rwmb-5" alt="" src="../../assets/images/tzyd.png" /></p>
                         <p>2008骞达紝涓婃捣甯傛暀鑲插鍛樹細鍗板彂銆婁笂娴峰競0-3宀佸┐骞煎効鏁欏吇鏂规銆嬶紝瀵硅瑷�鍙戝睍鍒嗘湀榫勬彁鍑轰簡鍏蜂綋鐨勮瀵熻鐐癸紝濡傝〃6-1鎵�绀恒��</p>
                         <p class="img">琛�6-1 0锝�36涓湀濠村辜鍎胯瑷�鍙戝睍瑙傚療瑕佺偣锛堣妭閫夛級</p>
-                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0166-1.jpg" /></p>
+                        <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0166-1.jpg" />
+                        </p>
                     </div>
                 </div>
             </div>
@@ -1088,41 +1208,260 @@
                 </ul>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.骞煎効涓嶄粎鑳藉鐞嗚В涓�浜涚ぜ璨岀敤璇殑鍚箟锛屼篃鑳藉鐭ラ亾濡備綍浣跨敤銆傛瘮濡傦紝鍦ㄥ彈鍒颁粬浜哄府鍔╂椂浼氳鈥滆阿璋⑩�濓紱闇�瑕佹垚浜哄府鍔╂椂浼氳鈥滆鈥濓紱涓庝粬浜洪亾鍒椂浼氳鈥滃啀瑙佲�濈瓑銆傝繖鏄紙銆�銆�锛夊瞾骞煎効鐨勮瑷�鍙戝睍鐗圭偣銆�</p>
-                    <p>A.1锝�1.5</p>
-                    <p>B.1.5锝�2</p>
-                    <p>C.2锝�2.5</p>
-                    <p>D.2.5锝�3</p>
-                    <p>2.鑳藉璇村嚭涓昏皳瀹剧粨鏋勫畬鏁寸殑绠�鍗曞彞鏄紙銆�銆�锛夊瞾骞煎効璇█娓告垙鐩爣銆�</p>
-                    <p>A.1锝�1.5</p>
-                    <p>B.1.5锝�2</p>
-                    <p>C.2锝�2.5</p>
-                    <p>D.2.5锝�3</p>
-                    <p>3.闃呰瀹屼竴鏈浘鐢讳功鍚庯紝鑳借鍑烘晠浜嬬殑涓讳汉鍏槸璋佹槸锛堛��銆�锛夊瞾骞煎効璇█娓告垙鐩爣銆�</p>
-                    <p>A.1锝�1.5</p>
-                    <p>B.1.5锝�2</p>
-                    <p>C.2锝�2.5</p>
-                    <p>D.2.5锝�3</p>
-                    <p>4.绠�杩�2锝�2.5宀佸辜鍎跨殑璇█鍙戝睍鐗圭偣銆�</p>
-                    <p>5.绠�杩�2.5锝�3宀佸辜鍎跨殑璇█鍙戝睍闇�姹傘��</p>
-                    <p>6.瀹炶返浠诲姟锛氳浣犱负2锝�3宀佺殑骞煎効璁捐涓�涓瑷�娓告垙锛屽苟妯℃嫙婕旂ず鎸囧銆�</p>
+                    <ul v-for="(item, index) in unitQuestionThree.unitOne" :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 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 class="content">
+                        鎺ヤ笅鏉ワ紝鎴戜滑灏嗚繘鍏ユ父鎴忔渚嬪睍绀虹幆鑺傘�傚湪鏈娓告垙妗堜緥绀鸿寖涓紝鎴戜滑灏嗕负浣犲睍绀哄浣曢�氳繃娓告垙婵�鍙戝┐骞煎効鐨勬綔鑳斤紝淇冭繘浠栦滑鐨勮瑷�鍙戝睍锛岀浉淇¤繖浜涙渚嬩細缁欎綘甯︽潵鍚彂鍜屽府鍔┿��
+                    </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>
+        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
+            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="3" :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: "chapterSix",
     props: {
         showPageList: {
             type: Array,
         },
+        interfaceQuestion: {
+            type: Object,
+        },
+    },
+    components: {
+        preView,
+        dialogExaminations,
     },
     data() {
         return {
+            // pdf
+            dialogVisible: false,
+            pdfDialogRef: "",
+            somePdfTitleValue: "",
+            p_md5: "",
+            chapter001: {
+                pdfMd5: {
+                    1: {
+                        md5: "f751cb1f40862cc81972df87fdf1451c",
+                        name: "妯″潡鍏犲矖浣嶈繘闃惰缁�",
+                    },
+                    2: {
+                        md5: "16eb97c685067d0651b97aacb3548315",
+                        name: "妯″潡鍏犲疄璁伐浣滀换鍔�",
+                    },
+                },
+                question: {
+                    1: {
+                        questionTitleMain: "瀛︿範妯″潡浜�",
+                        questionNum: 165,
+                    },
+                },
+            },
+            chapter002: {
+                videoMd5: [
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "19db79a3635f03f229d94a312ca1261e",
+                        name: "0-3鏈堥緞濠村辜鍎胯瑷�娓告垙銆婂拰瀹濆疂璇磋瘽銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "be2791fcfc730855ccfc4db2318a7c1c",
+                        name: "4-6鏈堥緞濠村辜鍎胯瑷�娓告垙銆婂捒鍜垮憖鍛�瀛﹁璇濄��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "771826ac701bbf68c202381e517d3418",
+                        name: "7-9鏈堥緞濠村辜鍎胯瑷�娓告垙銆婂灏忓姩鐗╁彨銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "4bf1ad422d96d4ffa121b30a4e6efce6",
+                        name: "10-12鏈堥緞濠村辜鍎胯瑷�娓告垙銆婃垜鐖辩湅涔︺��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "2e7cfbe9c3e9a8ad6915a4206207bac9",
+                        name: "13-18鏈堥緞濠村辜鍎胯闊虫父鎴忋�婅璇嗗浜恒��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "e6d1442b31cb68ff9e638ea2ce54ea46",
+                        name: "19-24鏈堥緞濠村辜鍎胯瑷�娓告垙銆婂効姝屾帴榫欍��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "ed14466be87d76a59e2663fe4a062093",
+                        name: "25-30鏈堥緞濠村辜鍎胯瑷�娓告垙銆婃彁闂洖绛斻��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "46b44caf1fec9b5bbf0467c765e08309",
+                        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: "",
@@ -1161,7 +1500,388 @@
                 eight: "",
                 nine: "",
                 ten: "",
-            }
+            },
+            // 涔犻141椤�
+            unitQuestionOne: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "濠村効绗竴涓湀鏈�涓昏鐨勫彂闊宠〃鐜版槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "绗戝0",
+                                value: "A"
+                            },
+                            {
+                                txt: "妯′豢鎴愪汉璇皟",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍝彨澹�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鍜垮憖瀛﹁",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "4锝�6涓湀濠村効璇█娓告垙璁捐鐨勬牳蹇冧緷鎹槸浠ヤ笅鍝竴椤癸紵锛堛��锛�",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "濠村効宸茶兘鐞嗚В澶嶆潅璇嶆眹鐨勫惈涔�",
+                                value: "A"
+                            },
+                            {
+                                txt: "濠村効寮�濮嬪嚭鐜拌繛缁煶鑺傚彂闊冲拰浜ら檯瑙勫垯鐨勯洀褰�",
+                                value: "B"
+                            },
+                            {
+                                txt: "濠村効鍏峰瀹屾暣鐨勮瑷�妯′豢鑳藉姏",
+                                value: "C"
+                            },
+                            {
+                                txt: "濠村効鑳芥竻鏅板尯鍒嗕笉鍚岃绉嶇殑鍙戦煶",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "閽堝7锝�9涓湀濠村効鐨勮瑷�鍙戝睍闇�姹傦紝浠ヤ笅鍝鏂规硶鏈�绗﹀悎鈥滃姩浣溿�佸疄鐗╅厤鍚堟硶鈥濓紵锛堛��锛�",
+                        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: "寮�濮嬬湡姝g悊瑙f垚浜鸿瑷�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍑虹幇绗竴涓湁鎰忎箟鐨勫崟璇�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鑳藉尯鍒嗕笉鍚岃绉嶇殑鍙戦煶",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鎴愪汉閫氳繃鈥滆瘽璇弽搴斿垽瀹氭硶鈥濆垽鏂┐鍎挎槸鍚︾悊瑙h瑷�鏃讹紝浠ヤ笅鍝鍙嶅簲鏄悎閫傜殑锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "濠村効鍚埌鈥滃濡堝湪鍝噷鈥濆悗杞ご瀵绘壘濡堝",
+                                value: "A"
+                            },
+                            {
+                                txt: "濠村効妯′豢鎴愪汉鍙戝嚭鈥渂a-ba鈥濈殑闊宠妭",
+                                value: "B"
+                            },
+                            {
+                                txt: "濠村効鐢ㄢ�滃憸鍛溾�濆0鎸囦唬鎵�鏈変細杞姩鐨勭墿浣�",
+                                value: "C"
+                            },
+                            {
+                                txt: "濠村効涓诲姩鎸ユ墜琛ㄧず鈥滃啀瑙佲��",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻148椤�
+            unitQuestionTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "1锝�1.5宀佸┐骞煎効璇█娓告垙璁捐鐨勬牳蹇冧緷鎹箣涓�鏄�滃彂闊宠繘鍏ユ矇榛樻湡鈥濓紝浠ヤ笅鍝」鎻忚堪绗﹀悎杩欎竴鐗圭偣锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: "C",
+                        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"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "1.5锝�2宀佸┐骞煎効璇█鍙戝睍鐨勬樉钁楃壒鐐规槸鈥滆繘鍏ュ弻璇嶅彞闃舵鈥濓紝浠ヤ笅鍝釜渚嬪彞绗﹀悎杩欎竴闃舵鐨勭壒寰侊紵锛堛��锛�",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鈥滃濡堟姳鎶憋紒鈥�",
+                                value: "A"
+                            },
+                            {
+                                txt: "鈥滃皬鐙楀湪鑽夊湴涓婂揩涔愬湴濂旇窇锛佲��",
+                                value: "B"
+                            },
+                            {
+                                txt: "鈥滄垜鎯宠閭d釜绾㈣壊鐨勭帺鍏疯溅锛佲��",
+                                value: "C"
+                            },
+                            {
+                                txt: "鈥滃洜涓洪タ浜嗭紝鎵�浠ュ悆楗�傗��",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "1.5锝�2宀佸辜鍎胯瑷�鍙戝睍鐨勫吀鍨嬬壒鐐逛箣涓�鏄�滆瘝姹囩垎鍙戞湡鈥濓紝24涓湀鐨勫辜鍎垮ぇ绾﹁兘鎺屾彙鐨勮瘝姹囬噺鏄紙銆�锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "100涓瘝",
+                                value: "A"
+                            },
+                            {
+                                txt: "200涓瘝",
+                                value: "B"
+                            },
+                            {
+                                txt: "300涓瘝",
+                                value: "C"
+                            },
+                            {
+                                txt: "500涓瘝",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鍏充簬涓や釜骞撮緞娈佃瑷�娓告垙璁捐鐩爣鐨勫尯鍒紝姝g‘鐨勬槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "1锝�1.5宀佹敞閲嶆彁闂兘鍔涳紝1.5锝�2宀佹敞閲嶅�惧惉鑳藉姏",
+                                value: "A"
+                            },
+                            {
+                                txt: "1锝�1.5宀佸己璋冩帉鎻�300涓瘝姹囷紝1.5锝�2宀佸己璋冧娇鐢ㄥ惁瀹氬彞",
+                                value: "B"
+                            },
+                            {
+                                txt: "1锝�1.5宀佷晶閲嶈瑷�鐞嗚В锛�1.5锝�2宀佷晶閲嶄氦浜掑璇�",
+                                value: "C"
+                            },
+                            {
+                                txt: "涓よ�呭潎浠ヨ儗璇靛彜璇椾负涓昏鐩爣",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻155椤�
+            unitQuestionThree: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "2锝�2.5宀佸┐骞煎効鐤戦棶鍙ュ彂灞曠殑鍏抽敭琛ㄧ幇鏄紙銆�锛夈��",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鑳藉浣跨敤鈥滀负浠�涔堚�濇彁闂�",
+                                value: "A"
+                            },
+                            {
+                                txt: "浼氳鈥滃鏋溾�濃�滀絾鏄�濈瓑杩炴帴璇�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鑳藉杩版晠浜嬬殑涓昏鎯呰妭",
+                                value: "C"
+                            },
+                            {
+                                txt: "鑳借儗璇靛寘鍚�10涓互涓婅瘝姹囩殑鍎挎瓕",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "浠ヤ笅鍝」鏄�2锝�2.5宀佸┐骞煎効璇█鍙戝睍鐨勫吀鍨嬭〃鐜帮紵锛堛��锛�",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "浣跨敤鈥滆鈥濃�滆阿璋⑩�濈瓑绀艰矊鐢ㄨ",
+                                value: "A"
+                            },
+                            {
+                                txt: "璇村嚭鍚�滀笉鈥濈殑鍚﹀畾鍙ヨ〃杈炬嫆缁�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鑳借杩扳�滄槰澶╃埜鐖稿甫鎴戝幓娓镐箰鍥�濈殑闀垮彞",
+                                value: "C"
+                            },
+                            {
+                                txt: "鐙珛闃呰骞剁悊瑙e鏉傚浘鐢讳功",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "閫傚悎2.5锝�3宀佸辜鍎跨殑鍎挎瓕搴斿叿澶囦粈涔堢壒鐐癸紵锛堛��锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍐呭澶嶆潅锛屾儏鑺備赴瀵�",
+                                value: "A"
+                            },
+                            {
+                                txt: "绡囧箙杈冮暱锛岃瘝姹囧鏍�",
+                                value: "B"
+                            },
+                            {
+                                txt: "璐磋繎鐢熸椿锛屾湕鏈椾笂鍙�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鍚湁鎶借薄姒傚康",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "閽堝2.5锝�3宀佸┐骞煎効鐨勯槄璇昏兘鍔涜璁$洰鏍囷紝姝g‘鐨勬槸锛堛��锛夈��",
+                        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: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "500涓乏鍙�",
+                                value: "A"
+                            },
+                            {
+                                txt: "1000涓乏鍙�",
+                                value: "B"
+                            },
+                            {
+                                txt: "1500涓乏鍙�",
+                                value: "C"
+                            },
+                            {
+                                txt: "2000涓乏鍙�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
         }
     },
     async mounted() {
@@ -1174,8 +1894,87 @@
         if (textQuestionData) {
             this.textQuestionData = JSON.parse(textQuestionData);
         }
+
+        const unitQuestionOne = localStorage.getItem("toddlerGameImplementation-book-chapter006-unitQuestionOne");
+        if (unitQuestionOne) {
+            this.unitQuestionOne = JSON.parse(unitQuestionOne);
+        }
+
+        const unitQuestionTwo = localStorage.getItem("toddlerGameImplementation-book-chapter006-unitQuestionTwo");
+        if (unitQuestionTwo) {
+            this.unitQuestionTwo = JSON.parse(unitQuestionTwo);
+        }
+
+        const unitQuestionThree = localStorage.getItem("toddlerGameImplementation-book-chapter006-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(
+                "a9f069748c434e9cab7522bcde61d102"
+            );
+            this.videoPathTwo = await getResourcePath(
+                "3671f32ccac9c1535be609463560aa10"
+            );
+            this.videoPathThree = await getResourcePath(
+                "db468e8ad864b7c24c89bafb684878b9"
+            );
+            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("a9f069748c434e9cab7522bcde61d102", "a9f069748c434e9cab7522bcde61d102", '', "瑙嗛", "bits", '瑙嗛锛�0锝�1宀佸┐鍎胯瑷�娓告垙璁捐涓庢寚瀵�')
+                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
+            } else if (e == 'video-02') {
+                this.handleCollectResource("3671f32ccac9c1535be609463560aa10", "3671f32ccac9c1535be609463560aa10", '', "瑙嗛", "bits", '瑙嗛锛�1锝�2宀佸辜鍎胯瑷�娓告垙璁捐涓庢寚瀵�')
+                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+            } else if (e == 'video-03') {
+                this.handleCollectResource("db468e8ad864b7c24c89bafb684878b9", "db468e8ad864b7c24c89bafb684878b9", '', "瑙嗛", "bits", '瑙嗛锛�2锝�3宀佸辜鍎胯瑷�娓告垙璁捐涓庢寚瀵�')
+                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
+            }
+        },
+        //璧勬簮鏀惰棌浜嬩欢
+        // 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-chapter06-tableData",
@@ -1187,7 +1986,111 @@
                 "toddlerGameImplementation-book-chapter006-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
+                }
+            }
+            this.unitQuestionOne.isComplete = true
+            this.unitQuestionOne.isShowAnswer = true
+            this.saveUnitQuestionOne()
+        },
+        changeUnitOne() {
+            localStorage.removeItem("toddlerGameImplementation-book-chapter006-unitQuestionOne")
+            for (let index = 0; index < this.unitQuestionOne.unitOne.length; index++) {
+                const item = this.unitQuestionOne.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.unitQuestionOne.isComplete = false
+            this.unitQuestionOne.isShowAnswer = false
+        },
+        saveUnitQuestionOne() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter006-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
+                }
+            }
+            this.unitQuestionTwo.isComplete = true
+            this.unitQuestionTwo.isShowAnswer = true
+            this.saveUnitQuestionTwo()
+        },
+        changeUnitTwo() {
+            localStorage.removeItem("toddlerGameImplementation-book-chapter006-unitQuestionTwo")
+            for (let index = 0; index < this.unitQuestionTwo.unitOne.length; index++) {
+                const item = this.unitQuestionTwo.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.unitQuestionTwo.isComplete = false
+            this.unitQuestionTwo.isShowAnswer = false
+        },
+        saveUnitQuestionTwo() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter006-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
+                }
+            }
+            this.unitQuestionThree.isComplete = true
+            this.unitQuestionThree.isShowAnswer = true
+            this.saveUnitQuestionThree()
+        },
+        changeUnitThree() {
+            localStorage.removeItem("toddlerGameImplementation-book-chapter006-unitQuestionThree")
+            for (let index = 0; index < this.unitQuestionThree.unitOne.length; index++) {
+                const item = this.unitQuestionThree.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.unitQuestionThree.isComplete = false
+            this.unitQuestionThree.isShowAnswer = false
+        },
+        saveUnitQuestionThree() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter006-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