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/chapter002.vue |  805 +++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 750 insertions(+), 55 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter002.vue b/src/books/toddlerGameImplementation/view/components/chapter002.vue
index 62787a5..9a3c1f1 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter002.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter002.vue
@@ -329,7 +329,7 @@
                             鍟嗕笟鐜╁叿涓�鑸兘鏄ぇ瑙勬ā鐢熶骇鐨勶紝渚涚粰杩滆繙澶т簬甯傚満鐨勯渶姹傦紱鑰屾皯闂寸帺鍏峰緢澶氶兘鏄墜宸ュ埗鎴愮殑锛岀敓浜у緢闅捐妯″寲銆�
                         </p>
                         <p>
-                            鍦ㄧ幇浠i珮閫熷彂灞曠殑绀句細涓紝姘戦棿鐜╁叿瀛樺湪鐨勬剰涔夋槸浠�涔堬紵璇曟瘮杈冨晢涓氱帺鍏峰拰姘戦棿鐜╁叿鐨勪紭鍔c��
+                            鍦ㄩ珮閫熷彂灞曠殑鐜颁唬绀句細涓紝姘戦棿鐜╁叿瀛樺湪鐨勬剰涔夋槸浠�涔堬紵璇曟瘮杈冨晢涓氱帺鍏峰拰姘戦棿鐜╁叿鐨勪紭鍔c��
                         </p>
                         <textarea v-model="questionData.unitOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
                             style="max-width: 90%; min-width: 90%; margin-left: 30px"
@@ -536,7 +536,7 @@
                                                 p-id="11010"></path>
                                         </svg>
                                     </span>
-                                    <span @click="toUrl(1)">聽鏂囨湰璧勬簮锛� 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�</span>
+                                    <span @click="toUrl(1)">聽鏂囨湰璧勬簮锛氬┐骞煎効鐨勭帺鍏烽�夋嫨</span>
                                 </div>
                             </div>
                         </div>
@@ -597,18 +597,96 @@
                     <p>
                         <img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" />
                     </p>
