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/chapter003.vue | 1140 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 1,082 insertions(+), 58 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter003.vue b/src/books/toddlerGameImplementation/view/components/chapter003.vue
index ff9e505..2e0d834 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter003.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter003.vue
@@ -4,10 +4,10 @@
         <div class="page-box" page="59">
             <div v-if="showPageList.indexOf(59) > -1">
                 <div style="display: flex;">
-                    <div class="img-0">
-                        <img alt="" src="../../assets/images/mk.png" />
+                    <div class="img-h">
+                        <img alt="" src="../../assets/images/mk.png" class="img-0" style="height: 100%" />
                     </div>
-                    <div class="" style="margin:0 10% 0 3%; padding: 10% 0 22% 0;">
+                    <div class="w80" style="margin:0 10% 0 3%; padding: 10% 0 20% 0;">
                         <h1 id="a008" class="ta-l">瀛︿範妯″潡涓�</h1>
                         <p class="h1-zt">濠村辜鍎挎父鎴忚璁′笌鎸囧</p>
                         <div class="bj1">
@@ -162,8 +162,8 @@
                         </div>
                         <p>鍦ㄦ父鎴忎腑濡備綍浣撶幇濠村辜鍎跨殑鑷富鎬э紵鍙互涓句緥璇存槑銆�</p>
                         <textarea v-model="questionData.unitOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                            style="max-width: 90%; min-width: 90%; margin-left: 30px" class="fz-16 textarea-main"
-                            @change="setQuestionData"></textarea>
+                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
+                            class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                     </div>
                     <h3 id="c023">鍥涖�佽叮鍛虫��</h3>
                     <p>瓒e懗鎬ф槸鎸囧┐骞煎効娓告垙璁捐搴斿綋娉ㄩ噸濂界帺鏈夎叮锛岃兘缁欏┐骞煎効甯︽潵鑸掗�傘�佹湁瓒c�佹剦蹇殑鎯呯华浣撻獙锛屼粠鑰岃濠村辜鍎垮枩娆㈡父鎴忋�傛父鎴忕殑榄呭姏鍦ㄤ簬璁╁┐骞煎効鎰熷埌鏈夎叮涓旇兘澶熻幏寰楀揩涔愮殑浣撻獙銆傛垚浜哄湪璁捐濠村辜鍎挎父鎴忕殑鐜╂硶涓庤鍒欍�佸噯澶囧┐骞煎効鐨勬父鎴忔潗鏂欐椂閮藉簲褰撳厖鍒嗚�冭檻杩欎竴鍘熷垯銆傛瘮濡傦紝瀵逛簬韬茬尗鐚父鎴忥紝鎴愪汉鍦ㄧ帺娉曠殑璁捐涓婅嫢鍏呮弧鍋剁劧鎬э紝姣忔灏嗛伄鎸$墿鎸紑鏃堕兘琛ㄧ幇鍑轰笉鍚岀殑琛ㄦ儏鍜屽姩浣滐紝浼氳濠村辜鍎垮娓告垙鍏呮弧鏈熷緟銆傚張濡傦紝鍦ㄧ埇琛屾父鎴忕殑璁捐涓婅鎯冲叿鏈夋寫鎴樻�ф垨鍚稿紩鍔涳紝鎴愪汉搴旇缃畨鍏ㄦ煍杞殑闅滅鐗╋紝鍑嗗濠村辜鍎垮枩鐖辨垨鐗瑰埆鎰熷叴瓒g殑鐩爣鐜╁叿鑳藉婵�鍙戝┐骞煎効鐨勬父鎴忓叴瓒o紝澧炲己娓告垙鐨勮叮鍛虫�э紝璁╁┐骞煎効鑾峰緱鍏呭垎鐨勬剦鎮︽劅涓庢垚灏辨劅銆�
@@ -180,8 +180,8 @@
                         </div>
                         <p>璇锋牴鎹綘鐨勭悊瑙e拰缁忛獙锛岃皥涓�璋堟墭鑲叉満鏋勭殑娓告垙鐜涓彲鑳藉瓨鍦ㄧ殑瀹夊叏闅愭偅銆�</p>
                         <textarea v-model="questionData.unitOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                            style="max-width: 90%; min-width: 90%; margin-left: 30px" class="fz-16 textarea-main"
-                            @change="setQuestionData"></textarea>
+                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
+                            class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                     </div>
 
                 </div>
@@ -200,24 +200,80 @@
                 </ul>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級鏁欏笀璁捐濠村辜鍎挎父鎴忔椂搴旀敞閲嶅┐骞煎効鐨勫揩涔愭儏缁綋楠屻�傝繖涓昏浣撶幇鐨勫師鍒欐槸锛堛��銆�锛夈��</p>
-                    <p>A.瀹夊叏鎬�</p>
-                    <p>B.閫傚疁鎬�</p>
-                    <p>C.鐏垫椿鎬�</p>
-                    <p>D.瓒e懗鎬�</p>
-                    <p>2.锛堝崟閫夛級鏁欏笀鎸囧瀹堕暱鐢ㄦ墤鍏嬬墝甯﹀辜鍎跨帺鍒嗙被娓告垙锛岃�屼笉鏄偣鏁版垨鏁扮殑鍒嗚В涓庡悎鎴愮殑娓告垙銆傝繖涓昏浣撶幇浜嗗┐骞煎効娓告垙璁捐鐨勶紙銆�銆�锛夊師鍒欍��</p>
-                    <p>A.瀹夊叏鎬�</p>
-                    <p>B.閫傚疁鎬�</p>
-                    <p>C.鐏垫椿鎬�</p>
-                    <p>D.瓒e懗鎬�</p>
-                    <p>3.锛堝崟閫夛級骞煎効姝e湪鎺ㄧ潃鏀炬湁濞冨▋鐨勫皬妞呭瓙鐜┿�傚ソ濂舵�ュ繖涓�杈规姳璧峰辜鍎匡紝涓�杈瑰骞煎効璇粹�滃嵄闄╋紝妞呭瓙鏄敤鏉ュ潗鐨勨�濄�傝繖涓昏杩濊儗浜嗗┐骞煎効娓告垙璁捐鐨勶紙銆�銆�锛夊師鍒欍��</p>
-                    <p>A.鐏垫椿鎬�</p>
-                    <p>B.閫傚疁鎬�</p>
-                    <p>C.鑷富鎬�</p>
-                    <p>D.鍙戝睍鎬�</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>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
-                    <p>棣欏北鎱堝辜闄㈠湪涓浗鏁欒偛鍙蹭笂鏄竴鎵�杈冧负鐗规畩鐨勫鏍★紝鏄泦瀹跺涵銆佸鏍°�佺ぞ浼氫簬涓�浣撶殑鏁欏鎱堝杽鏈烘瀯锛屽畠鐙壒鐨勫姙瀛︽柟寮忓湪涓浗杩戜唬鏁欒偛鍙蹭笂璋卞啓浜嗗喘鏂扮殑涓�椤点�傚瀛愪滑浼氬湪鎱堝辜闄㈤噷杩涜鍝簺娲诲姩鍜屾父鎴忥紵浠栦滑蹇箰鍚楋紵鍚屽浠彲浠ユ壂鐮佷簡瑙f洿澶氬叧浜庨灞辨厛骞奸櫌鐨勬晠浜嬨��
+                    <p>棣欏北鎱堝辜闄㈠湪涓浗鏁欒偛鍙蹭笂鏄竴鎵�杈冧负鐗规畩鐨勫鏍★紝鏄泦瀹跺涵銆佸鏍°�佺ぞ浼氫簬涓�浣撶殑鏁欏鎱堝杽鏈烘瀯锛屽畠鐙壒鐨勫姙瀛︽柟寮忓湪涓浗杩戜唬鏁欒偛鍙蹭笂璋卞啓浜嗗喘鏂扮殑涓�椤点�傚瀛愪滑浼氬湪鎱堝辜闄㈤噷杩涜鍝簺娲诲姩鍜屾父鎴忥紵浠栦滑蹇箰鍚楋紵鍚屽浠彲浠ヤ簡瑙f洿澶氬叧浜庨灞辨厛骞奸櫌鐨勬晠浜嬨��
                     </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>
                 </div>
             </div>
         </div>
@@ -550,18 +606,115 @@
                 </ul>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級涓嬪垪锛堛��銆�锛夊睘浜庡闀垮湪濠村辜鍎挎父鎴忎腑杈冨父鎵紨鐨勮鑹层��</p>
-                    <p>A.娓告垙璇勪环鑰�</p>
-                    <p>B.娓告垙璁捐鑰�</p>
-                    <p>C.娓告垙闄即鑰�</p>
-                    <p>D.娓告垙缁勭粐鑰�</p>
-                    <p>2.濠村辜鍎挎父鎴忔寚瀵肩殑涓昏鍐呭鏈夊摢浜涳紵</p>
-                    <p>3.鏁欏笀鎸囧濠村辜鍎挎父鎴忕殑瑕佹眰鏈夊摢浜涳紵</p>
-                    <p>4.璧拌瑙傚療浜插弸鎴栭偦灞呭鐨勬父鎴忕幆澧冿紝杩愮敤鎵�瀛︾煡璇嗗垎鏋愯娓告垙鐜鍒涜鐨勪紭鐐逛笌涓嶈冻锛屽皾璇曟彁鍑烘敼鍠勭殑寤鸿銆�</p>
-                    <p>5.瑙傛懇璁板綍涓�娆℃棭鏁欐墭鑲叉満鏋勭粍缁囩殑娓告垙娲诲姩锛屽苟缁撳悎鎵�瀛︾煡璇嗚皥璋堣嚜宸辩殑鎯虫硶涓庢劅鍙椼��</p>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitOne" :key="'unitQuestionTwo2' + index">
+                        <li>
+                            {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                            }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitOneChoice" :key="'unitTwoChoice' + index">
+                        <li>
+                            {{ index + 3 }}.锛堝閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                                    }}銆�</span></span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitTwo">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitTwo" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
-                    <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>
                 </div>
             </div>
         </div>