-                    <p>1.璇烽拡瀵规墭鑲叉満鏋勭帺鍏锋姇鏀剧殑灞傛鎬у師鍒欒皥涓�璋堜綘鐨勭湅娉曘��</p>
-                    <textarea v-model="questionData.unitOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px" class="fz-16 textarea-main"
-                        @change="setQuestionData"></textarea>
-                    <p>2.璇锋�濊�冩暀甯堝簲璇ュ浣曢�氳繃鐜鍒涜璁╁┐骞煎効鑷富閫夋嫨鍜屼富鍔ㄦ帰绱€��</p>
-                    <textarea v-model="questionData.unitOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px" class="fz-16 textarea-main"
-                        @change="setQuestionData"></textarea>
-                    <p>3.濠村辜鍎跨帺鍏锋姇鏀剧殑閫傚疁鎬у師鍒欏浣曞湪娓告垙鍖哄煙鍒涜涓緱浠ヤ綋鐜帮紵</p>
-                    <textarea v-model="questionData.unitOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                        style="max-width: 90%; min-width: 90%; margin-left: 40px" class="fz-16 textarea-main"
-                        @change="setQuestionData"></textarea>
+                    <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 + 5 }}.锛堝閫夛級{{ 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>
@@ -716,8 +794,17 @@
                     </p>
                     <p><b>鎯充竴鎯筹細</b></p>
                     <p class="fm-kt">1.闄岀敓鐨勭幆澧冧細鍔犻噸骞煎効鐨勫垎绂荤劍铏戝悧锛�</p>
+                    <textarea v-model="questionData.unitOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                        style="max-width: 90%; min-width: 90%; margin-left: 30px"
+                        class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                     <p class="fm-kt">2.鎵樿偛鏈烘瀯娓告垙鐜鍖呮嫭鍝簺鏂归潰锛�</p>
+                    <textarea v-model="questionData.unitOne.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                        style="max-width: 90%; min-width: 90%; margin-left: 30px"
+                        class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                     <p class="fm-kt">3.濡傛灉浣犳槸鏁欏笀锛屼綘浼氬浣曞垱璁炬父鎴忕幆澧冨憿锛�</p>
+                    <textarea v-model="questionData.unitOne.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                        style="max-width: 90%; min-width: 90%; margin-left: 30px"
+                        class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                     <p>
                         闄堥工鐞磋涓猴紝娓告垙鍙互缁欏瀛愬揩涔愩�佺粡楠屻�佸璇嗐�佹�濇兂鍜屽仴搴枫�傛墍浠ュ闀夸笉寰椾笉娉ㄦ剰瀛╁瓙鐨勬父鎴忕幆澧冿紝缁欏瀛愬緢濂界殑璁惧锛屼娇瀛╁瓙鏈夊厖鍒嗙殑杩愬姩銆傝繖鏍峰瀛愮殑韬綋灏卞鏄撳己鍋ワ紝蹇冮噷灏卞父甯稿揩涔愶紝鐭ヨ瘑灏卞鏄撳杩涳紝鎬濇兂灏卞鏄撳惎鍙戙��
                     </p>
@@ -738,25 +825,25 @@
                     <p>鈶″府鍔╁効绔ュ缓绔嬪悓浼撮棿娲绘臣浜ゅ線鐨勫鏉惧拰鍚堜綔鐨勭幆澧冦��</p>
                     <p>鈶㈠府鍔╁効绔ョН绱竴瀹氱殑鐭ヨ瘑鍜岀粡楠屻��</p>
                     <p>鈶e銆佸洯鍗忎綔锛屽垱璁惧効绔ユ父鎴忕殑蹇冪悊鐜銆�</p>
-                    <div class="img-float w130">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p>
-                                    <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
-                                </p>
-                            </div>
+                    <div class="bk">
+                        <div class="bk1">
                             <p>
-                                璇峰洖鎯充綘鑷繁鏈�鍠滄鐨勭骞寸幆澧冿紝鐢ㄤ竴浜涘叧閿瘝璇村嚭浣犳渶鍠滄鐨勫師鍥狅紝鎬濊�冮�傚疁鐨勬父鎴忕幆澧冨簲璇ヨ�冭檻鍝簺鍥犵礌銆�
+                                <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                             </p>
                         </div>
-                    </div>
-                    <span>
-                        <h4 id="d033">锛堜簩锛夋父鎴忕幆澧冨垱璁剧殑鍘熷垯</h4>
-                        <h5 id="e018">1.瀹夊叏鎬у師鍒�</h5>
                         <p>
-                            濠村辜鍎挎父鎴忕幆澧冨垱璁句腑瀹夊叏鎬ц偗瀹氭槸鏀惧湪绗竴浣嶇殑锛屽畨鍏ㄧ殑娓告垙鐜鏄┐骞煎効鍋ュ悍鎴愰暱鐨勯噸瑕佷繚闅溿�傚彧鏈夊湪涓�涓畨鍏ㄧ殑鐜涓紝濠村辜鍎跨殑韬績鎵嶈兘鍋ュ悍鍜岃皭鍙戝睍銆傛父鎴忕幆澧冪殑瀹夊叏鎬т富瑕佸寘鎷韩浣撳畨鍏ㄥ拰蹇冪悊瀹夊叏涓や釜鏂归潰銆傝韩浣撳畨鍏ㄤ富瑕佹槸鎸囨父鎴忔椿鍔ㄥ満鎵�鐨勫鏁烇紝渚夸簬濠村辜鍎挎父鎴忓拰閫氳锛涙父鎴忕殑鐜╁叿鍜屾潗鏂欏畨鍏ㄣ�佹棤姣掋�佹棤灏栭攼妫辫锛屾憜鏀捐瀹夊叏鐗㈠浐锛屾柟渚垮┐骞煎効鍙栨斁锛屾病鏈夊鑷村┐骞煎効鍑虹幇鎰忓鐨勫嵄闄╁洜绱犲瓨鍦紱娓告垙鐜╁叿鍜屾潗鏂欒缁忓父娓呮礂娑堟瘨锛屼繚鎸佸崼鐢熴�傚績鐞嗗畨鍏ㄦ槸鎸囧湪娓告垙杩囩▼涓璁╁┐骞煎効鑾峰緱鍏呭垎娲诲姩鐨勬満浼氾紝淇濇寔鎯呯华鎰夋偊锛岃兘鎸夎嚜宸辩殑鎰忔効寮�灞曟父鎴忥紝鑾峰緱灏婇噸鎰熴��
+                            璇峰洖鎯充綘鑷繁鏈�鍠滄鐨勭骞寸幆澧冿紝鐢ㄤ竴浜涘叧閿瘝璇村嚭浣犳渶鍠滄鐨勫師鍥狅紝鎬濊�冮�傚疁鐨勬父鎴忕幆澧冨簲璇ヨ�冭檻鍝簺鍥犵礌銆�
                         </p>
-                    </span>
+                        <textarea v-model="questionData.unitOne.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
+                            class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
+                    </div>
+                    <h4 id="d033">锛堜簩锛夋父鎴忕幆澧冨垱璁剧殑鍘熷垯</h4>
+                    <h5 id="e018">1.瀹夊叏鎬у師鍒�</h5>
+                    <p>
+                        濠村辜鍎挎父鎴忕幆澧冨垱璁句腑瀹夊叏鎬ц偗瀹氭槸鏀惧湪绗竴浣嶇殑锛屽畨鍏ㄧ殑娓告垙鐜鏄┐骞煎効鍋ュ悍鎴愰暱鐨勯噸瑕佷繚闅溿�傚彧鏈夊湪涓�涓畨鍏ㄧ殑鐜涓紝濠村辜鍎跨殑韬績鎵嶈兘鍋ュ悍鍜岃皭鍙戝睍銆傛父鎴忕幆澧冪殑瀹夊叏鎬т富瑕佸寘鎷韩浣撳畨鍏ㄥ拰蹇冪悊瀹夊叏涓や釜鏂归潰銆傝韩浣撳畨鍏ㄤ富瑕佹槸鎸囨父鎴忔椿鍔ㄥ満鎵�鐨勫鏁烇紝渚夸簬濠村辜鍎挎父鎴忓拰閫氳锛涙父鎴忕殑鐜╁叿鍜屾潗鏂欏畨鍏ㄣ�佹棤姣掋�佹棤灏栭攼妫辫锛屾憜鏀捐瀹夊叏鐗㈠浐锛屾柟渚垮┐骞煎効鍙栨斁锛屾病鏈夊鑷村┐骞煎効鍑虹幇鎰忓鐨勫嵄闄╁洜绱犲瓨鍦紱娓告垙鐜╁叿鍜屾潗鏂欒缁忓父娓呮礂娑堟瘨锛屼繚鎸佸崼鐢熴�傚績鐞嗗畨鍏ㄦ槸鎸囧湪娓告垙杩囩▼涓璁╁┐骞煎効鑾峰緱鍏呭垎娲诲姩鐨勬満浼氾紝淇濇寔鎯呯华鎰夋偊锛岃兘鎸夎嚜宸辩殑鎰忔効寮�灞曟父鎴忥紝鑾峰緱灏婇噸鎰熴��
+                    </p>
+
                 </div>
             </div>
         </div>
@@ -876,7 +963,7 @@
                     <p>
                         銆婃墭鑲叉満鏋勮缃爣鍑嗭紙璇曡锛夈�嬫寚鍑猴細鈥滄墭鑲叉満鏋勫簲褰撻厤澶囩鍚堝┐骞煎効鏈堥緞鐗圭偣鐨勫鍏枫�佺敤鍏枫�佺帺鍏枫�佸浘涔﹀拰娓告垙鏉愭枡绛夛紝骞剁鍚堝浗瀹剁浉鍏冲畨鍏ㄨ川閲忔爣鍑嗗拰鐜繚鏍囧噯銆傗�濆洜姝わ紝濠村辜鍎挎父鎴忕幆澧冨垱璁句腑鐨勫洜绱犲拰鏉愭枡鐨勯�夌敤锛岄兘瑕佷互濠村辜鍎跨殑瀹夊叏銆佸仴搴蜂负鍏堛�傞鍏堬紝瑕佺鍚堝畨鍏ㄦ爣鍑嗭紝鍖呮嫭浣跨敤瀹夊叏鏉愭枡銆侀攣濂芥墍鏈夋┍鏌溿�佸叧闂數鍣ㄥ紑鍏炽�佸叧濂界獥鎴凤紝纭繚濠村辜鍎挎帴瑙︿笉鍒板嵄闄╃殑鐗╁搧鎴栧湴鏂癸紱鍦哄湴涓婇摵涓婂湴姣�佽蒋鍨垨鑽夊潽锛屼负濠村辜鍎垮潗銆佺埇銆佽蛋銆佽窇銆佽烦銆佹攢鐖瓑璋冭妭鑲綋娲诲姩鎻愪緵鏂逛究锛屽寮哄畨鍏ㄧ郴鏁般�傚叾娆★紝瑕佸畾鏈熸鏌ョ幆澧冿紝纭繚瀵瑰┐骞煎効瀹夊叏鐨勬寔缁繚闅滐紝闅忔椂鎺掓煡鍜屾竻闄ゅ┐骞煎効娲诲姩鍖哄煙鍐呯殑瀹夊叏闅愭偅銆傛渶鍚庯紝瑕佽�冭檻濠村辜鍎跨殑蹇冪悊鍋ュ悍锛岀粰濠村辜鍎挎彁渚涗竴涓钩绛夈�佸畨鍏ㄣ�佽嚜鐢憋紝鑳介紦鍔卞叾鎺㈢储涓庡垱閫犵殑蹇冪悊鐜銆傚彧鏈夎繖鏍凤紝濠村辜鍎挎墠鑳芥椿璺冩�濈淮锛屼富鍔ㄣ�佽嚜淇″湴鍦ㄤ笌鐜浜掑姩涓涔犲拰娓告垙銆�
                     </p>
-                    <h5 id="e023">2.鍒涜鎯呮櫙鍖栫殑娓告垙鐜</h5>
+                    <h5 id="e023">2.鍒涜鎯呭鍖栫殑娓告垙鐜</h5>
                     <p>
                         涓哄┐骞煎効鎻愪緵铏氭嫙鐨勭ぞ浼氱幆澧冿紝璁╀粬浠�氳繃鐩存帴鍙備笌鑾峰緱娣卞埢浣撻獙灏ゅ叾閲嶈銆傜敱浜庡┐骞煎効骞撮緞鐗圭偣鐨勫樊寮傦紝涓嶅悓骞撮緞娈电殑鎯呭鍖栨父鎴忕幆澧冪殑鍒涜涔熶笉鍚岋紝鍏锋湁鍚勮嚜鐨勭壒鐐广�備緥濡傦紝鍦ㄤ富棰樻椿鍔ㄢ�滄灉钄垶浼氣�濅腑鍒涜鐨勨�滃▋濞冨鈥濋噷闈㈠彲鏈夎璁℃垚钄灉褰㈢姸鐨勪翰瀛愮収鐗囧銆傛湁鐨勫辜鍎夸粠鑷繁瀹堕噷甯︽潵涓�浜涘皬钄灉锛岃繕鎻愪緵浜嗕竴浜涜壊褰╅矞鑹炽�佸舰璞$湡鍒囩殑鍘ㄦ埧鐢ㄥ叿銆佸▋濞冦�佸ザ鐡剁瓑銆傝繖浜涚帺鍏烽兘鏄创杩戝辜鍎挎棩甯哥敓娲荤粡楠岀殑锛屾槸浠栦滑鍠滄鎿嶄綔銆佽兘澶熸ā浠跨殑銆傚辜鍎夸細鍦ㄥ▋濞冨鍋氶キ銆佸杺濞冨▋鍠濆ザ銆佺┛琛c�佹礂琛f湇銆佸彔琛f湇绛夛紝鍦ㄦ父鎴忚繃绋嬩腑杩樺師鍜屽啀鐜扮敓娲绘儏鏅�傝繖鏍蜂笉浠呬績杩涗簡浠栦滑鎰熸儏銆佷釜鎬х殑鍋ュ悍鍙戝睍锛岃繕鎻愰珮浜嗕粬浠殑鐢熸椿鎶�鑳姐�傛墭鑲蹭腑澶х彮骞煎効瀵逛簨鐗╃殑鐞嗚В鍔涢�愭笎澧炲己锛屼粬浠笉浠呭瑙掕壊娓告垙闈炲父鎰熷叴瓒o紝涔熷鎸戞垬鎬у拰鍒涢�犳�х殑鏉愭枡寰堟劅鍏磋叮銆傚洜姝わ紝鎴戜滑鍦ㄧ幆澧冨垱璁句腑搴斾互浣撻獙鍖栫殑娓告垙鎯呭鍒涜涓轰富銆�
                     </p>
@@ -938,6 +1025,9 @@
                     <p>
                         鍦ㄥ涓缃父鎴忓尯鏃讹紝瀹堕暱搴旂‘淇濆鍐呯幆澧冩槸瀹夊叏鏃犲鐨勫拰骞插噣鐨勩�傞�夌敤鐨勭帺鍏锋潗鏂欒瀹夊叏鏃犳瘨锛屾父鐜╁尯鍩熻閫夋嫨閫傚悎鐨勫湴鐐癸紝濡傞摵鐫�鍘氬灚瀛愮殑鍦版垨搴婁笂銆�
                     </p>
+                    <p>
+                        褰撳闀垮紑濮嬮噸瑙嗗拰閬靛惊杩欎簺鍩烘湰鍘熷垯鏃讹紝鏈変竴澶╀細绐佺劧鍙戠幇锛岃嚜宸变笌瀛╁瓙鍙互鐜╁緱寰堝ソ锛岀敋鑷冲瀛愯繕鑳借嚜涓绘彁鍑哄緢澶氳秴鍑鸿嚜宸辨兂璞$殑鐜╄�嶆柟寮忋��
+                    </p>
                 </div>
             </div>
         </div>
@@ -953,9 +1043,7 @@
                     </li>
                 </ul>
                 <div class="bodystyle">
-                    <p>
-                        褰撳闀垮紑濮嬮噸瑙嗗拰閬靛惊杩欎簺鍩烘湰鍘熷垯鏃讹紝鏈変竴澶╀細绐佺劧鍙戠幇锛岃嚜宸变笌瀛╁瓙鍙互鐜╁緱寰堝ソ锛岀敋鑷冲瀛愯繕鑳借嚜涓绘彁鍑哄緢澶氳秴鍑鸿嚜宸辨兂璞$殑鐜╄�嶆柟寮忋��
-                    </p>
+
                     <h4 id="d037">锛堜笁锛夊搴父鎴忕幆澧冨垱璁剧殑鏂规硶</h4>
                     <h5 id="e032">1.鍒涜寮�鏀剧殑鐗╄川鐜</h5>
                     <p>
@@ -1089,9 +1177,40 @@
                     <p>
                         <img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" />
                     </p>
-                    <p>
-                        <img class="rwmb-1" alt="" src="../../assets/images/0060_01.jpg" />
-                    </p>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitOne.slice(0, 1)" :key="'unitQuestionTwo' + 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>
             </div>
         </div>
@@ -1106,21 +1225,151 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
+                    <ul v-for="(item, index) in unitQuestionTwo.unitOne.slice(1, 2)" :key="'unitQuestionTwo2' + index">
+                        <li>
+                            {{ index + 2 }}.锛堝崟閫夛級{{ 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>
+                    <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(2)">鏂囨湰璧勬簮锛� 妯″潡浜屄犲矖浣嶈繘闃惰缁�</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(3)">鏂囨湰璧勬簮锛� 妯″潡浜屄犲疄璁伐浣滀换鍔�</span>
+                            </div>
+                        </div>
+                    </div>
                     <p>
                         <img class="rwmb-1" alt="" src="../../assets/images/0060_04.jpg" />
                     </p>
-                    <p>1.璇疯涓�璇磋█浼犺韩鏁欏湪瀹跺涵鏁欒偛涓殑閲嶈鎬с��</p>
-                    <p>2.瀹堕暱搴旇濡備綍涓哄┐骞煎効鍒涜鑹ソ鐨勬父鎴忕幆澧冿紵</p>
-                    <p>3.璇疯璁�2锝�3涓�傚悎鍦ㄥ搴鍐呭紑灞曠殑浜插瓙娓告垙銆�</p>
-                    <p>
-                        4.璁捐棰橈細璇蜂负鏌愭墭鑲叉満鏋勮璁℃父鎴忓尯鍩熺幆澧冿紝瑕佹眰鎾板啓涓�浠借璁℃柟妗堝苟缁樺埗甯冨眬鍥撅紱瀹屾垚鍚庣粨鍚堝竷灞�鍥捐В璇磋璁℃柟妗堛��
-                    </p>
-                    <p>璁捐瑕佹眰锛�</p>
-                    <p>锛�1锛夊垎缁勮璁哄苟瀹屾垚浠诲姟銆�</p>
-                    <p>
-                        锛�2锛夋挵鍐欏垱璁炬柟妗堬紙鍖呭惈鐨勮绱狅細鎯呭喌鍒嗘瀽銆佸垱璁剧洰鏍囥�佸垱璁捐繃绋嬶級锛涗箣鍚庢牴鎹柟妗堢粯鍒跺竷灞�鍥俱��
-                    </p>
-                    <p>锛�3锛夊噯纭�佹竻鏅板湴缁撳悎鏂规鍜屽竷灞�鍥捐繘琛岀幇鍦鸿В璇淬��</p>
+                    <p class="content">鎺ヤ笅鏉ワ紝鎴戜滑灏嗚窡闅忓弻甯堣蛋杩涙墭鑲叉満鏋勶紝涓轰綘灞曠ず濡備綍鍒涜鍜屽埗浣滃瀛愪滑鍠滄鐨勬父鎴忕幆澧冧笌娓告垙鏉愭枡銆傜浉淇¤繖浜涙渚嬩細缁欎綘甯︽潵鍚彂鍜屽府鍔┿��</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>瑙嗛锛氬弻甯堣璋堝井璇撅細娓告垙鏉愭枡涓庣幆澧�</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '7b46f56f98456f9e94750395694222e4') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <p>
                         <img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" />
                     </p>
@@ -1135,13 +1384,31 @@
                     <p>
                         4.閮姏骞炽�佸惔榫欒嫳锛氥�婃棭鏈熸暀鑲茬幆澧冨垱璁俱�嬶紝涓婃捣锛屽崕涓滃笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2019銆�
                     </p>
+                    <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 :isClear="dialogVisibleOne" :primaryColor="themeColor" :cardList="cardArrayList"
+            v-if="interfaceQuestion" :chapter="3" :page="questionNum" :questionTitle="questionTitleMain"
+            ref="dialogRef">
         </dialogExaminations>
     </div>
 </template>
@@ -1194,22 +1461,32 @@
             chapter001: {
                 pdfMd5: {
                     1: {
-                        md5: "6a7118abdc38a24995f26c164d63648c",
-                        name: " 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�",
+                        md5: "e08c9c426561125b4c071831226bbd13",
+                        name: "濠村辜鍎跨殑鐜╁叿閫夋嫨",
+                    },
+                    2: {
+                        md5: "b3c5d39f898ad612cb74e6bd055b7072",
+                        name: " 妯″潡浜屄犲矖浣嶈繘闃惰缁�",
+                    },
+                    3: {
+                        md5: "c4c522a383216f6b2bc4c0ceb0fe73aa",
+                        name: " 妯″潡浜屄犲疄璁伐浣滀换鍔�",
                     },
                 },
                 question: {
                     1: {
-                        questionTitleMain: "瀛︿範妯″潡涓�",
-                        questionNum: 35,
+                        questionTitleMain: "瀛︿範妯″潡浜�",
+                        questionNum: 58,
                     },
                 },
             },
             // 棰樼洰
             dialogVisibleOne: false,
-            themeColor: "#6E85AF",
+            themeColor: "#6dcff6",
             questionNum: 0,
             questionTitleMain: "",
+            cardArrayList: [],
+            // 棰樼洰
             tableData: {
                 unitOne: {
                     one: "",
@@ -1243,7 +1520,280 @@
                     twentyOne: "",
                 },
             },
+            // 涔犻38椤�
+            unitQuestionOne: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "鍏充簬鐜╁叿鐨勫畾涔夛紝浠ヤ笅璇存硶姝g‘鐨勬槸锛堛��锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鐜╁叿浠呮寚鍟嗗簵閲屽嚭鍞殑渚涘効绔ョ帺鑰嶇殑鐗╁搧",
+                                value: "A"
+                            },
+                            {
+                                txt: "鐜╁叿鍖呮嫭鎴愪汉涓撻棬涓哄効绔ュ埗浣滅殑鐗╁搧锛屼絾涓嶅寘鎷嚜鐒舵潗鏂�",
+                                value: "B"
+                            },
+                            {
+                                txt: "骞夸箟鐨勭帺鍏峰寘鎷矙瀛愩�佹偿宸寸瓑鑷劧鏉愭枡锛岃�岀嫮涔夌殑鐜╁叿鎸囦笓闂ㄤ负鍎跨鍒朵綔鐨勭帺鑰嶅櫒鍏�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鐜╁叿鍙兘鏄効绔ョ敤鎵嬭Е鎽哥殑鐗╁搧锛屼笉鑳藉寘鎷惉鎴栫湅鐨勪笢瑗�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "浠ヤ笅鍝鐜╁叿涓嶅睘浜庣瀛︽�х帺鍏凤紵锛堛��锛�",
+                        isRight: null,
+                        answer: "D",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鐜╂矙鐜╁叿",
+                                value: "A"
+                            },
+                            {
+                                txt: "闀滈潰鐜╁叿",
+                                value: "B"
+                            },
+                            {
+                                txt: "纾佹�х帺鍏�",
+                                value: "C"
+                            },
+                            {
+                                txt: "姣涚粧鐜╁叿",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "姘戦棿鐜╁叿鐨勪富瑕佺壒鐐逛笉鍖呮嫭浠ヤ笅鍝竴椤癸紵锛堛��锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍒╃敤褰撳湴鏉愭枡鍒朵綔",
+                                value: "A"
+                            },
+                            {
+                                txt: "鍏锋湁鐙壒鐨勫湴鏂归鏍�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍙兘鐢变笓涓氬伐鍖犲埗浣�",
+                                value: "C"
+                            },
+                            {
+                                txt: "浼犳壙鏂囧寲涓庢櫤鎱�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鏌愭墭鐝暀甯堜负骞煎効鎶曟斁鐜╁叿鏃讹紝浠ヤ笅鍝鍋氭硶鏈�绗﹀悎鈥滈�傚疁鎬у師鍒欌�濓紵锛堛��锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鎶曟斁澶嶆潅鐨勬嫾鍥剧帺鍏凤紝浠ユ寫鎴樺辜鍎跨殑鑳藉姏",
+                                value: "A"
+                            },
+                            {
+                                txt: "寮�璁锯�滃▋濞冨鈥濓紝鎶曟斁浠跨湡椋熺墿妯″瀷鍜屾寚鍋剁瓑鏉愭枡",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍙姇鏀句竴绉嶇被鍨嬬殑鐜╁叿锛屼互鍑忓皯骞煎効鐨勯�夋嫨鍥伴毦",
+                                value: "C"
+                            },
+                            {
+                                txt: "鎶曟斁澶ч噺鐢靛瓙鐜╁叿锛屼互鍚稿紩骞煎効鐨勫叴瓒�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+                unitOneChoice: [
+                    {
+                        txt: "鏍规嵁鍎跨鍙戝睍鐗圭偣锛屼互涓嬪叧浜庣帺鍏烽�夋嫨鐨勫缓璁纭殑鏄紙銆�锛�",
+                        isRight: null,
+                        answer: ["A", "B", "D", "E"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "1宀佸乏鍙崇殑骞煎効閫傚悎鐜╂帹鎷夌帺鍏凤紝鍥犱负浠栦滑鍒氬垰瀛︿細璧拌矾",
+                                value: "A"
+                            },
+                            {
+                                txt: "2宀佷互涓婄殑骞煎効閫傚悎鐜╃悆绫荤帺鍏凤紝鍙互閿荤偧涓婁笅鑲㈣倢鑲夊拰楠ㄩ",
+                                value: "B"
+                            },
+                            {
+                                txt: "4涓湀浠ヤ笅鐨勫┐骞煎効閫傚悎鐜╁鏉傜殑鎷煎浘鐜╁叿锛屼互淇冭繘鏅哄姏鍙戝睍",
+                                value: "C"
+                            },
+                            {
+                                txt: "8涓湀浠ヤ笂鐨勫┐骞煎効鍙互鐜╀竴浜涙姄鎻$帺鍏凤紝甯姪浠栦滑鍙戝睍鎵嬮儴绮剧粏鍔ㄤ綔",
+                                value: "D"
+                            },
+                            {
+                                txt: "3宀佷互涓婄殑骞煎効鍙互灏濊瘯绠�鍗曠殑瑙掕壊鎵紨鐜╁叿锛屽鍖荤敓濂楄鎴栧帹鎴跨帺鍏�",
+                                value: "E"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻48椤�
+            unitQuestionTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "浠ヤ笅鍝釜閫夐」鏈�鍑嗙‘鍦版弿杩颁簡娓告垙鐜鍦ㄦ棭鏈熸暀鑲蹭腑鐨勮鑹插拰鏋勬垚锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "娓告垙鐜鏄効绔ョぞ浜ゆ妧鑳藉彂灞曠殑鍞竴閫斿緞锛屼富瑕佺敱铏氭嫙绌洪棿鍜屾暟瀛楁父鎴忕粍鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "娓告垙鐜鏄棭鏈熸暀鑲茬幆澧冪殑涓�閮ㄥ垎锛屽寘鎷墿璐ㄧ幆澧冨拰绮剧鐜涓や釜鏂归潰锛屼负鍎跨娓告垙娲诲姩鎻愪緵鏉′欢",
+                                value: "B"
+                            },
+                            {
+                                txt: "娓告垙鐜涓庡効绔ョ殑瀛︽湳鎴愮哗鐩存帴鐩稿叧锛屽彧鍖呮嫭鐗╃悊绌洪棿鍜屾暀瀛﹁澶�",
+                                value: "C"
+                            },
+                            {
+                                txt: "娓告垙鐜鏄嫭绔嬩簬鍎跨鎴愰暱鐜鐨勫閮ㄥ洜绱狅紝瀵瑰効绔ョ殑鐢熸椿鍜屽彂灞曟病鏈夌洿鎺ュ奖鍝�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鈥滄湁鍑嗗鐨勭幆澧冣�濇槸鐢辫皝鎻愬嚭鏉ョ殑锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "甯冩湕鑺竷浼︾撼",
+                                value: "A"
+                            },
+                            {
+                                txt: "闄堥工鐞�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐜涘埄浜毬疯挋鍙版鍒�",
+                                value: "C"
+                            },
+                            {
+                                txt: "闇嶅崕寰仿峰姞寰风撼",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+                unitOneChoice: [
+                    {
+                        txt: "鏁欏笀鍦ㄥ竷缃父鎴忓尯鏃讹紝閭�璇峰辜鍎夸竴璧疯璁♀�滄.鏋楁帰闄┾�濅富棰樺尯锛屾姇鏀句簡閫傚悎2锝�3宀佸辜鍎跨殑鐜╁叿锛堝浠跨湡鏍戞湪銆佸姩鐗╃帺鍋讹級锛屽苟纭繚鐜╁叿鏃犳瘨銆佹棤灏栭攼妫辫銆傚悓鏃讹紝鏁欏笀杩樿缃簡涓嶅悓闅惧害鐨勬父鎴忎换鍔★紝璁╁辜鍎胯嚜涓婚�夋嫨鎸戞垬銆傝鏁欏笀鍦ㄧ幆澧冨垱璁炬槸閬靛惊浜嗗摢浜涘師鍒欙紵锛堛��锛�",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鍙備笌鎬у師鍒�",
+                                value: "A"
+                            },
+                            {
+                                txt: "瀹夊叏鎬у師鍒�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍏ㄩ潰鎬у師鍒�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鑷富鎬у師鍒�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鍏充簬鈥滄湁鍑嗗鐨勭幆澧冣�濈悊璁猴紝浠ヤ笅璇存硶姝g‘鐨勬槸锛堛��锛夛紵",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鎻愪緵閫傚悎骞煎効韬珮鐨勬妞呫�佹煖瀛愩�佸伐鍏凤紝鏂逛究浠栦滑鐙珛浣跨敤",
+                                value: "A"
+                            },
+                            {
+                                txt: "鏁欏叿鍜屾潗鏂欑湡瀹炪�佽嚜鐒讹紙濡傛湪鍒剁帺鍏枫�佺幓鐠冩澂锛夛紝骞舵寜闅惧害鍜屽姛鑳芥湁搴忔憜鏀�",
+                                value: "B"
+                            },
+                            {
+                                txt: "骞煎効鍙互鑷敱閫夋嫨娲诲姩锛屼絾椤婚伒瀹堚�滀笉浼ゅ鑷繁銆佷粬浜哄拰鐜鈥濈殑瑙勫垯",
+                                value: "C"
+                            },
+                            {
+                                txt: "鏁欏笀鏄瀵熻�呭拰寮曞鑰咃紝绀鸿寖鏁欏叿浣跨敤鍚庯紝閫�鍚庤瀵熷辜鍎跨殑鎺㈢储",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬮潰鍝簺閬靛惊浜嗘父鎴忕幆澧冨畨鍏ㄦ�у師鍒欙紵锛堛��锛�",
+                        isRight: null,
+                        answer: ["A", "B"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "閫夋嫨鏃犳瘨銆佹棤灏栭攼妫辫鐨勭帺鍏�",
+                                value: "A"
+                            },
+                            {
+                                txt: "閬垮厤浣跨敤鏄撶鎴栧惈鏈夊皬闆朵欢鐨勭帺鍏�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐜╁叿闅忔剰鎽嗘斁锛屾柟渚垮辜鍎挎嬁鍙�",
+                                value: "C"
+                            },
+                            {
+                                txt: "涓�鍛ㄨ繘琛屼竴娆$帺鍏锋竻娲楁秷姣掑伐浣�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
         };
+    },
+    watch: {
+        interfaceQuestion: {
+            handler(newValue) {
+                if (newValue[this.questionNum] != undefined) {
+                    this.cardArrayList = newValue[this.questionNum];
+                }
+            },
+            deep: true,
+            immediate: true
+        },
     },
     async mounted() {
         const bookQuestion = localStorage.getItem(
@@ -1259,8 +1809,54 @@
         if (questionData) {
             this.questionData = JSON.parse(questionData);
         }
+
+        const unitQuestionOne = localStorage.getItem("toddlerGameImplementation-book-chapter002-unitQuestionOne");
+        if (unitQuestionOne) {
+            this.unitQuestionOne = JSON.parse(unitQuestionOne);
+        }
+
+        const unitQuestionTwo = localStorage.getItem("toddlerGameImplementation-book-chapter002-unitQuestionTwo");
+        if (unitQuestionTwo) {
+            this.unitQuestionTwo = JSON.parse(unitQuestionTwo);
+        }
+
+        this.getVidoePath()
+        this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
     },
     methods: {
+        async getVidoePath() {
+            this.videoPathOne = await getResourcePath(
+                "be3a6b64dcbbd21f94f516271bdeb2ee"
+            );
+        },
+
+        handleCollect(e) {
+            if (e == 'video-01') {
+                this.handleCollectResource("7b46f56f98456f9e94750395694222e4", "7b46f56f98456f9e94750395694222e4", '', "瑙嗛", "bits", '瑙嗛锛氬弻甯堣璋堝井璇撅細娓告垙鏉愭枡涓庣幆澧�')
+                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
+            }
+        },
+        //璧勬簮鏀惰棌浜嬩欢
+        // 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-chapter02-tableData",
@@ -1273,6 +1869,98 @@
                 JSON.stringify(this.questionData)
             );
         },
+        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-chapter002-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-chapter002-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-chapter002-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-chapter002-unitQuestionTwo",
+                JSON.stringify(this.unitQuestionTwo)
+            );
+        },
         toUrl(val) {
             if (val) {
                 this.p_md5 = this.chapter001.pdfMd5[val].md5;
@@ -1280,6 +1968,13 @@
                 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