@@ -710,6 +863,36 @@
                     <p>甯哥敤鐨勫┐骞煎効娓告垙瑙傚療鏂规硶涓昏鏈夊涓嬩笁绉嶃��</p>
                     <p>鈶犳壂鎻忚瀵熸硶銆傛壂鎻忚瀵熸硶鍗宠瀵熻�呭湪涓�娈垫椂闂村唴瀵圭彮绾у唴鎵�鏈夊┐骞煎効杩涜鍏ㄩ潰瑙傚療鐨勬柟娉曘�傝繖绉嶆柟娉曚富瑕佺敤浜庤瀵熷┐骞煎効娓告垙鐨勬皼鍥存�庢牱锛屽枩娆㈠摢浜涙父鎴忎富棰橈紝浣跨敤浜嗗摢浜涙父鎴忕帺鍏锋垨娓告垙鏉愭枡锛屽ぇ鑷存湁鍝簺琛屼负琛ㄧ幇锛屾父鎴忔椂闂寸殑闀跨煭绛夈�傛壂鎻忚瀵熸硶鐨勪紭鐐规槸鑳藉蹇�熷鏁翠釜濠村辜鍎跨彮绾х殑娓告垙鎯呭喌鏈変竴涓ぇ姒備簡瑙c�傚叾灞�闄愭�у湪浜庡洜涓鸿瀵熺殑鍐呭姣旇緝娉涳紝瑙傚療鐨勫┐骞煎効鏁伴噺杈冨锛屾墍浠ヤ笉鍒╀簬瑙傚療鑰呮繁鍏ヤ簡瑙d釜鍒┐骞煎効鐨勫彂灞曟按骞冲拰闇�瑕併�傝瀵熺粨鏋滀竴鑸褰曞湪浜嬪厛鍑嗗濂界殑琛ㄦ牸涓�傚鏋滄暀甯堣浜嗚В濠村辜鍎垮涓嶅悓鍖哄煙鍐呯帺鍏风殑鍠滃ソ绋嬪害锛屽彲璁捐濡備笅瑙傚療璁板綍琛紙瑙佽〃3-2锛夈��
                     </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 == 'b5825da2f4b250bdebe58506ada151a0') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛氬┐骞煎効娓告垙鐨勮褰�</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'aee4a53eba7bf404d8a9d87447ea527c') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                 </div>
             </div>
         </div>
@@ -739,6 +922,10 @@
                     </p>
                     <p>杞朵簨璁板綍娉曟槸瑙傚療鑰呭皢鎰熷叴瓒g殑涓旇涓烘槸鏈変环鍊肩殑銆佹湁鎰忎箟鐨勫┐骞煎効娓告垙琛屼负鍜屼簨浠剁敤鎻忚堪鎬х殑璇█璁板綍涓嬫潵鐨勬柟娉曘�傝蕉浜嬭褰曟硶涓嶈姹傚娓告垙鐨勫叏杩囩▼杩涜璁板綍锛屼絾瑕佹眰璁板綍瀹㈣銆佺繑瀹炪�傝繍鐢ㄨ蕉浜嬭褰曟硶鏈夊姪浜庢暀甯堝湪瀹炶返涓吋椤惧叏浣撳拰涓綋濠村辜鍎跨殑瑙傚療銆傛暀甯堟瘡娆¤瀵熺殑瀵硅薄鍙互鐩稿悓锛屼篃鍙互涓嶅悓銆傛暀甯堝湪杩愮敤姝ょ鏂规硶瑙傚療璁板綍鏃跺強鏃躲�佸瑙傘�佽缁嗗湴杩樺師娲诲姩涓殑缁嗚妭骞朵笉瀹规槗銆備负纭繚璁板綍鐨勫強鏃朵笌瀹㈣鎬э紝鏁欏笀鍙互闅忚韩甯︿竴浜涜褰曠殑鍗$墖銆佹湰瀛愭垨绠�瑕佺殑琛ㄦ牸浣滀负璁板綍宸ュ叿锛屽琛�3-3鎵�绀恒��
                     </p>
+
+
+
+
                 </div>
             </div>
         </div>
@@ -848,6 +1035,21 @@
                     <h5 id="e059">1.濠村辜鍎挎父鎴忚瘎浠风殑鍐呮兜</h5>
                     <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>瑙嗛锛氬┐骞煎効娓告垙鐨勮瘎浠�</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'bc39e1bc833fef30f8c0d2f2692f7794') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <h5 id="e060">2.濠村辜鍎挎父鎴忚瘎浠风殑鎰忎箟</h5>
                     <p>锛�1锛夋楠屾父鎴忔寚瀵兼晥鏋滐紝璋冩帶鎸囧绛栫暐</p>
                     <p>杩愮敤涓撲笟鐨勮瘎浠烽噺琛ㄦ垨瑙傚療銆佺爺璁ㄤ氦娴佺瓑鏂瑰紡璇勪环鏁欏笀娓告垙娲诲姩瀹炴柦鎯呭喌鍜屾晥鏋滐紝涓嶄粎鑳芥竻妤氬湴浜嗚В濠村辜鍎垮湪娓告垙娲诲姩涓墍鑾峰緱鐨勫彂灞曪紝妫�楠屾暀甯堟父鎴忔寚瀵肩殑鏁堟灉锛岃繕鑳藉彂鐜版暀甯堟父鎴忕幆澧冨垱璁俱�佹潗鏂欐姇鏀俱�佹椂闂村畨鎺掋�佹父鎴忔寚瀵肩瓥鐣ョ瓑鏂归潰鐨勪紭鐐逛笌涓嶈冻銆傝繖淇冧娇鏁欏笀鍦ㄥ潥鎸佺瀛︽寚瀵肩瓥鐣ョ殑鍚屾椂锛屼笉鏂皟鏁存父鎴忔寚瀵肩瓥鐣ワ紝浠ユ洿濂藉湴淇冭繘濠村辜鍎胯韩蹇冨彂灞曪紝閫愭笎鏍戠珛姝g‘鐨勫┐骞煎効娓告垙瑙傘��
@@ -1176,7 +1378,7 @@
                         <p>4.鏈夋満澧炲噺鎴栫粍鍚堟潗鏂欑敓鎴愭父鎴�</p>
                         <p>鎵樼彮鐨勭幆澧冨簲璇ユ牴鎹辜鍎跨殑鍙戝睍闇�瑕佽繘琛岄�傛椂閫傚綋鐨勫彉鎹紝濡傚鍑忔潗鏂欍�佺粍鍚堟潗鏂欑瓑锛屼互婊¤冻涓嶅悓鍙戝睍閫熷害骞煎効鐨勯渶瑕侊紝璇卞彂鍏朵笉鍚岃涓猴紝浠ユ敮鎸佹垨鎺ㄥ姩骞煎効鍙戝睍銆傛瘮濡傦紝鍦ㄢ�滅帺璞嗏�濇父鎴忎腑锛屽父閬囧埌杩欐牱鐨勬儏鍐碉細鐡跺彛灏忋�佸嫼瀛愬ぇ锛岃眴璞嗚涓嶈繘鐡朵腑锛屾父鎴忓垵濮嬮樁娈垫垨鑳藉姏寮辩殑骞煎効灏变細閫夋嫨鏀惧純銆傚鏋滄暀甯堥�傛椂涓哄辜鍎挎彁渚涙紡鏂椾箣绫荤殑宸ュ叿锛岃骞煎効鍊熷姪婕忔枟缁х画鎿嶄綔鎽嗗紕锛屾父鎴忓氨鑳界户缁笅鍘汇�傚皢鍚岀鏉愭枡杩涜缁勫悎锛屼篃鏄緢濂界殑涓�绉嶆柟娉曪紝濡傝疆鑳庣粍鍚堟父鎴忋�佺怀绱㈢粍鍚堛�佹瀛愮粍鍚堢瓑銆傛潗鏂欑殑缁勫悎鑳戒娇娲诲姩鐨勫彲鐜╂�у寮猴紝鏇撮渶瑕佸辜鍎垮崗璋冨绉嶈繍鍔ㄦ妧鑳斤紝骞堕�氳繃涓嶆柇鎺㈢储銆佸皾璇曪紝瀵绘壘浣胯嚜宸遍『鍒╄В鍐抽棶棰樼殑鏂规硶銆傚洜姝わ紝杩欏骞煎効鐨勮兘鍔涘叿鏈変竴瀹氱殑鎸戞垬鎬с�備絾涔熸鍥犱负鏈変簡鎸戞垬鎬э紝骞煎効鏇村枩娆㈣繖鏍风殑娲诲姩浜嗐�備絾缁勫悎杩囩▼涓紝瑕佹牴鎹辜鍎跨殑瀹為檯姘村钩锛岀‘瀹氶�傚疁鐨勯毦搴︺��
                         </p>
-                        <p>璧勬枡鏉ユ簮锛氭堡鑲栦附锛屾澀宸炲競婵骞煎効鍥暀鑲查泦鍥€�傛湁鏀瑰姩銆�</p>
+                        <p class="fm-fzxbs">璧勬枡鏉ユ簮锛氭堡鑲栦附锛屾澀宸炲競婵骞煎効鍥暀鑲查泦鍥€�傛湁鏀瑰姩銆�</p>
                     </div>
                 </div>
             </div>
@@ -1194,59 +1396,259 @@
                 </ul>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級涓嬪垪涓嶅睘浜庢父鎴忚褰曟硶涓殑鎻忚堪娉曠殑鏄紙銆�銆�锛夈��</p>
-                    <p>A.杞朵簨璁板綍娉�</p>
-                    <p>B.浜嬩欢鍙栨牱娉�</p>
-                    <p>C.瀹炲喌璁板綍娉�</p>
-                    <p>D.鏃ヨ璁板綍娉�</p>
-                    <p>2.锛堝閫夛級涓嬪垪灞炰簬娓告垙璁板綍娉曚腑鐨勮瘎瀹氭硶鐨勬槸锛堛��銆�锛夈��</p>
-                    <p>A.绛夌骇璇勫畾娉�</p>
-                    <p>B.鏃堕棿鍙栨牱娉�</p>
-                    <p>C.琛屼负妫�鏍告硶</p>
-                    <p>D.杞朵簨璁板綍娉�</p>
-                    <p>3.濠村辜鍎挎父鎴忚瀵熺殑姝ラ鏈夊摢浜涳紵</p>
-                    <p>4.濠村辜鍎挎父鎴忚瘎浠风殑鎰忎箟鍜屽師鍒欐湁鍝簺锛�</p>
-                    <p>5.灏忕粍浠诲姟锛氬拰灏忕粍鎴愬憳涓�璧疯璁鸿璁′竴涓�0锝�3宀佸┐骞煎効娓告垙鏂规銆傝鏁欏笀淇敼瀹屽杽鍚庡垎宸ュ悎浣滃埌浜插弸瀹舵垨鎵樿偛鏈烘瀯鎵惧埌鐩稿簲骞撮緞娈靛┐骞煎効杩涜缁勭粐瀹炴柦锛屽苟閫夋嫨鎭板綋鐨勮瀵熶笌璁板綍鏂规硶杩涜瑙傚療璁板綍锛屽垎鏋愯瘎浠峰┐骞煎効娓告垙鍙戝睍姘村钩锛屽畬鎴愬悗鍐欎竴浠芥椿鍔ㄥ績寰椼��
-                    </p>
-                        <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>
+                    <ul v-for="(item, index) in unitQuestionThree.unitOneChoice" :key="'unitOneChoiceThree' + index">
+                        <li>
+                            {{ index + 3 }}.锛堝閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionThree.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionThree" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                            }}銆�</span></span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitThree">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitThree" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionThree.isShowAnswer = !unitQuestionThree.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
+                    <p>
                         <img class="rwmb-1" alt="" src="../../assets/images/0060_01.jpg" />
                     </p>
-                      <p>
+                    <p>鏈宀椾綅瀹炶锛屾槸浣犱滑灏嗙悊璁虹煡璇嗚浆鍖栦负瀹為檯鎿嶄綔鑳藉姏鐨勯噸瑕佸鏈猴紝杩欎笉浠呮槸瀵逛笓涓氱煡璇嗙殑涓�娆″疄鎴樻楠岋紝鏇存槸鏈潵浠庝簨鐩稿叧鑱屼笟蹇呬笉鍙皯鐨勭粌鍏点�傝鎴戜滑涓�璧峰紑鍚繖鍦哄厖婊℃寫鎴樹笌鎯婂枩鐨勫疄璁惂锛�</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(3)">聽鏂囨湰璧勬簮锛氭ā鍧椾笁聽宀椾綅杩涢樁璁粌</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(4)">聽鏂囨湰璧勬簮锛氭ā鍧椾笁聽瀹炶宸ヤ綔浠诲姟</span>
+                            </div>
+                        </div>
+                    </div>
+                    <p>
                         <img class="rwmb-1" alt="" src="../../assets/images/0060_04.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: "chapterThree",
     props: {
         showPageList: {
             type: Array,
         },
+        interfaceQuestion: {
+            type: Object,
+        },
+    },
+    components: {
+        preView,
+        dialogExaminations,
     },
     data() {
         return {
+            // pdf
+            dialogVisible: false,
+            pdfDialogRef: "",
+            somePdfTitleValue: "",
+            p_md5: "",
+            chapter001: {
+                pdfMd5: {
+                    1: {
+                        md5: "d5db7d4d8d605f7339473cfd56817ef4",
+                        name: "璧拌繎棣欏北鎱堝辜闄�",
+                    },
+                    2: {
+                        md5: "878b95e1430df73cec22bf947e3cbbc7",
+                        name: "椹儗鎽囩鈥斺�斿欢瀹変繚鑲查櫌",
+                    },
+                    3: {
+                        md5: "f2d1d4f55d7b41c7a516bf1b54ae74ae",
+                        name: "妯″潡涓壜犲矖浣嶈繘闃惰缁�",
+                    },
+                    4: {
+                        md5: "d5086ab140bc93d86a2c9bff0eaa2ea4",
+                        name: "妯″潡涓壜犲疄璁伐浣滀换鍔�",
+                    },
+                },
+                question: {
+                    1: {
+                        questionTitleMain: "瀛︿範妯″潡涓�",
+                        questionNum: 95,
+                    },
+                },
+            },
+            // 棰樼洰
+            dialogVisibleOne: false,
+            themeColor: "#6dcff6",
+            questionNum: 0,
+            questionTitleMain: "",
+            // 棰樼洰
             collectImg: require("../../assets/images/icon/heart.png"),
             collectCheck: require("../../assets/images/icon/heart-check.png"),
             videoPathOne: "",
             videoPathTwo: "",
             videoPathThree: "",
-            videoPathFour: "",
-            videoPathFive: "",
             collectResourceList: [],
             chapterData: {
                 isCollectVideo: false,
                 isCollectVideo01: false,
                 isCollectVideo02: false,
-                isCollectVideo03: false,
-                isCollectVideo04: false,
-                isCollectVideo05: false,
-                isCollectVideo06: false,
             },
             tableData: {
                 unitOne: {
@@ -1266,6 +1668,10 @@
                     four: "",
                     five: "",
                     six: "",
+                    seven: "",
+                    eight: "",
+                    nine: "",
+                    ten: "",
                 }
             },
             textQuestionData: {
@@ -1279,7 +1685,408 @@
                 eight: "",
                 nine: "",
                 ten: "",
-            }
+            },
+            // 涔犻53椤�
+            unitQuestionOne: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "鏁欏笀璁捐濠村辜鍎挎父鎴忔椂搴旀敞閲嶅┐骞煎効鐨勫揩涔愭儏缁綋楠屻�傝繖涓昏浣撶幇鐨勫師鍒欐槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "D",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐏垫椿鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鏁欏笀鎸囧瀹堕暱鐢ㄦ墤鍏嬬墝甯﹀辜鍎跨帺鍒嗙被娓告垙锛岃�屼笉鏄偣鏁版垨鏁扮殑鍒嗚В涓庡悎鎴愮殑娓告垙銆傝繖涓昏浣撶幇浜嗗┐骞煎効娓告垙璁捐鐨勶紙銆�锛夊師鍒欍��",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐏垫椿鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "骞煎効姝e湪鎺ㄧ潃鏀炬湁濞冨▋鐨勫皬妞呭瓙鐜┿�傚ソ濂舵�ュ繖涓�杈规姳璧峰辜鍎匡紝涓�杈瑰骞煎効璇粹�滃嵄闄╋紝妞呭瓙鏄敤鏉ュ潗鐨勨�濄�傝繖涓昏杩濊儗浜嗗┐骞煎効娓告垙璁捐鐨勶紙銆�锛夊師鍒欍��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鐏垫椿鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鏁欏笀鍦ㄨ璁¤繍鍔ㄦ父鎴忔椂璁剧疆缁曡繃鈥滃ぇ鐭冲ご鈥濄�佺埇涓婂皬灞卞潯銆佽烦杩囧皬娌虫祦鐜妭锛屼富瑕佷綋鐜颁簡娓告垙璁捐鐨勶紙銆�锛夊師鍒欍��",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鑷富鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬪垪鍝竴椤瑰┐骞煎効娓告垙璁捐鐨勫師鍒欐渶鑳戒綋鐜板┐骞煎効娓告垙鐨勬湰璐ㄧ壒寰侊紵锛堛��锛�",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鑷富鎬�",
+                                value: "A"
+                            },
+                            {
+                                txt: "瓒e懗鎬�",
+                                value: "B"
+                            },
+                            {
+                                txt: "瀹夊叏鎬�",
+                                value: "C"
+                            },
+                            {
+                                txt: "閫傚疁鎬�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻62椤�
+            unitQuestionTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "涓嬪垪锛堛��锛夊睘浜庡闀垮湪濠村辜鍎挎父鎴忎腑杈冨父鎵紨鐨勮鑹层��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "娓告垙璇勪环鑰�",
+                                value: "A"
+                            },
+                            {
+                                txt: "娓告垙璁捐鑰�",
+                                value: "B"
+                            },
+                            {
+                                txt: "娓告垙闄即鑰�",
+                                value: "C"
+                            },
+                            {
+                                txt: "娓告垙缁勭粐鑰�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "濠村辜鍎挎父鎴忔潗鏂欑殑閫夋嫨搴斾富瑕佽�冭檻鍝簺鍥犵礌锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "濠村辜鍎跨殑骞撮緞銆佸叴瓒e拰宸叉湁娓告垙缁忛獙",
+                                value: "A"
+                            },
+                            {
+                                txt: "濠村辜鍎跨殑鎬у埆鍜岃韩楂�",
+                                value: "B"
+                            },
+                            {
+                                txt: "濠村辜鍎跨殑浣撻噸鍜岃鍔�",
+                                value: "C"
+                            },
+                            {
+                                txt: "濠村辜鍎跨殑鍠滃ソ鍜屽搴儗",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+                unitOneChoice: [
+                    {
+                        txt: "瀹堕暱鍦ㄥ┐骞煎効娓告垙涓殑鎸囧瑕佹眰涓昏鍖呮嫭鍝簺鏂归潰锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: ["A", "B", "C",],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鍒涜閫傚疁鐨勫搴父鎴忕幆澧�",
+                                value: "A"
+                            },
+                            {
+                                txt: "鍏ㄥ績闄即涓庢敮鎸佸┐骞煎効娓告垙",
+                                value: "B"
+                            },
+                            {
+                                txt: "缁嗚嚧瑙傚療濠村辜鍎跨殑娓告垙琛ㄧ幇",
+                                value: "C"
+                            },
+                            {
+                                txt: "璇勪环濠村辜鍎跨殑娓告垙",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "瀹堕暱鍦ㄥ┐骞煎効娓告垙涓殑鎸囧瑕佹眰涓昏鍖呮嫭鍝簺鏂归潰锛燂紙銆�锛�",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鍒涜閫傚疁鐨勬父鎴忕幆澧�",
+                                value: "A"
+                            },
+                            {
+                                txt: "绉戝璁捐濠村辜鍎挎父鎴忔柟妗�",
+                                value: "B"
+                            },
+                            {
+                                txt: "绉戝瑙傚療涓庤瘎浠峰┐骞煎効娓告垙",
+                                value: "C"
+                            },
+                            {
+                                txt: "绮惧績缁勭粐濠村辜鍎挎父鎴忚繃绋�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鏁欏笀鍦ㄧ粍缁囧┐骞煎効娓告垙鏃堕渶瑕佹敞鎰忓摢浜涙柟闈紵锛堛��锛�",
+                        isRight: null,
+                        answer: ["A", "B", "C"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "纭繚娓告垙鏉愭枡鐨勫畨鍏ㄥ崼鐢�",
+                                value: "A"
+                            },
+                            {
+                                txt: "閫氳繃鎻愰棶寮曞鍚彂濠村辜鍎�",
+                                value: "B"
+                            },
+                            {
+                                txt: "瑙傚療濠村辜鍎跨殑琛屼负锛岀湅浠栦滑鏄浣曡В鍐抽棶棰樼殑",
+                                value: "C"
+                            },
+                            {
+                                txt: "闄愬埗濠村辜鍎跨殑鎺㈢储绌洪棿",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻85椤�
+            unitQuestionThree: {
+                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: "涓嬪垪灞炰簬娓告垙璁板綍娉曚腑鐨勮瘎瀹氭硶鐨勬槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: ["A", "C",],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "绛夌骇璇勫畾娉�",
+                                value: "A"
+                            },
+                            {
+                                txt: "鏃堕棿鍙栨牱娉�",
+                                value: "B"
+                            },
+                            {
+                                txt: "琛屼负妫�鏍告硶",
+                                value: "C"
+                            },
+                            {
+                                txt: "杞朵簨璁板綍娉�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬪垪灞炰簬濠村辜鍎胯鑹叉父鎴忚瀵熶笌璇勪环涓昏鍐呭鐨勬湁锛堛��锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "D",],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鏉愭枡鐨勮繍鐢�",
+                                value: "A"
+                            },
+                            {
+                                txt: "绀句氦琛ㄧ幇",
+                                value: "B"
+                            },
+                            {
+                                txt: "寤烘瀯褰㈠紡",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙掕壊琛ㄧ幇",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "濠村辜鍎跨粨鏋勬父鎴忚瀵熶笌璇勪环鐨勫唴瀹瑰寘鎷紙銆�锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "鏉愭枡鐨勮繍鐢�",
+                                value: "A"
+                            },
+                            {
+                                txt: "绀句氦琛ㄧ幇",
+                                value: "B"
+                            },
+                            {
+                                txt: "寤烘瀯褰㈠紡",
+                                value: "C"
+                            },
+                            {
+                                txt: "娓告垙甯歌",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            chapter002: {
+                videoMd5: [
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "66dc93e4834e55e8ada3eacda56bce8d",
+                        name: "娓告垙瑙傚療",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "1affa8b5db69dcea22e35f9d84638438",
+                        name: "濠村辜鍎挎父鎴忓疄鏂芥寚瀵�",
+                    },
+                ],
+            },
         }
     },
     async mounted() {
@@ -1301,8 +2108,88 @@
             this.textQuestionData = JSON.parse(textQuestionData);
         }
 
+        const unitQuestionOne = localStorage.getItem("toddlerGameImplementation-book-chapter003-unitQuestionOne");
+        if (unitQuestionOne) {
+            this.unitQuestionOne = JSON.parse(unitQuestionOne);
+        }
+
+        const unitQuestionTwo = localStorage.getItem("toddlerGameImplementation-book-chapter003-unitQuestionTwo");
+        if (unitQuestionTwo) {
+            this.unitQuestionTwo = JSON.parse(unitQuestionTwo);
+        }
+
+        const unitQuestionThree = localStorage.getItem("toddlerGameImplementation-book-chapter003-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(
+                "b5825da2f4b250bdebe58506ada151a0"
+            );
+            this.videoPathTwo = await getResourcePath(
+                "aee4a53eba7bf404d8a9d87447ea527c"
+            );
+            this.videoPathThree = await getResourcePath(
+                "bc39e1bc833fef30f8c0d2f2692f7794"
+            );
+            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("b5825da2f4b250bdebe58506ada151a0", "b5825da2f4b250bdebe58506ada151a0", '', "瑙嗛", "bits", '瑙嗛锛氬┐骞煎効娓告垙鐨勮瀵�')
+                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
+            } else if (e == 'video-02') {
+                this.handleCollectResource("aee4a53eba7bf404d8a9d87447ea527c", "aee4a53eba7bf404d8a9d87447ea527c", '', "瑙嗛", "bits", '瑙嗛锛氬┐骞煎効娓告垙鐨勮褰�')
+                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+            } else if (e == 'video-03') {
+                this.handleCollectResource("bc39e1bc833fef30f8c0d2f2692f7794", "bc39e1bc833fef30f8c0d2f2692f7794", '', "瑙嗛", "bits", '瑙嗛锛氬┐骞煎効娓告垙鐨勮瘎浠�')
+                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-chapter03-tableData",
@@ -1321,7 +2208,144 @@
                 "toddlerGameImplementation-book-chapter003-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-chapter003-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-chapter003-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-chapter003-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-chapter003-unitQuestionTwo",
+                JSON.stringify(this.unitQuestionTwo)
+            );
+        },
+
+        goUnitThree() {
+            for (let index = 0; index < this.unitQuestionThree.unitOne.length; index++) {
+                const item = this.unitQuestionThree.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+
+            for (let index = 0; index < this.unitQuestionThree.unitOneChoice.length; index++) {
+                const item = this.unitQuestionThree.unitOneChoice[index];
+                if (item.userAnswer.length === item.answer.length) {
+                    // 浣跨敤every鏂规硶妫�鏌serAnswer涓殑姣忎釜鍏冪礌鏄惁閮藉湪answer涓�
+                    const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
+                    item.isRight = isRight;
+                } else {
+                    // 濡傛灉闀垮害涓嶅悓锛屽垯瀹冧滑涓嶅彲鑳藉畬鍏ㄧ浉鍚�
+                    item.isRight = false;
+                }
+            }
+            this.unitQuestionThree.isComplete = true
+            this.unitQuestionThree.isShowAnswer = true
+            this.saveUnitQuestionThree()
+        },
+        changeUnitThree() {
+            localStorage.removeItem("toddlerGameImplementation-book-chapter003-unitQuestionThree")
+            for (let index = 0; index < this.unitQuestionThree.unitOne.length; index++) {
+                const item = this.unitQuestionThree.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            for (let index = 0; index < this.unitQuestionThree.unitOneChoice.length; index++) {
+                const item = this.unitQuestionThree.unitOneChoice[index];
+                item.userAnswer = []
+                item.isRight = null
+            }
+            this.unitQuestionThree.isComplete = false
+            this.unitQuestionThree.isShowAnswer = false
+        },
+        saveUnitQuestionThree() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter003-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