From f28ebe784ed134c066e28fbbdd9a663880b6e23d Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 29 五月 2025 21:33:25 +0800
Subject: [PATCH] 婴幼儿游戏活动实施,幼儿园全本

---
 src/books/toddlerGameImplementation/view/components/chapter005.vue | 1604 +++++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 1,345 insertions(+), 259 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter005.vue b/src/books/toddlerGameImplementation/view/components/chapter005.vue
index 647f84b..0b77670 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter005.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter005.vue
@@ -290,7 +290,7 @@
                             <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
                         <p>璇疯璁′竴涓府鍔�0锝�3涓湀濠村効鍙戝睍澹伴煶鍒嗚鲸鑳藉姏鍜屽0婧愬畾浣嶈兘鍔涚殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
-                        <textarea v-model="textQuestionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                        <textarea v-model="textQuestionData.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                             style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
                             @change="saveTextQuestionData"></textarea>
                     </div>
@@ -432,7 +432,7 @@
                             <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
                         <p>璇疯璁′竴涓府鍔�4锝�6涓湀濠村効鍙戝睍鎵嬬溂鍗忚皟鑳藉姏鐨勮鐭ユ父鎴忥紝璇峰皢娓告垙鐜╂硶浠嬬粛缁欎綘鐨勮�佸笀鍜屽悓瀛﹀惂锛�</p>
-                        <textarea v-model="textQuestionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                        <textarea v-model="textQuestionData.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                             style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
                             @change="saveTextQuestionData"></textarea>
                     </div>
@@ -530,7 +530,7 @@
                             <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
                         <p>璇疯璁′竴涓府鍔�7锝�9涓湀濠村効鍙戝睍瀹綋姘镐箙鎬ф蹇电殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
-                        <textarea v-model="textQuestionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                        <textarea v-model="textQuestionData.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                             style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
                             @change="saveTextQuestionData"></textarea>
                     </div>
@@ -606,17 +606,61 @@
                     <h4 id="d103">锛堝洓锛夋寚瀵艰鐐�</h4>
                     <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀胯鍑嗗濂藉悎閫傜殑娓告垙閬撳叿銆�</p>
                     <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱瑕佺暀缁欏┐鍎胯冻澶熺殑鎰熺煡鏃堕棿锛屼笉瑕佹�ヤ簬鏁欎粬浠�庝箞鐜╋紱鍦ㄥ┐鍎跨啛缁冨悗锛屽闀垮彲鍔犲叆鍏朵粬褰㈢姸锛屽崌绾ф父鎴忛毦搴︺��</p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�0锝�1宀佸┐鍎胯鐭ユ父鎴忚璁′笌鎸囧</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '612abd9003338a4913a9b81463d01b51') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
                         <p>濡備粖缁胯壊鐜繚宸茬粡鎴愪负鎴戜滑鐢熸椿鐨勪竴閮ㄥ垎锛屽奖鍝嶇潃浜轰滑鐨勭敓娲绘柟寮忥紝濡傜墿鍝佺殑寰幆鍒╃敤銆傜摱鐩栥�佸崼鐢熺焊妗躲�佺焊鐩掔瓑鏃ュ父鐢ㄥ搧鍚屾牱钑村惈鐫�鍙戝睍濠村辜鍎胯兘鍔涚殑濂戞満锛屽彲浠ユ弧瓒冲┐骞煎効鐪嬬湅銆佹懜鎽搞�佺帺鐜╃殑闇�瑕併�傝鍒╃敤鐢熸椿涓殑鏃ュ父鐢ㄥ搧璁捐涓�涓潰鍚�10锝�12涓湀濠村効鐨勮鐭ユ父鎴忥紝灏嗘父鎴忕殑鐜╂硶绠�瑕佷粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛︺��
                         </p>
                     </div>
                     <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>
+                    <ul v-for="(item, index) in unitQuestionOne.unitOne.slice(0, 1)" :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>
             </div>
         </div>
@@ -632,23 +676,130 @@
                     </li>
                 </ul>
                 <div class="bodystyle">
-                    <p>2.锛堝崟閫夛級涓哄┐骞煎効璁捐鈥滄垜鍦ㄥ摢閲屸�濈殑娓告垙锛屼綘璁や负璇存硶姝g‘鐨勬槸锛堛��銆�锛夈��</p>
-                    <p>A.娓告垙鏃堕棿瓒婇暱瓒婂ソ</p>
-                    <p>B.娓告垙閬撳叿涓嶈兘鐢ㄩ暅瀛�</p>
-                    <p>C.2涓湀澶х殑濠村効鍙互寮�濮嬬帺杩欎釜娓告垙</p>
-                    <p>D.鐩殑鍦ㄤ簬璁粌濠村辜鍎跨殑閰嶅鑳藉姏</p>
-                    <p>3.锛堝閫夛級濠村辜鍎胯鐭ユ父鎴忕殑璁捐搴旈噰鍙栵紙銆�銆�锛夌殑鏂瑰紡杩涜銆�</p>
-                    <p>A.鍔ㄤ竴鍔�</p>
-                    <p>B.鐪嬩竴鐪�</p>
-                    <p>C.鎽镐竴鎽�</p>
-                    <p>D.闂讳竴闂�</p>
-                    <p>4.锛堝閫夛級濠村辜鍎胯鐭ユ父鎴忓叿鏈夛紙銆�銆�锛夌殑浣滅敤銆�</p>
-                    <p>A.淇冭繘澶ц剳鍚勪釜鎰熻閫氶亾鐨勫缓绔�</p>
-                    <p>B.淇冭繘鎵嬬溂鍗忚皟鑳藉姏鐨勫彂灞�</p>
-                    <p>C.淇冭繘鑲綋鍔ㄤ綔鐨勫崗璋冨彂灞�</p>
-                    <p>D.淇冭繘绮剧粏鍔ㄤ綔鐨勫彂灞�</p>
-                    <p>5.锛堝垽鏂級瀹綋姘镐箙鎬ф槸骞煎効澶勪簬鏅烘収鐨勭粨鏉熼樁娈电殑鏍囧織銆傦紙銆�銆�锛�</p>
-                    <p>6.7锝�8涓湀濠村効寮�濮嬫湁鏄庢樉鐨勮鐢熺幇璞★紝鍠滄鍜岃嚜宸辩啛鎮夌殑浜轰竴璧锋父鎴忥紝鍚﹀垯浼氬け鍘绘父鎴忕殑鍏磋叮銆傝瘯鎬荤粨鎴愪汉涓庤骞撮緞娈电殑濠村効寮�灞曟父鎴忔椂鐨勬敞鎰忎簨椤广��</p>
+                    <ul v-for="(item, index) in unitQuestionOne.unitOne.slice(1, 2)" :key="'unitQuestionOne' + index">
+                        <li>
+                            {{ index + 2 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                                }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <ul v-for="(item, index) in unitQuestionOne.unitOneChoice" :key="'unitOneChoice' + index">
+                        <li>
+                            {{ index + 3 }}.锛堝閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                            }}銆�</span></span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <ul v-for="(item, index) in unitQuestionOne.unitOne.slice(2, 3)" :key="'unitQuestionOne' + index">
+                        <li>
+                            {{ index + 5 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionOne" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                                }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitOne">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitOne" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionOne.isShowAnswer = !unitQuestionOne.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
                 </div>
             </div>
         </div>
@@ -748,15 +899,15 @@
                     <p class="fm-fzfs">涓佷竵鐨勭埜鐖稿枩娆㈢帺鐢靛瓙娓告垙銆傛瘡褰撶埜鐖稿紑濮嬬帺娓告垙鐨勬椂鍊欙紝涓佷竵涔熷枩娆㈠噾杩囧幓鐪嬶紝璁ょ湡鍦扮湅鐫�娓告垙鐣岄潰锛屽苟鏃朵笉鏃跺湴鍋氬嚭璺熺埜鐖哥浉浼肩殑娓告垙鍔ㄤ綔銆�</p>
                     <p><b>鎯充竴鎯筹細</b></p>
                     <p class="fm-kt">1.鑻楄嫍鍜屼竵涓佷负浠�涔堜細鍑虹幇杩欐牱鐨勮涓猴紵</p>
-                    <textarea v-model="textQuestionData.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                    <textarea v-model="textQuestionData.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                         style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                         @change="saveTextQuestionData"></textarea>
                     <p class="fm-kt">2.妯′豢鎴愪汉鐨勮涓哄淇冭繘骞煎効璁ょ煡鍙戝睍鏈夋�庢牱鐨勬剰涔夛紵</p>
-                    <textarea v-model="textQuestionData.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                    <textarea v-model="textQuestionData.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                         style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                         @change="saveTextQuestionData"></textarea>
                     <p class="fm-kt">3.浣犺繕鑳芥兂鍒板摢浜涘辜鍎垮湪娓告垙涓ā浠挎垚浜虹殑琛屼负鍛紵</p>
-                    <textarea v-model="textQuestionData.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                    <textarea v-model="textQuestionData.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                         style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                         @change="saveTextQuestionData"></textarea>
                     <h3 id="c043">涓�銆�1锝�1.5宀佸辜鍎胯鐭ユ父鎴忚璁′笌鎸囧</h3>
@@ -770,19 +921,18 @@
                     </p>
                     <p>鍦ㄦ�濈淮鍙戝睍鏂归潰锛岃闃舵鐨勫辜鍎挎�濈淮鍙戝睍鏈夊涓嬬壒鐐广�備竴鏄�濈淮鐗瑰緛琛ㄧ幇鏄庢樉锛岃〃鐜板湪璁ょ煡鍑虹幇鐨勯棿鎺ユ�э紙琛ㄦ剰鎬у姩浣滆捣鍒扮被浼艰瑷�鐨勫姛鑳斤紝鍙嶆槧浜嗗辜鍎跨殑鎰忔効鍜岀洰鐨勶級锛涜鐭ュ嚭鐜版鎷�э紙1宀佷互鍚庯紝骞煎効寮�濮嬫寜鐓х墿浣撶殑鎬ц川杩涜鎿嶄綔锛屼笉鍐嶅彧鏄洸鐩湴鐜╄�嶅伐鍏凤級锛涘垵姝ヨВ鍐抽棶棰樼殑鑳藉姏鍑虹幇锛堝辜鍎垮紑濮嬪皾璇曠敤鈥滆瘯璇�濊В鍐抽棶棰橈級銆備簩鏄�濈淮姘村钩鏈変簡璐ㄧ殑椋炶穬锛屼綋鐜板湪璇ラ樁娈电殑骞煎効鑳藉閫氳繃涓诲姩鐨勮瘯楠屽彂鐜版柊鏂规硶锛岄噰鐢ㄢ�滆瘯璇�濆紡鐨勫涔犳柟寮忥紝骞跺涓嶅彲棰勬祴鐨勪簨鎯呮湁鏋佸ぇ鐨勫叴瓒c��
                     </p>
-                    <div class="img-rights w120">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" /></p>
-                            </div>
-                            <p>杩欎釜骞撮緞娈电殑骞煎効寮�濮嬭繘鍏ヨ璧扮殑鏁忔劅鏈熷拰鍙f鏈燂紝缁忓父鍠滄鎶婄帺鍏锋垨鍏朵粬鐗╁搧鏀惧埌鍢撮噷鍟冧竴鍟冩垨鐢ㄨ垖澶磋垟涓�鑸斻�傞潰瀵硅繖绉嶇幇璞★紝搴旇鎬庝箞鍔烇紵</p>
+                    <h5 id="e113">2.鐭ヨ鍙戝睍鐨勯渶瑕�</h5>
+                    <p>鍦ㄦ劅鐭ヨ鍙戝睍鏂归潰锛屾骞撮緞娈电殑骞煎効寮�濮嬪枩娆㈢敤鍢淬�佹墜璇曟帰鍚勭涓滆タ锛屼細闀挎椂闂磋瀵熻嚜宸辨劅鍏磋叮鐨勪簨鐗╋紝骞剁敤鍔ㄤ綔鎴栧叾浠栨柟寮忚〃绀轰笉鍚岀殑鍙嶅簲銆備粬浠殑鎰熺煡瑙夊彂灞曟洿绮剧粏鍖栵紝濡傝瑙変笂鍙互鍖哄垎涓�鍫嗙墿浣撲腑鐨勫崟涓�棰滆壊銆佸惉瑙夎鲸闊宠兘鍔涙洿鏁忛攼銆傛垚浜哄彲浠ラ�氳繃寮曞骞煎効浠ュ绉嶅舰寮忕殑娓告垙鍔犲己鎰熺煡瑙夎缁冩潵鎻愬崌璁ょ煡鑳藉姏銆傚湪鎬濈淮鍙戝睍鏂归潰锛屼粬浠殑鎬濈淮姘村钩鏄捐憲鎻愬崌銆傞殢鐫�鑷垜鎰忚瘑鐨勫彂灞曪紝浠栦滑鎰挎剰鍦ㄢ�滆瘯璇�濅腑鎵惧埌瑙e喅闂鐨勬柟娉曪紝浼氭ā浠挎垚浜轰竴浜涚畝鍗曠殑鍔ㄤ綔鎴栧0闊筹紝鍑虹幇浜嗚嚜鍙戞ā浠挎父鎴忋�傛骞撮緞娈电殑骞煎効鏇村姞琛ㄧ幇鍑虹ぞ浼氬寲鐨勭壒鐐癸紝浠栦滑瀛︿範鍏磋叮娴撳帤锛屾洿绉瀬鍦版兂瑕佽瀺鍏ユ垚浜轰笘鐣屻�傛垚浜哄彲浠ュ崗鍔╁辜鍎垮湪瀹屾垚瀛︿範浠诲姟涓繘涓�姝ュ己鍖栨劅鐭ヨ鑳藉姏鍜屽姞寮烘�濈淮璁粌銆佹彁鍗囧涔犺兘鍔涖��
+                    </p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" /></p>
                         </div>
+                        <p>杩欎釜骞撮緞娈电殑骞煎効寮�濮嬭繘鍏ヨ璧扮殑鏁忔劅鏈熷拰鍙f鏈燂紝缁忓父鍠滄鎶婄帺鍏锋垨鍏朵粬鐗╁搧鏀惧埌鍢撮噷鍟冧竴鍟冩垨鐢ㄨ垖澶磋垟涓�鑸斻�傞潰瀵硅繖绉嶇幇璞★紝搴旇鎬庝箞鍔烇紵</p>
+                        <textarea v-model="textQuestionData.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h5 id="e113">2.鐭ヨ鍙戝睍鐨勯渶瑕�</h5>
-                        <p>鍦ㄦ劅鐭ヨ鍙戝睍鏂归潰锛屾骞撮緞娈电殑骞煎効寮�濮嬪枩娆㈢敤鍢淬�佹墜璇曟帰鍚勭涓滆タ锛屼細闀挎椂闂磋瀵熻嚜宸辨劅鍏磋叮鐨勪簨鐗╋紝骞剁敤鍔ㄤ綔鎴栧叾浠栨柟寮忚〃绀轰笉鍚岀殑鍙嶅簲銆備粬浠殑鎰熺煡瑙夊彂灞曟洿绮剧粏鍖栵紝濡傝瑙変笂鍙互鍖哄垎涓�鍫嗙墿浣撲腑鐨勫崟涓�棰滆壊銆佸惉瑙夎鲸闊宠兘鍔涙洿鏁忛攼銆傛垚浜哄彲浠ラ�氳繃寮曞骞煎効浠ュ绉嶅舰寮忕殑娓告垙鍔犲己鎰熺煡瑙夎缁冩潵鎻愬崌璁ょ煡鑳藉姏銆傚湪鎬濈淮鍙戝睍鏂归潰锛屼粬浠殑鎬濈淮姘村钩鏄捐憲鎻愬崌銆傞殢鐫�鑷垜鎰忚瘑鐨勫彂灞曪紝浠栦滑鎰挎剰鍦ㄢ�滆瘯璇�濅腑鎵惧埌瑙e喅闂鐨勬柟娉曪紝浼氭ā浠挎垚浜轰竴浜涚畝鍗曠殑鍔ㄤ綔鎴栧0闊筹紝鍑虹幇浜嗚嚜鍙戞ā浠挎父鎴忋�傛骞撮緞娈电殑骞煎効鏇村姞琛ㄧ幇鍑虹ぞ浼氬寲鐨勭壒鐐癸紝浠栦滑瀛︿範鍏磋叮娴撳帤锛屾洿绉瀬鍦版兂瑕佽瀺鍏ユ垚浜轰笘鐣屻�傛垚浜哄彲浠ュ崗鍔╁辜鍎垮湪瀹屾垚瀛︿範浠诲姟涓繘涓�姝ュ己鍖栨劅鐭ヨ鑳藉姏鍜屽姞寮烘�濈淮璁粌銆佹彁鍗囧涔犺兘鍔涖��
-                        </p>
-                    </span>
                 </div>
             </div>
         </div>
@@ -817,20 +967,19 @@
                     <h5 id="e115">2.鍙戝睍鐩爣鐨勭‘绔�</h5>
                     <p>鏍规嵁骞煎効璁ょ煡鑳藉姏鍙戝睍鐨勫勾榫勭壒鐐癸紝纭畾浠ヤ笅涓や釜鐩爣锛氣憼寮曞骞煎効瀛︿細瑙傚療锛涒憽閿荤偧骞舵彁楂樺辜鍎垮浜嬬墿鐨勫叡鎬х壒寰佺殑鐞嗚В鍜屽垎绫诲尮閰嶈兘鍔涖��</p>
                     <h5 id="e116">3.娓告垙鐜╂硶鐨勮璁�</h5>
-                    <div class="img-float w130">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-4 img-d" alt="" src="../../assets/images/sjyy.png" /></p>
-                            </div>
-                            <p>璇疯璁′竴涓�傚悎1锝�1.5宀佸辜鍎垮紑灞曡璇嗗浘褰㈢殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+                    <p>鎴愪汉閫氳繃绾跨储寮曞锛屾槑纭悓绫讳簨鐗╃殑鍏卞悓灞炴�э紝浠ュ府鍔╁辜鍎跨悊瑙f父鎴忕帺娉曪紱鍐嶉�氳繃澧炲姞骞叉壈椤癸紝寮曞骞煎効灏濊瘯鑷富鎺㈢储锛屽湪鍙嶅鐨勮缁冧腑鎻愰珮骞煎効鐨勮瀵熻兘鍔涘拰鍒嗙被鑳藉姏銆�</p>
+                    <h4 id="d107">锛堝洓锛夋寚瀵艰鐐�</h4>
+                    <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀胯鍑嗗濂借冻澶熸暟閲忕殑鍥剧墖绱犳潗銆�</p>
+                    <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱鍙笉鍋氱ず鑼冿紝鐩存帴璁╁辜鍎垮皾璇曪紱鍦ㄩ娆″嚭绀鸿瀵熷浘鐗囨椂锛屾垚浜哄彲鑰冭檻渚濇嵁骞煎効鐨勫彂灞曟按骞冲澧炶鍑犵粍鍥剧墖骞舵墦涔辨斁鍦ㄦ涓娿��</p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
+                        <p>璇疯璁′竴涓�傚悎1锝�1.5宀佸辜鍎垮紑灞曡璇嗗浘褰㈢殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+                        <textarea v-model="textQuestionData.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <p>鎴愪汉閫氳繃绾跨储寮曞锛屾槑纭悓绫讳簨鐗╃殑鍏卞悓灞炴�э紝浠ュ府鍔╁辜鍎跨悊瑙f父鎴忕帺娉曪紱鍐嶉�氳繃澧炲姞骞叉壈椤癸紝寮曞骞煎効灏濊瘯鑷富鎺㈢储锛屽湪鍙嶅鐨勮缁冧腑鎻愰珮骞煎効鐨勮瀵熻兘鍔涘拰鍒嗙被鑳藉姏銆�</p>
-                        <h4 id="d107">锛堝洓锛夋寚瀵艰鐐�</h4>
-                        <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀胯鍑嗗濂借冻澶熸暟閲忕殑鍥剧墖绱犳潗銆�</p>
-                        <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱鍙笉鍋氱ず鑼冿紝鐩存帴璁╁辜鍎垮皾璇曪紱鍦ㄩ娆″嚭绀鸿瀵熷浘鐗囨椂锛屾垚浜哄彲鑰冭檻渚濇嵁骞煎効鐨勫彂灞曟按骞冲澧炶鍑犵粍鍥剧墖骞舵墦涔辨斁鍦ㄦ涓娿��</p>
-                    </span>
                 </div>
             </div>
         </div>
@@ -857,23 +1006,23 @@
                     </p>
                     <p>鍦ㄨ蹇嗗姏鍙戝睍鏂归潰锛岃骞撮緞娈电殑骞煎効鍑虹幇浜嗗欢杩熸ā浠跨幇璞★紝鍗冲辜鍎胯兘澶熷涓嶅湪鐜板満鐨勫姩浣滃師鍨嬭繘琛屾ā浠裤�傛澶栵紝璇稿绾跨储琛ㄦ槑骞煎効鍏锋湁浜嗏�滆嚜浼犱綋寮忚蹇嗏�濓紝鍗冲辜鍎胯兘澶熼�氳繃涓庢垚浜虹殑瀵硅瘽寮曞锛屼富鍔ㄥ弬涓庤嚜宸辩殑璁板繂鍙戝睍銆傝繖涓�璁板繂鐨勫彂灞曚娇骞煎効寮�濮嬭兘澶熺悊瑙d簨浠跺彂灞曠殑鍓嶅悗椤哄簭銆�
                     </p>
-                    <div class="img-rights w130">
-                        <div class="bk" style="margin-top: 0.1em;">
-                            <div class="bk1">
-                                <p><img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" /></p>
-                            </div>
-                            <p>鈥滀笉瑕佽濠村辜鍎胯緭鍦ㄨ捣璺戠嚎涓娾�濊繖涓�鍙ュ彛鍙疯癁鐢熷悗灏辫幏寰椾簡涓浗瀹堕暱鐨勮鍚屻�傛湁浜鸿涓哄┐骞煎効浠庡皬灏辫寮�濮嬪涔犲悇椤规妧鑳斤紝鐢氳嚦鎻愬墠瀛︿範鏂囧寲鐭ヨ瘑銆備絾涔熸湁浜鸿涓哄┐骞煎効鐨勫勾榫勮繕灏忥紝瀵规暟瀛楁病鏈夋蹇碉紝娌℃湁蹇呰鐜板湪灏卞浠栦滑杩涜鏁板鍚挋鏁欒偛銆備綘鍚屾剰杩欎簺瑙傜偣鍚楋紵涓轰粈涔堬紵
-                            </p>
+
+                    <p>鍦ㄦ兂璞″姏鍙戝睍鏂归潰锛�1.5锝�2宀佸辜鍎垮嚭鐜颁簡鎯宠薄鐨勮悓鑺斤紝涓昏鍊熷姪鍔ㄤ綔鍜岃瑷�杩涜琛ㄧ幇銆傝骞撮緞娈电殑鎯宠薄涓昏鏄竴绉嶇被浼兼儏澧冭蹇嗙殑鍐嶇幇鎴栬仈鎯筹紝鏇村鏄璁板繂鐨勮縼绉昏〃鐜般��</p>
+                    <h5 id="e118">2.鐭ヨ鍙戝睍鐨勯渶瑕�</h5>
+                    <p>鍦ㄦ劅鐭ヨ鍙戝睍鏂归潰锛屾骞撮緞娈电殑骞煎効鐨勮剳鍔熻兘宸叉帴杩戞垚浜猴紝浠栦滑宸插叿澶囧熀鏈殑绀句細鐭ヨ鑳藉姏锛屽叾浣欐洿涓哄鏉傜殑鑳藉姏杩樺湪鍙戝睍銆備粬浠殑鎰熺煡瑙夎兘鍔涚殑鍙戝睍杈冧互鍓嶆洿涓烘垚鐔燂紝鎬濈淮鍙戝睍鏇村姞杩呴�燂紝鍑虹幇浜嗘渶鍒濈殑鎯宠薄銆傚湪琛ㄥ緛鑳藉姏鐨勫彂灞曚笅锛屼粬浠浼氫簡鈥滀吉瑁呪�濓紝鍑虹幇浜嗗亣瑁呮父鎴忋�傛垚浜哄彲浠ュ紩瀵煎辜鍎垮弬涓庡埌娓告垙涓紝閫氳繃澶氭牱鍖栫殑鏉愭枡鍔犲己鎯宠薄鍔涜缁冩潵鎻愬崌骞煎効鐨勮鐭ヨ兘鍔涖�備笌姝ゅ悓鏃讹紝骞煎効鍏峰浜嗗熀鏈殑绫绘蹇靛拰鏁版蹇点�傛垚浜哄彲浠ラ�傚綋寮曞骞煎効寮�灞曟暟瀛﹀惎钂欐暀鑲诧紝浠ラ敾鐐煎辜鍎垮鏁板瓧鐨勬渶鍒濇劅鐭ワ紝澧炲己骞煎効瀵规暟瀛楃殑鏁忔劅绋嬪害銆�
+                    </p>
+                    <h4 id="d109">锛堜簩锛夎璁$洰鏍囦笌鍐呭</h4>
+                    <p>娓告垙鐩爣涓猴細涓�鏄敾鐐艰蹇嗗姏銆佽瀵熷姏锛涗簩鏄敾鐐煎鏁板瓧鐨勬渶鍒濇劅鐭ワ紝鎻愰珮鎬濈淮鑳藉姏锛涗笁鏄寮哄鐢熸椿杩囩▼鐨勪簡瑙o紝鎻愰珮鎯宠薄鍔涖��</p>
+                    <div class="bk" style="margin-top: 1em;">
+                        <div class="bk1">
+                            <p><img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" /></p>
                         </div>
-                    </div>
-                    <span>
-                        <p>鍦ㄦ兂璞″姏鍙戝睍鏂归潰锛�1.5锝�2宀佸辜鍎垮嚭鐜颁簡鎯宠薄鐨勮悓鑺斤紝涓昏鍊熷姪鍔ㄤ綔鍜岃瑷�杩涜琛ㄧ幇銆傝骞撮緞娈电殑鎯宠薄涓昏鏄竴绉嶇被浼兼儏澧冭蹇嗙殑鍐嶇幇鎴栬仈鎯筹紝鏇村鏄璁板繂鐨勮縼绉昏〃鐜般��</p>
-                        <h5 id="e118">2.鐭ヨ鍙戝睍鐨勯渶瑕�</h5>
-                        <p>鍦ㄦ劅鐭ヨ鍙戝睍鏂归潰锛屾骞撮緞娈电殑骞煎効鐨勮剳鍔熻兘宸叉帴杩戞垚浜猴紝浠栦滑宸插叿澶囧熀鏈殑绀句細鐭ヨ鑳藉姏锛屽叾浣欐洿涓哄鏉傜殑鑳藉姏杩樺湪鍙戝睍銆備粬浠殑鎰熺煡瑙夎兘鍔涚殑鍙戝睍杈冧互鍓嶆洿涓烘垚鐔燂紝鎬濈淮鍙戝睍鏇村姞杩呴�燂紝鍑虹幇浜嗘渶鍒濈殑鎯宠薄銆傚湪琛ㄥ緛鑳藉姏鐨勫彂灞曚笅锛屼粬浠浼氫簡鈥滀吉瑁呪�濓紝鍑虹幇浜嗗亣瑁呮父鎴忋�傛垚浜哄彲浠ュ紩瀵煎辜鍎垮弬涓庡埌娓告垙涓紝閫氳繃澶氭牱鍖栫殑鏉愭枡鍔犲己鎯宠薄鍔涜缁冩潵鎻愬崌骞煎効鐨勮鐭ヨ兘鍔涖�備笌姝ゅ悓鏃讹紝骞煎効鍏峰浜嗗熀鏈殑绫绘蹇靛拰鏁版蹇点�傛垚浜哄彲浠ラ�傚綋寮曞骞煎効寮�灞曟暟瀛﹀惎钂欐暀鑲诧紝浠ラ敾鐐煎辜鍎垮鏁板瓧鐨勬渶鍒濇劅鐭ワ紝澧炲己骞煎効瀵规暟瀛楃殑鏁忔劅绋嬪害銆�
+                        <p>鈥滀笉瑕佽濠村辜鍎胯緭鍦ㄨ捣璺戠嚎涓娾�濊繖涓�鍙ュ彛鍙疯癁鐢熷悗灏辫幏寰椾簡涓浗瀹堕暱鐨勮鍚屻�傛湁浜鸿涓哄┐骞煎効浠庡皬灏辫寮�濮嬪涔犲悇椤规妧鑳斤紝鐢氳嚦鎻愬墠瀛︿範鏂囧寲鐭ヨ瘑銆備絾涔熸湁浜鸿涓哄┐骞煎効鐨勫勾榫勮繕灏忥紝瀵规暟瀛楁病鏈夋蹇碉紝娌℃湁蹇呰鐜板湪灏卞浠栦滑杩涜鏁板鍚挋鏁欒偛銆備綘鍚屾剰杩欎簺瑙傜偣鍚楋紵涓轰粈涔堬紵
                         </p>
-                        <h4 id="d109">锛堜簩锛夎璁$洰鏍囦笌鍐呭</h4>
-                        <p>娓告垙鐩爣涓猴細涓�鏄敾鐐艰蹇嗗姏銆佽瀵熷姏锛涗簩鏄敾鐐煎鏁板瓧鐨勬渶鍒濇劅鐭ワ紝鎻愰珮鎬濈淮鑳藉姏锛涗笁鏄寮哄鐢熸椿杩囩▼鐨勪簡瑙o紝鎻愰珮鎯宠薄鍔涖��</p>
-                    </span>
+                        <textarea v-model="textQuestionData.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
+                    </div>
                 </div>
             </div>
         </div>
@@ -904,22 +1053,37 @@
                     </p>
                     <h5 id="e120">2.鍙戝睍鐩爣鐨勭‘绔�</h5>
                     <p>鏍规嵁骞煎効璁ょ煡鑳藉姏鍙戝睍鐨勫勾榫勭壒鐐癸紝纭畾浠ヤ笅涓や釜鐩爣锛氣憼澧炲己瀵圭敓娲昏繃绋嬬殑浜嗚В锛屾彁楂樻兂璞″姏鍜屾敞鎰忓姏锛涒憽瀛︿範绠�鍗曠殑鐢熸椿鎶�鑳斤紝鍒濇瀛︿範绀句細浜ゅ線銆�</p>
-                    <div class="img-float w130">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-4 img-d" alt="" src="../../assets/images/sjyy.png" /></p>
-                            </div>
-                            <p>璇疯璁′竴涓�傚悎1.5锝�2宀佸辜鍎跨殑鏁板鍚挋璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+
+                    <h5 id="e121">3.娓告垙鐜╂硶鐨勮璁�</h5>
+                    <p>鎴愪汉鍙互閫氳繃瑙掕壊鎵紨甯姪骞煎効鍦ㄨ鑹蹭腑浣撻獙鐢熸椿杩囩▼锛屽啀鐜拌嚜宸辩殑鐢熸椿缁忛獙銆傚湪娓告垙涓紝瀹堕暱涓庡辜鍎跨殑鍚堜綔锛屼笉浠呰兘澧炶繘浜插瓙闂寸殑浜插瘑鍏崇郴锛岃繕鑳芥弧瓒冲辜鍎挎ā浠跨殑闇�瑕侊紝浠庤�屾彁楂樿嚜宸辩殑鎯宠薄鍔涘拰鍒涢�犲姏銆�
+                    </p>
+                    <h4 id="d111">锛堝洓锛夋寚瀵艰鐐�</h4>
+                    <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀垮彲浠ユ彁渚涗竴浜涙湁鍏虫瘝浜茬湅鎶ょ敓鐥呭瀛愮殑鍥剧墖鎴栬棰戯紝鍔犳繁骞煎効鐨勬儏鎰熶綋楠屻��</p>
+                    <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱涓嶅彲骞查澶锛屼絾瑕佸湪骞煎効鏈夐渶瑕佺殑鏃跺�欐彁渚涢�傛椂鐨勬敮鎸佷笌鎸囧锛屼粠鑰屽府鍔╀赴瀵屾父鎴忕殑鍐呭銆�</p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
+                        <p>璇疯璁′竴涓�傚悎1.5锝�2宀佸辜鍎跨殑鏁板鍚挋璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+                        <textarea v-model="textQuestionData.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h5 id="e121">3.娓告垙鐜╂硶鐨勮璁�</h5>
-                        <p>鎴愪汉鍙互閫氳繃瑙掕壊鎵紨甯姪骞煎効鍦ㄨ鑹蹭腑浣撻獙鐢熸椿杩囩▼锛屽啀鐜拌嚜宸辩殑鐢熸椿缁忛獙銆傚湪娓告垙涓紝瀹堕暱涓庡辜鍎跨殑鍚堜綔锛屼笉浠呰兘澧炶繘浜插瓙闂寸殑浜插瘑鍏崇郴锛岃繕鑳芥弧瓒冲辜鍎挎ā浠跨殑闇�瑕侊紝浠庤�屾彁楂樿嚜宸辩殑鎯宠薄鍔涘拰鍒涢�犲姏銆�
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
-                        <h4 id="d111">锛堝洓锛夋寚瀵艰鐐�</h4>
-                        <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀垮彲浠ユ彁渚涗竴浜涙湁鍏虫瘝浜茬湅鎶ょ敓鐥呭瀛愮殑鍥剧墖鎴栬棰戯紝鍔犳繁骞煎効鐨勬儏鎰熶綋楠屻��</p>
-                        <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱涓嶅彲骞查澶锛屼絾瑕佸湪骞煎効鏈夐渶瑕佺殑鏃跺�欐彁渚涢�傛椂鐨勬敮鎸佷笌鎸囧锛屼粠鑰屽府鍔╀赴瀵屾父鎴忕殑鍐呭銆�</p>
-                    </span>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�1锝�2宀佸辜鍎胯鐭ユ父鎴忚璁′笌鎸囧</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '3c6179d24c2cc0e22e20939472d7c8b4') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                 </div>
             </div>
         </div>
@@ -936,29 +1100,61 @@
                 </ul>
                 <div class="bodystyle">
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級涓哄辜鍎胯璁$殑鈥滄壘鏈嬪弸鈥濈殑娓告垙锛屼綘璁や负鍋氭硶姝g‘鐨勬槸锛堛��銆�锛夈��</p>
-                    <p>A.閫傚疁骞撮緞搴旇鏄�1锝�1.5宀�</p>
-                    <p>B.姣忓ぉ璁粌5锝�6娆�</p>
-                    <p>C.鍑虹ず璁稿琚滃瓙銆佹墜濂椼�佹墜甯曠瓑锛岃骞煎効璇村嚭瀹冧滑鐨勫悕瀛�</p>
-                    <p>D.鍑虹ず灏忓鏂欑泦锛屼笂闈㈣创鐫�鍐欐湁鈥滆瀛愩�佹墜濂椼�佹墜甯曗�濆瓧鏍风殑鏍囩锛岃骞煎効甯姪瀹炵墿鎵炬湅鍙�</p>
-                    <p>2.锛堝崟閫夛級涓哄辜鍎胯璁$殑鈥滄壘鐩稿悓鈥濈殑娓告垙锛屼綘璁や负鍋氭硶姝g‘鐨勬槸锛堛��銆�锛夈��</p>
-                    <p>A.鍙互涓�1锝�2宀佺殑骞煎効璁捐璇ユ父鎴�</p>
-                    <p>B.鐩殑鍦ㄤ簬璁粌骞煎効鎸夌浉鍚岀壒寰侀厤瀵�</p>
-                    <p>C.涓哄辜鍎挎彁渚涗笉璁よ瘑鐨勫姩鐗╁崱鐗囨洿渚夸簬鍏跺涔犳柊鍔ㄧ墿</p>
-                    <p>D.姣忛鎻愪緵鐨勫姩鐗╁崱鐗囩绫昏秺澶氳秺濂�</p>
-                    <p>3.锛堝崟閫夛級涓嬪垪鍥惧舰瀵逛簬骞煎効鏉ヨ鏈�鏄撹鲸鍒殑鏄紙銆�銆�锛夈��</p>
-                    <p>A.鍦嗗舰</p>
-                    <p>B.姝f柟褰�</p>
-                    <p>C.涓夎褰�</p>
-                    <p>D.闀挎柟褰�</p>
-                    <p>4.锛堝崟閫夛級2宀佸辜鍎垮線寰�浼氫几鎵嬭姹傜珯鍦ㄦゼ涓婄殑濡堝鎶便�傝繖璇存槑浠栦滑鐨勶紙銆�銆�锛夈��</p>
-                    <p>A.澶у皬鐭ヨ鍙戝睍涓嶈冻</p>
-                    <p>B.褰㈢姸鐭ヨ鍙戝睍涓嶈冻</p>
-                    <p>C.璺濈鐭ヨ鍙戝睍涓嶈冻</p>
-                    <p>D.鎯宠薄鍔涗笉澶熶赴瀵�</p>
-                    <p>5.锛堝垽鏂級骞煎効鐨勮鐭ユ父鎴忕涓嶅紑鎿嶄綔鍜岀粌涔狅紝涓庤瑷�浜ゆ祦涔熷瘑涓嶅彲鍒嗐�傦紙銆�銆�锛�</p>
-                    <p>6.锛堝垽鏂級骞煎効璁ょ煡娓告垙鐨勫唴瀹瑰拰褰㈠紡鏄伒娲诲鍙樼殑锛屾父鎴忚儗鍚庣殑鐭ヨ瘑鐐逛篃鏄湁鎰忎箟鐨勩�傦紙銆�銆�锛�</p>
-                    <p>7.璇峰皾璇曚妇涓�鍙嶄笁鍦拌繍鐢ㄦ父鎴忓姛鑳斤紝涓�1锝�2宀佸辜鍎胯鐭ュ彂灞曠殑涓�涓柟闈㈣璁�3绉嶄互涓婂叿浣撶殑娓告垙褰㈠紡銆�</p>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitOne" :key="'unitQuestionTwo2' + index">
+                        <li>
+                            {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionTwo" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                                }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitTwo">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitTwo" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
                 </div>
             </div>
         </div>
@@ -1059,15 +1255,15 @@
                     </p>
                     <p><b>鎯充竴鎯筹細</b></p>
                     <p class="fm-kt">1.涓轰粈涔堝辜鍎夸細璇翠笅姣涙瘺闆ㄥ憿锛�</p>
-                    <textarea v-model="textQuestionData.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                    <textarea v-model="textQuestionData.fourteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                         style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                         @change="saveTextQuestionData"></textarea>
                     <p class="fm-kt">2.娓告垙涓殑鐜╄�嶈涓哄骞煎効鏈夋�庢牱鐨勬剰涔夛紵</p>
-                    <textarea v-model="textQuestionData.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                    <textarea v-model="textQuestionData.fifteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                         style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                         @change="saveTextQuestionData"></textarea>
                     <p class="fm-kt">3.浣犺繕鑳芥兂鍒板摢浜涙父鎴忔潵淇冭繘骞煎効鎯宠薄鍔涚殑鍙戝睍锛�</p>
-                    <textarea v-model="textQuestionData.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                    <textarea v-model="textQuestionData.sixteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
                         style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-40"
                         @change="saveTextQuestionData"></textarea>
                     <h3 id="c045">涓�銆�2锝�2.5宀佸辜鍎胯鐭ユ父鎴忚璁′笌鎸囧</h3>
@@ -1078,20 +1274,20 @@
                     </p>
                     <p>鍦ㄦ敞鎰忓姏鍙戝睍鏂归潰锛�2宀佺殑骞煎効闅忕潃瑷�璇殑浜х敓鍜屽彂灞曪紝鍏舵敞鎰忔椿鍔ㄨ繘鍏ヤ簡鏇撮珮灞傛锛岃〃鐜颁负娉ㄦ剰鐨勬寔缁椂闂淬�佽浆鎹€�佸箍搴︺�佸垎閰嶉兘鏈変簡杩涗竴姝ュ彂灞曪紝浣嗘棤鎰忔敞鎰忎粛鍗犱富瀵煎湴浣嶃�傚埡婵�鐗╃殑鐗瑰緛銆佹暀甯堢殑寮曞銆佸辜鍎挎湰韬殑姘旇川鍜岀敓鐞嗙姸鎬侀兘鍙兘瀵规敞鎰忕殑鍙戠敓浜х敓鎸佺画褰卞搷銆�
                     </p>
-                    <div class="img-rights w150">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-4 img-d" alt="" src="../../assets/images/gjsy.png" /></p>
-                            </div>
-                            <p>绗﹀彿琛ㄥ緛鑳藉姏鎸囩殑鏄釜浣撶敤涓�涓簨鐗╀唬琛ㄥ彟涓�涓簨鐗╃殑鑳藉姏銆備緥濡傦紝褰撳効绔ユ妸涓�鏍归钑夊綋浣滀竴涓數璇濇椂锛岄钑夊氨浠h〃浜嗙數璇濓紝棣欒晧灏辨槸琛ㄧず鐢佃瘽鐨勭鍙凤紝鐢佃瘽灏辨槸鎵�鎸囦簨鐗┿��</p>
+
+                    <p>鍦ㄨ蹇嗗姏涓庢�濈淮鍙戝睍鏂归潰锛�2宀佷互涓婄殑骞煎効鐨勮蹇嗗姏鍙戝睍閫熷害杩滆繙瓒呰繃鐞嗚В鍔涳紱瑷�璇殑鍙戝睍缁欒蹇嗗姏鐨勫彂灞曞甫鏉ヤ簡寰堝閲嶈鍙樺寲锛屽绗﹀彿琛ㄥ緛鑳藉姏鐨勪骇鐢熴�佸啀鐜板拰妯′豢鑳藉姏鐨勫姞寮恒�佸欢杩熸ā浠胯兘鍔涚殑寮哄寲绛夈�傛闃舵璁板繂鍔涚殑鍙戝睍涔熶负瀛︿範濂犲畾浜嗗熀纭�銆傚湪鎬濈淮鍙戝睍涓婏紝璇ュ勾榫勬鐨勫辜鍎跨殑鎬濈淮灞炰簬鐩磋琛屽姩鎬濈淮锛屼粬浠殑鎬濈淮绱у瘑渚濋檮浜庡叿浣撱�佺洿瑙傜殑琛屼负鍜屽姩浣滐紝鍏锋湁璞″緛鎬х殑鐗圭偣銆備粬浠�氬父閫氳繃妯′豢鍜岃瀵熸垚浜虹殑琛屼负鏉ュ涔狅紝瀵逛簬鍥犳灉鍏崇郴鐨勭悊瑙f湁涓�瀹氱殑鍙戝睍锛屼篃閫愭笎寮�濮嬬敤鎬濈淮瑙e喅涓�浜涢棶棰樸��
+                    </p>
+                    <p>鍦ㄦ兂璞″姏鍙戝睍鏂归潰锛岃櫧鐒剁Н绱殑缁忛獙澧炲锛岃█璇�愭笎鍙戝睍璧锋潵锛岃蹇嗗姏鏈夋墍鎻愰珮锛屾兂璞℃椿鍔ㄤ篃鏈夋墍鍙戝睍锛屼絾鏄按骞抽兘寰堜綆锛屽叿浣撹〃鐜颁负鎯宠薄鐨勫唴瀹归潪甯哥己涔忥紝澶氭槸瀵规垚浜虹敓娲讳腑鐨勬煇涓姩浣滃拰娲诲姩鐨勭畝鍗曟ā浠裤��
+                    </p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/gjsy.png" /></p>
                         </div>
+                        <p>绗﹀彿琛ㄥ緛鑳藉姏鎸囩殑鏄釜浣撶敤涓�涓簨鐗╀唬琛ㄥ彟涓�涓簨鐗╃殑鑳藉姏銆備緥濡傦紝褰撳効绔ユ妸涓�鏍归钑夊綋浣滀竴涓數璇濇椂锛岄钑夊氨浠h〃浜嗙數璇濓紝棣欒晧灏辨槸琛ㄧず鐢佃瘽鐨勭鍙凤紝鐢佃瘽灏辨槸鎵�鎸囦簨鐗┿��</p>
+                        <textarea v-model="textQuestionData.seventeen" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <p>鍦ㄨ蹇嗗姏涓庢�濈淮鍙戝睍鏂归潰锛�2宀佷互涓婄殑骞煎効鐨勮蹇嗗姏鍙戝睍閫熷害杩滆繙瓒呰繃鐞嗚В鍔涳紱瑷�璇殑鍙戝睍缁欒蹇嗗姏鐨勫彂灞曞甫鏉ヤ簡寰堝閲嶈鍙樺寲锛屽绗﹀彿琛ㄥ緛鑳藉姏鐨勪骇鐢熴�佸啀鐜板拰妯′豢鑳藉姏鐨勫姞寮恒�佸欢杩熸ā浠胯兘鍔涚殑寮哄寲绛夈�傛闃舵璁板繂鍔涚殑鍙戝睍涔熶负瀛︿範濂犲畾浜嗗熀纭�銆傚湪鎬濈淮鍙戝睍涓婏紝璇ュ勾榫勬鐨勫辜鍎跨殑鎬濈淮灞炰簬鐩磋琛屽姩鎬濈淮锛屼粬浠殑鎬濈淮绱у瘑渚濋檮浜庡叿浣撱�佺洿瑙傜殑琛屼负鍜屽姩浣滐紝鍏锋湁璞″緛鎬х殑鐗圭偣銆備粬浠�氬父閫氳繃妯′豢鍜岃瀵熸垚浜虹殑琛屼负鏉ュ涔狅紝瀵逛簬鍥犳灉鍏崇郴鐨勭悊瑙f湁涓�瀹氱殑鍙戝睍锛屼篃閫愭笎寮�濮嬬敤鎬濈淮瑙e喅涓�浜涢棶棰樸��
-                        </p>
-                        <p>鍦ㄦ兂璞″姏鍙戝睍鏂归潰锛岃櫧鐒剁Н绱殑缁忛獙澧炲锛岃█璇�愭笎鍙戝睍璧锋潵锛岃蹇嗗姏鏈夋墍鎻愰珮锛屾兂璞℃椿鍔ㄤ篃鏈夋墍鍙戝睍锛屼絾鏄按骞抽兘寰堜綆锛屽叿浣撹〃鐜颁负鎯宠薄鐨勫唴瀹归潪甯哥己涔忥紝澶氭槸瀵规垚浜虹敓娲讳腑鐨勬煇涓姩浣滃拰娲诲姩鐨勭畝鍗曟ā浠裤��
-                        </p>
-                    </span>
 
                     <p><br></p>
                     <hr class="img-g">
@@ -1152,19 +1348,19 @@
                     </li>
                 </ul>
                 <div class="bodystyle">
-                    <div class="img-rights w120">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-4 img-d" alt="" src="../../assets/images/sjyy.png" /></p>
-                            </div>
-                            <p>璇疯璁′竴涓�傚悎璁粌2锝�2.5宀佸辜鍎胯蹇嗗姏鐨勮鐭ユ父鎴忥紝璇峰皢娓告垙鐜╂硶浠嬬粛缁欎綘鐨勮�佸笀鍜屽悓瀛﹀惂锛�</p>
+
+                    <h4 id="d115">锛堝洓锛夋寚瀵艰鐐�</h4>
+                    <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀胯鎶婃彙濂借棰戠殑绛涢�夋爣鍑嗭紝浠ョ‘淇濊棰戠鍚堝辜鍎跨殑骞撮緞鐗圭偣鍜岃韩蹇冨仴搴峰彂灞曢渶姹傘��</p>
+                    <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱鍙�傚綋铻嶅叆璁板繂鏂规硶鐨勫涔犲拰璁粌锛屼篃鍙璁″鎰熷畼鍙備笌璁板繂鐨勮繃绋嬨��</p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
                         </div>
+                        <p>璇疯璁′竴涓�傚悎璁粌2锝�2.5宀佸辜鍎胯蹇嗗姏鐨勮鐭ユ父鎴忥紝璇峰皢娓告垙鐜╂硶浠嬬粛缁欎綘鐨勮�佸笀鍜屽悓瀛﹀惂锛�</p>
+                        <textarea v-model="textQuestionData.eighteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h4 id="d115">锛堝洓锛夋寚瀵艰鐐�</h4>
-                        <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀胯鎶婃彙濂借棰戠殑绛涢�夋爣鍑嗭紝浠ョ‘淇濊棰戠鍚堝辜鍎跨殑骞撮緞鐗圭偣鍜岃韩蹇冨仴搴峰彂灞曢渶姹傘��</p>
-                        <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱鍙�傚綋铻嶅叆璁板繂鏂规硶鐨勫涔犲拰璁粌锛屼篃鍙璁″鎰熷畼鍙備笌璁板繂鐨勮繃绋嬨��</p>
-                    </span>
                     <h3 id="c046">浜屻��2.5锝�3宀佸辜鍎胯鐭ユ父鎴忚璁′笌鎸囧</h3>
                     <h4 id="d116">锛堜竴锛夎璁′緷鎹�</h4>
                     <h5 id="e127">1.璁ょ煡鍙戝睍鐨勭壒鐐�</h5>
@@ -1178,18 +1374,61 @@
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                         <p class="center"><span class="ls2">2020骞翠腑绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
-                        <p>1.锛堝崟閫夐锛夊┐骞煎効璁ょ煡娓告垙搴斾互锛堛��銆�锛夋椿鍔ㄤ负涓汇��</p>
-                        <p>A.瑙嗚</p>
-                        <p>B.鍚</p>
-                        <p>C.鐩存帴鍔ㄤ綔</p>
-                        <p>D.璇█</p>
-                        <p>鍙傝�冪瓟妗堬細C銆�</p>
-                        <p>2.锛堝崟閫夐锛夊浜庡┐骞煎効璁ょ煡娓告垙鐩稿悓鐨勫唴瀹归渶瑕侊紙銆�銆�锛夈��</p>
-                        <p>A.涓�娆℃悶瀹�</p>
-                        <p>B.涓嶉渶瑕侀噸澶�</p>
-                        <p>C.鍋跺皵澶嶄範</p>
-                        <p>D.鍙嶅杩涜</p>
-                        <p>鍙傝�冪瓟妗堬細D銆�</p>
+                        <ul v-for="(item, index) in exampleThree.unitOne" :key="'exampleThree' + index">
+                            <li>
+                                {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleThree.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleThree" />
+                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleThree.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="goExampleThree">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="changeExampleThree" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="exampleThree.isShowAnswer = !exampleThree.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -1205,19 +1444,18 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <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>
-                            <p>鈥滃紑鍙戝┐骞煎効鐨勬兂璞″姏鈥濇槸鍚︽剰鍛崇潃鎴愪汉瑕佺壒鎰忎娇鐢ㄤ竴浜涙墜娈靛幓淇冧娇濠村辜鍎挎兂璞★紵杩欎釜瑙傜偣浣犳�庝箞鐪嬶紵璇疯皥璋堜綘鐨勭悊瑙c��</p>
+                    <h5 id="e128">2.鐭ヨ鍙戝睍鐨勯渶瑕�</h5>
+                    <p>鍦ㄦ劅鐭ヨ鍙戝睍鏂归潰锛屾骞撮緞娈电殑骞煎効闅忕潃娲诲姩鑼冨洿鐨勫鍔狅紝鍏舵劅鐭ヨ銆佹敞鎰忓姏銆佽瀵熷姏绛夐兘寰楀埌鍙戝睍銆傚辜鍎块�氳繃鍚勭鎰熷畼鎺ヨЕ涓栫晫锛岄�愭笎娉ㄦ剰鍒扮墿浣撶殑绌洪棿鍏崇郴锛屽紑濮嬪皾璇曠悊瑙e懆鍥寸殑涓栫晫锛屼娇鍚勭蹇冪悊娲诲姩鐨勬湁鎰忔�ч�愭笎鏄剧幇銆傛垚浜哄彲浠ュ紩瀵煎辜鍎垮姞寮烘湁鎰忔�у績鐞嗘椿鍔ㄧ殑璁粌浠ユ彁鍗囧辜鍎跨殑璁ょ煡鑳藉姏銆傝嫢鏄兘鎶撲綇杩欎竴鍏抽敭鏈燂紝姝g‘寮曞骞煎効鍚勭鑳藉姏鐨勬湁搴忓彂灞曪紝淇冧娇骞煎効鐨勬棤鎰忔敞鎰忎笌鏃犳剰鎯宠薄蹇�熻浆鍙樹负鏈夋剰娉ㄦ剰鍜屾湁鎰忔兂璞★紝鍙戝睍骞煎効鐨勬敞鎰忓姏銆佹兂璞″姏浠ュ強鎬濈淮鑳藉姏锛屽浜庝粬浠粖鍚庣殑瀛︿範鍜岀敓娲婚兘鏄湁鐩婄殑銆傚洜鑰岋紝鎴愪汉鍙互杩涗竴姝ュ府鍔╁辜鍎垮湪娓告垙涓湁鏀惰幏銆佹垚闀匡紝鍔犲己娉ㄦ剰鍔涖�佹兂璞″姏銆佹�濈淮绛夋柟闈㈢殑璁粌锛屼负浠婂悗杩涘叆骞煎効鍥瀹氬熀纭�銆�
+                    </p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" /></p>
                         </div>
+                        <p>鈥滃紑鍙戝┐骞煎効鐨勬兂璞″姏鈥濇槸鍚︽剰鍛崇潃鎴愪汉瑕佺壒鎰忎娇鐢ㄤ竴浜涙墜娈靛幓淇冧娇濠村辜鍎挎兂璞★紵杩欎釜瑙傜偣浣犳�庝箞鐪嬶紵璇疯皥璋堜綘鐨勭悊瑙c��</p>
+                        <textarea v-model="textQuestionData.nineteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h5 id="e128">2.鐭ヨ鍙戝睍鐨勯渶瑕�</h5>
-                        <p>鍦ㄦ劅鐭ヨ鍙戝睍鏂归潰锛屾骞撮緞娈电殑骞煎効闅忕潃娲诲姩鑼冨洿鐨勫鍔狅紝鍏舵劅鐭ヨ銆佹敞鎰忓姏銆佽瀵熷姏绛夐兘寰楀埌鍙戝睍銆傚辜鍎块�氳繃鍚勭鎰熷畼鎺ヨЕ涓栫晫锛岄�愭笎娉ㄦ剰鍒扮墿浣撶殑绌洪棿鍏崇郴锛屽紑濮嬪皾璇曠悊瑙e懆鍥寸殑涓栫晫锛屼娇鍚勭蹇冪悊娲诲姩鐨勬湁鎰忔�ч�愭笎鏄剧幇銆傛垚浜哄彲浠ュ紩瀵煎辜鍎垮姞寮烘湁鎰忔�у績鐞嗘椿鍔ㄧ殑璁粌浠ユ彁鍗囧辜鍎跨殑璁ょ煡鑳藉姏銆傝嫢鏄兘鎶撲綇杩欎竴鍏抽敭鏈燂紝姝g‘寮曞骞煎効鍚勭鑳藉姏鐨勬湁搴忓彂灞曪紝淇冧娇骞煎効鐨勬棤鎰忔敞鎰忎笌鏃犳剰鎯宠薄蹇�熻浆鍙樹负鏈夋剰娉ㄦ剰鍜屾湁鎰忔兂璞★紝鍙戝睍骞煎効鐨勬敞鎰忓姏銆佹兂璞″姏浠ュ強鎬濈淮鑳藉姏锛屽浜庝粬浠粖鍚庣殑瀛︿範鍜岀敓娲婚兘鏄湁鐩婄殑銆傚洜鑰岋紝鎴愪汉鍙互杩涗竴姝ュ府鍔╁辜鍎垮湪娓告垙涓湁鏀惰幏銆佹垚闀匡紝鍔犲己娉ㄦ剰鍔涖�佹兂璞″姏銆佹�濈淮绛夋柟闈㈢殑璁粌锛屼负浠婂悗杩涘叆骞煎効鍥瀹氬熀纭�銆�
-                        </p>
-                    </span>
                     <h4 id="d117">锛堜簩锛夎璁$洰鏍囦笌鍐呭</h4>
                     <p>娓告垙鐩爣涓猴細涓�鏄煿鍏诲垎鏋愮患鍚堣兘鍔涳紝鏈夋晥淇冭繘鎬濈淮鐨勫彂灞曪紱浜屾槸鍩瑰吇鍜屽彂灞曡蹇嗗姏锛屼績杩涙櫤鍔涚殑鍙戝睍锛涗笁鏄敾鐐兼兂璞″姏锛屼績杩涘垱閫犲姏鐨勫彂灞曘��</p>
                     <p>姝ゅ勾榫勬鐨勫辜鍎挎劅鐭ヨ銆佹敞鎰忓姏銆佽蹇嗗姏銆佹�濈淮绛夋柟闈㈤兘寰楀埌浜嗘彁鍗囥�傞殢鐫�骞煎効鑳界嫭绔嬭璧帮紝浠栦滑閫愭笎鎴愪负鐙珛鐨勪汉锛屽拰鎴愪汉涓�鏍锋湁鐫�鑷繁鐨勭嫭鐗规劅鍙楋紝鏈変簡鑷繁鐨勫涔犻渶姹傚拰瀛︿範鍏磋叮銆傝繖鏍锋椿鍔ㄧ殑鏈夋剰鎬ц繘涓�姝ユ樉鐜般�備笌姝ゅ悓鏃讹紝璇ュ勾榫勬涔熸槸骞煎効鏁版暟鑳藉姏鍙戝睍鐨勫叧閿湡銆備粬浠皢闈复鈥滃叆鍥�濈殑闂锛岄渶瑕佸涔犳洿澶氱殑瀛︿範鎶�鑳藉拰绀句細浜ゅ線鎶�鑳姐�傚洜鑰岋紝杩欎竴闃舵闇�瑕佸叧娉ㄥ辜鍎挎�濈淮銆佹櫤鍔涖�佸垱閫犲姏鐨勫彂灞曪紝骞跺紩瀵煎辜鍎垮浼氭洿澶氱殑鎴愰暱鎶�鑳姐��
@@ -1251,49 +1489,128 @@
                     </li>
                 </ul>
                 <div class="bodystyle">
-                    <div class="img-rights w120">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-4 img-d" alt="" src="../../assets/images/sjyy.png" /></p>
-                            </div>
-                            <p>璇疯璁′竴涓�傚悎2.5锝�3宀佸辜鍎垮紑灞曠殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
-                        </div>
-                    </div>
-                    <span>
-                        <h5 id="e131">3.娓告垙鐜╂硶鐨勮璁�</h5>
-                        <p>鍦ㄢ�滃紑杞︹�濈殑娓告垙鎯呭涓嬶紝骞煎効鍙互鍒╃敤宸叉湁鐢熸椿缁忛獙锛屽垵姝ヤ簡瑙e悇瑙掕壊鐨勮亴璐o紝鍙堝湪瀹堕暱鐨勫紩瀵间笅鍏呭垎鐞嗚В鎯呭淇℃伅锛屼粠鑰屽湪鎵剧墿浣撶殑涓嶅悓涓彁楂樺垎鏋愮患鍚堣兘鍔涳紝杩涜�屼績杩涙�濈淮鐨勫彂灞曘�傚辜鍎夸笌瀹堕暱鍚堜綔鐨勬父鎴忔棦鑳藉杩涗翰瀛愰棿鐨勪翰鍒囨劅锛屽張鑳藉寮哄郊姝ょ殑浜嗚В銆�
+
+                    <h5 id="e131">3.娓告垙鐜╂硶鐨勮璁�</h5>
+                    <p>鍦ㄢ�滃紑杞︹�濈殑娓告垙鎯呭涓嬶紝骞煎効鍙互鍒╃敤宸叉湁鐢熸椿缁忛獙锛屽垵姝ヤ簡瑙e悇瑙掕壊鐨勮亴璐o紝鍙堝湪瀹堕暱鐨勫紩瀵间笅鍏呭垎鐞嗚В鎯呭淇℃伅锛屼粠鑰屽湪鎵剧墿浣撶殑涓嶅悓涓彁楂樺垎鏋愮患鍚堣兘鍔涳紝杩涜�屼績杩涙�濈淮鐨勫彂灞曘�傚辜鍎夸笌瀹堕暱鍚堜綔鐨勬父鎴忔棦鑳藉杩涗翰瀛愰棿鐨勪翰鍒囨劅锛屽張鑳藉寮哄郊姝ょ殑浜嗚В銆�
+                    </p>
+                    <h4 id="d119">锛堝洓锛夋寚瀵艰鐐�</h4>
+                    <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀垮彲鎻愪緵鐩稿簲鐨勭礌鏉愬府鍔╁辜鍎垮洖蹇嗘垨绉疮鐩稿叧缁忛獙銆�</p>
+                    <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱杩樺簲鍏虫敞瑙勫垯鎰忚瘑鐨勫煿鍏伙紝寮曞骞煎効浜嗚В鍩烘湰鐨勪氦閫氳鍒欍�佺煡閬撻伒瀹堜氦閫氳鍒欑殑閲嶈鎬с��</p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
-                        <h4 id="d119">锛堝洓锛夋寚瀵艰鐐�</h4>
-                        <p>绗竴锛屽湪娓告垙寮�濮嬪墠锛屽闀垮彲鎻愪緵鐩稿簲鐨勭礌鏉愬府鍔╁辜鍎垮洖蹇嗘垨绉疮鐩稿叧缁忛獙銆�</p>
-                        <p>绗簩锛屽湪娓告垙杩囩▼涓紝瀹堕暱杩樺簲鍏虫敞瑙勫垯鎰忚瘑鐨勫煿鍏伙紝寮曞骞煎効浜嗚В鍩烘湰鐨勪氦閫氳鍒欍�佺煡閬撻伒瀹堜氦閫氳鍒欑殑閲嶈鎬с��</p>
-                    </span>
+                        <p class="center videoname">
+                            <span>瑙嗛锛�2锝�3宀佸辜鍎胯鐭ユ父鎴忚璁′笌鎸囧</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'c6a5f6550eb67125c48b551b8dd640a1') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-4 img-i" alt="" src="../../assets/images/sjyy.png" /></p>
+                        </div>
+                        <p>璇疯璁′竴涓�傚悎2.5锝�3宀佸辜鍎垮紑灞曠殑璁ょ煡娓告垙锛岃灏嗘父鎴忕帺娉曚粙缁嶇粰浣犵殑鑰佸笀鍜屽悓瀛﹀惂锛�</p>
+                        <textarea v-model="textQuestionData.twenty" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                            style="max-width: 90%; width: 90%" class="fz-16 fm-son textarea-question ml-30"
+                            @change="saveTextQuestionData"></textarea>
+                    </div>
                     <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.閫傜敤33锝�36涓湀鐨勫辜鍎�</p>
-                    <p>B.姣忓ぉ璁粌1娆�</p>
-                    <p>C.瀛︿範鎸夊姩鐗╃殑涔犳�ч厤瀵�</p>
-                    <p>D.鎵�鎻愪緵鐨勫姩鐗╃殑涔犳�х壒寰佽姣旇緝鏄庢樉</p>
-                    <p>3.锛堝閫夛級瀵瑰┐骞煎効杩涜娑傞甫娓告垙鐨勮缁冿紝鐩殑鍦ㄤ簬锛堛��銆�锛夈��</p>
-                    <p>A.鍒濇瀛︿範鎻$瑪鍜岀敤绗�</p>
-                    <p>B.瀛︿範鐢荤嚎鏉�</p>
-                    <p>C.瀛︿範鐢荤洿绾�</p>
-                    <p>D.瀛︿範鐢诲渾</p>
-                    <p>4.锛堝閫夛級濠村辜鍎胯壓鏈〃鐜版父鎴忓叿鏈夛紙銆�銆�锛夌殑浣滅敤銆�</p>
-                    <p>A.鍩瑰吇鎯宠薄鍔�</p>
-                    <p>B.鎰夋偊韬績</p>
-                    <p>C.闇�瑕佹垚浜虹殑榧撳姳</p>
-                    <p>D.瑕佹眰鍔ㄤ綔瑙勮寖</p>
-                    <p>5.璁块棶韬竟2锝�3宀佸辜鍎跨殑瀹堕暱锛屼簡瑙e搴湪寮�灞曡鐭ョ被娓告垙鏂归潰鐨勫洶鎯戯紝骞跺皾璇曠粰浜堝搴笓涓氫笂鐨勬敮鎸併��</p>
-                    <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
-                    <p><span class="ls1">鍏充簬濠村辜鍎挎父鎴忚瀵熶笌璇勪环鐨勪功绫嶅拰鏂囩珷锛�</span></p>
-                    <p>1.锛绘棩锛芥渤杈硅吹瀛愶細銆婁互娓告垙涓轰腑蹇冪殑淇濊偛锛氫粠淇濊偛璁板綍鍑哄彂杩涜瑙h銆嬶紝鏈辫嫳绂忋�佺唺鑺濊瘧锛屼笂娴凤紝鍗庝笢甯堣寖澶у鍑虹増绀撅紝2009銆�</p>
-                    <p>2.鐜嬪叴鍗庛�佺帇鏅鸿幑锛氥�婂熀浜庢父鎴忕殑2锝�3宀佸┐骞煎効璁ょ煡鍙戝睍璇勪环銆嬶紝杞姐�婂鍓嶆暀鑲茬爺绌躲�嬶紝2019锛�7锛夈��</p>
-                    <p>3.鐜嬪叴鍗庛�佺帇鏅鸿幑銆佹湵鐟炵幉绛夛細銆�0锝�3宀佸┐骞煎効璁ょ煡鍙戝睍璇勪及宸ュ叿鐨勫垎鏋愪笌鍚ず銆嬶紝杞姐�婂辜鍎挎暀鑲层�嬶紝2018锛�1銆�2锛夈��</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>
                 </div>
             </div>
         </div>
@@ -1308,29 +1625,217 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
+                    <p>
+                        <img class="rwmb-1" alt="" src="../../assets/images/0060_01.jpg" />
+                    </p>
+                    <p>鏈宀椾綅瀹炶锛屾槸浣犱滑灏嗙悊璁虹煡璇嗚浆鍖栦负瀹為檯鎿嶄綔鑳藉姏鐨勯噸瑕佸鏈猴紝杩欎笉浠呮槸瀵逛笓涓氱煡璇嗙殑涓�娆″疄鎴樻楠岋紝鏇存槸鏈潵浠庝簨鐩稿叧鑱屼笟蹇呬笉鍙皯鐨勭粌鍏点�傝鎴戜滑涓�璧峰紑鍚繖鍦哄厖婊℃寫鎴樹笌鎯婂枩鐨勫疄璁惂锛�</p>
+                    <!-- pdf 鏌ョ湅鍣� -->
+                    <div class="pdf-text">
+                        <div class="pdf-con">
+                            <div class="pdf-view">
+                                <span>
+                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                        xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
+                                        <path
+                                            d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+                                            p-id="11010"></path>
+                                    </svg>
+                                </span>
+                                <span @click="toUrl(1)">聽鏂囨湰璧勬簮锛� 妯″潡浜斅犲矖浣嶈繘闃惰缁�</span>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- pdf 鏌ョ湅鍣� -->
+                    <div class="pdf-text">
+                        <div class="pdf-con">
+                            <div class="pdf-view">
+                                <span>
+                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                        xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
+                                        <path
+                                            d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
+                                            p-id="11010"></path>
+                                    </svg>
+                                </span>
+                                <span @click="toUrl(2)">聽鏂囨湰璧勬簮锛� 妯″潡浜斅犲疄璁伐浣滀换鍔�</span>
+                            </div>
+                        </div>
+                    </div>
+                    <p>
+                        <img class="rwmb-1" alt="" src="../../assets/images/0116_05.jpg" />
+                    </p>
+                    <p class="content">鎺ヤ笅鏉ワ紝鎴戜滑灏嗚繘鍏ユ父鎴忔渚嬪睍绀虹幆鑺傘�傚湪鏈娓告垙妗堜緥绀鸿寖涓紝鎴戜滑灏嗕负浣犲睍绀哄浣曢�氳繃娓告垙婵�鍙戝┐骞煎効鐨勬綔鑳斤紝淇冭繘浠栦滑鐨勫姩浣滃彂灞曪紝鐩镐俊杩欎簺妗堜緥浼氱粰浣犲甫鏉ュ惎鍙戝拰甯姪銆�
+                    </p>
+                    <div class="bk-video fl">
+                        <p class="bj4-qjms fl al-c"><span class="span-text-video">瑙嗛搴�</span><span class="span-svg"><svg
+                                    t="1729840629103" class="icon" viewBox="0 0 1365 1024" version="1.1"
+                                    xmlns="http://www.w3.org/2000/svg" p-id="34778"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="40">
+                                    <path
+                                        d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
+                                        fill="#6dcff6" p-id="34779"></path>
+                                </svg></span></p>
+                        <div class="fl jc-fs fw-w">
+                            <div style="width: 200px; height: auto; margin: 0 5px;"
+                                v-for="(item, index) in chapter002.videoMd5" :key="index">
+                                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                                    x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline=""
+                                    controls controlslist="nodownload" class="video-border w100"
+                                    :src="item.handleMd5"></video>
+                                <div class="fl al-c jc-c">
+                                    <p class="td-0" style="font-size: 12px;">璁ょ煡娓告垙妗堜緥灞曠ず锛歿{ item.name }}</p>
+                                    <el-tooltip class="item" effect="dark"
+                                        :content="item.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                        <img :src="collectResourceList.findIndex(citem => citem.id == item.md5) > -1 ? collectCheck : collectImg"
+                                            alt="" class="collect-btn1" @click="handleCollect(item)" />
+                                    </el-tooltip>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <p><img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" /></p>
+                    <p><span class="ls1">鍏充簬濠村辜鍎挎父鎴忚瀵熶笌璇勪环鐨勪功绫嶅拰鏂囩珷锛�</span></p>
+                    <p>1.锛绘棩锛芥渤杈硅吹瀛愶細銆婁互娓告垙涓轰腑蹇冪殑淇濊偛锛氫粠淇濊偛璁板綍鍑哄彂杩涜瑙h銆嬶紝鏈辫嫳绂忋�佺唺鑺濊瘧锛屼笂娴凤紝鍗庝笢甯堣寖澶у鍑虹増绀撅紝2009銆�</p>
+                    <p>2.鐜嬪叴鍗庛�佺帇鏅鸿幑锛氥�婂熀浜庢父鎴忕殑2锝�3宀佸┐骞煎効璁ょ煡鍙戝睍璇勪环銆嬶紝杞姐�婂鍓嶆暀鑲茬爺绌躲�嬶紝2019锛�7锛夈��</p>
+                    <p>3.鐜嬪叴鍗庛�佺帇鏅鸿幑銆佹湵鐟炵幉绛夛細銆�0锝�3宀佸┐骞煎効璁ょ煡鍙戝睍璇勪及宸ュ叿鐨勫垎鏋愪笌鍚ず銆嬶紝杞姐�婂辜鍎挎暀鑲层�嬶紝2018锛�1銆�2锛夈��</p>
+
                     <p><span class="ls1">鍏充簬濠村辜鍎挎父鎴忚鍒掔殑涔︾睄锛�</span></p>
                     <p>1.锛绘棩锛藉婀栬緣绛夛細銆婃父鎴忔�诲姩鍛橈細鍚姩瀛╁瓙涓�鐢熺殑瀛︿範璁″垝銆嬶紝鑻忔枃鐟溿�佹潹骞胯偛璇戯紝寮�灏侊紝娌冲崡澶у鍑虹増绀撅紝2001銆�</p>
                     <p>2.锛昏嫳锛藉江灏悸峰绱㈠凹銆侊蓟鑻憋冀鍗℃灄路鍝堝厠锛氥�婂効绔ユ棭鏈熸父鎴忚鍒掋�嬬2鐗堬紝鏈辫繍鑷磋瘧锛屽崡浜紝鍗椾含甯堣寖澶у鍑虹増绀撅紝2009銆�</p>
                     <p><span class="ls1">鍏充簬濠村辜鍎挎父鎴忔寚瀵肩殑鏂囩珷锛�</span></p>
                     <p>1.鐢拌吘锛氥��0锝�3宀佸┐骞煎効娓告垙鍙婂叾鏈夋晥鎬ф寚瀵笺�嬶紝纭曞+瀛︿綅璁烘枃锛屽北涓滃笀鑼冨ぇ瀛︼紝2014銆�</p>
                     <p>2.鏋楄姺绔嬶細銆�0宀侊綖3宀佸┐骞煎効涓嶅悓绫诲瀷浜插瓙娓告垙鐨勫疄鏂戒笌鎸囧銆嬶紝杞姐�婃棭鏈熸暀鑲诧紙鏁欑鐮旂増锛夈�嬶紝2014锛�1锛夈��</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>
     </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: "chapterFive",
     props: {
         showPageList: {
             type: Array,
         },
+        interfaceQuestion: {
+            type: Object,
+        },
+    },
+    components: {
+        preView,
+        dialogExaminations,
     },
     data() {
         return {
+            // pdf
+            dialogVisible: false,
+            pdfDialogRef: "",
+            somePdfTitleValue: "",
+            p_md5: "",
+            chapter001: {
+                pdfMd5: {
+                    1: {
+                        md5: "1ce045d2c353c764db4dad0b78412f99",
+                        name: "妯″潡浜斅犲矖浣嶈繘闃惰缁�",
+                    },
+                    2: {
+                        md5: "5e32b18c5368c3a429719e5e7d990abe",
+                        name: "妯″潡浜斅犲疄璁伐浣滀换鍔�",
+                    },
+                },
+                question: {
+                    1: {
+                        questionTitleMain: "瀛︿範妯″潡浜�",
+                        questionNum: 140,
+                    },
+                },
+            },
+            chapter002: {
+                videoMd5: [
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "58a8d03be2d08c58869eea08777d2775",
+                        name: "0-3鏈堥緞璁ょ煡娓告垙銆婂0闊冲湪鍝噷銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "f78fe181408a6f1c215863f3e5bb6cb1",
+                        name: "4-6鏈堥緞濠村辜鍎胯鐭ユ父鎴忋�婅拷瑙嗘父鎴忋��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "396293f66e3b3014e5a3023d17472b74",
+                        name: "7-9鏈堥緞濠村辜鍎胯鐭ユ父鎴忋�婅翰鐚尗銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "33b35a1ccbb9f7a9ee0db8ec3659ed14",
+                        name: "10-12鏈堥緞濠村辜鍎胯鐭ユ父鎴忋�婅繃瀹跺銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "0b965f8efe275e6e8674e7c8a02e9030",
+                        name: "13-18鏈堥緞濠村辜鍎胯鐭ユ父鎴忋�婃垜鐖辫棰滆壊銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "c755d8ff97b3e29022fe904cb31c53c1",
+                        name: "19-24鏈堥緞濠村辜鍎胯鐭ユ父鎴忋�婂ぇ澶у皬灏忋��",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "26e5fd647f5edd8197e7071b85f96e37",
+                        name: "25-30鏈堥緞濠村辜鍎胯鐭ユ父鎴忋�婅蒋杞殑銆佺‖纭殑銆�",
+                    },
+                    {
+                        isCollectVideo: false,
+                        handleMd5: "",
+                        md5: "d8626e74a98136ce988d65a9366cacae",
+                        name: "31-36鏈堥緞濠村辜鍎胯鐭ユ父鎴忋�婃嫾鎷煎浘銆�",
+                    },
+                ],
+            },
+            // 棰樼洰
+            dialogVisibleOne: false,
+            themeColor: "#6dcff6",
+            questionNum: 0,
+            questionTitleMain: "",
+            // 棰樼洰
             collectImg: require("../../assets/images/icon/heart.png"),
             collectCheck: require("../../assets/images/icon/heart-check.png"),
             videoPathOne: "",
@@ -1369,6 +1874,16 @@
                 eight: "",
                 nine: "",
                 ten: "",
+                eleven: "",
+                twelve: "",
+                thirteen: "",
+                fourteen: "",
+                fifteen: "",
+                sixteen: "",
+                seventeen: "",
+                eighteen: "",
+                nineteen: "",
+                twenty: "",
             },
             exampleOne: {
                 isComplete: false,
@@ -1405,7 +1920,7 @@
                 isShowAnswer: false,
                 unitOne: [
                     {
-                        txt: "濠村効锛堛��锛夋椂鑳藉姣旇緝绋冲畾鍦版敞瑙嗘煇涓�鐗╀綋锛屼絾鎸佺画鐨勬椂闂村緢鐭��",
+                        txt: "娓告垙鈥滃畠鐖卞悆浠�涔堚�濇槸璁╁┐骞煎効鎻忚堪鍗$墖涓婂嚭绀虹殑鍔ㄧ墿鐖卞悆浠�涔堬紝骞舵壘鍑哄搴旂殑椋熺墿鍗$墖銆備笅鍒楄娉曟纭殑鏄紙銆�锛夈��",
                         isRight: null,
                         answer: "A",
                         userAnswer: "",
@@ -1430,127 +1945,439 @@
                     },
                 ],
             },
-            // 涔犻53椤�
-            unitQuestionOne: {
+            exampleThree: {
                 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湪鎺ㄧ潃鏀炬湁濞冨▋鐨勫皬妞呭瓙鐜┿�傚ソ濂舵�ュ繖涓�杈规姳璧峰辜鍎匡紝涓�杈瑰骞煎効璇粹�滃嵄闄╋紝妞呭瓙鏄敤鏉ュ潗鐨勨�濄�傝繖涓昏杩濊儗浜嗗┐骞煎効娓告垙璁捐鐨勶紙銆�锛夊師鍒欍��",
+                        txt: "濠村辜鍎胯鐭ユ父鎴忓簲浠ワ紙銆�锛夋椿鍔ㄤ负涓汇��",
                         isRight: null,
                         answer: "C",
                         userAnswer: "",
                         option: [
                             {
-                                txt: "鐏垫椿鎬�",
+                                txt: "瑙嗚",
                                 value: "A"
                             },
                             {
-                                txt: "瓒e懗鎬�",
+                                txt: "鍚",
                                 value: "B"
                             },
                             {
-                                txt: "瀹夊叏鎬�",
+                                txt: "鐩存帴鍔ㄤ綔",
                                 value: "C"
                             },
                             {
-                                txt: "閫傚疁鎬�",
+                                txt: "璇█",
                                 value: "D"
                             },
                         ]
                     },
                     {
-                        txt: "鏁欏笀鍦ㄨ璁¤繍鍔ㄦ父鎴忔椂璁剧疆缁曡繃鈥滃ぇ鐭冲ご鈥濄�佺埇涓婂皬灞卞潯銆佽烦杩囧皬娌虫祦鐜妭锛屼富瑕佷綋鐜颁簡娓告垙璁捐鐨勶紙銆�锛夊師鍒欍��",
+                        txt: "瀵逛簬濠村辜鍎胯鐭ユ父鎴忕浉鍚岀殑鍐呭闇�瑕侊紙銆�锛夈��",
                         isRight: null,
-                        answer: "B",
+                        answer: "D",
                         userAnswer: "",
                         option: [
                             {
-                                txt: "鑷富鎬�",
+                                txt: "涓�娆℃悶瀹�",
                                 value: "A"
                             },
                             {
-                                txt: "瓒e懗鎬�",
+                                txt: "涓嶉渶瑕侀噸澶�",
                                 value: "B"
                             },
                             {
-                                txt: "瀹夊叏鎬�",
+                                txt: "鍋跺皵澶嶄範",
                                 value: "C"
                             },
                             {
-                                txt: "閫傚疁鎬�",
+                                txt: "鍙嶅杩涜",
                                 value: "D"
                             },
                         ]
                     },
+                ],
+            },
+            // 涔犻116椤�
+            unitQuestionOne: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
                     {
-                        txt: "涓嬪垪鍝竴椤瑰┐骞煎効娓告垙璁捐鐨勫師鍒欐渶鑳戒綋鐜板┐骞煎効娓告垙鐨勬湰璐ㄧ壒寰侊紵锛堛��锛�",
+                        txt: "濠村辜鍎跨殑娓告垙璁捐涓嶄粎瑕佽�冭檻鍒板勾榫勭壒鐐癸紝杩樿鎶婃彙锛堛��锛夌殑鐗圭偣銆�",
                         isRight: null,
                         answer: "A",
                         userAnswer: "",
                         option: [
                             {
-                                txt: "鑷富鎬�",
+                                txt: "濠村効鍦ㄧ潯鐪犲ソ銆佸悆寰楀ソ鍜屾儏缁ケ婊$殑鐘舵�佷笅閫傚疁閫夋嫨姣旇緝婵�鐑堛�佹椿鍔ㄩ噺澶х殑娓告垙",
                                 value: "A"
                             },
                             {
-                                txt: "瓒e懗鎬�",
+                                txt: "濠村効鍦ㄥ悆寰楃壒鍒ケ鍚庨�傚悎閫夋嫨姣旇緝婵�鐑堛�佹椿鍔ㄩ噺澶х殑娓告垙",
                                 value: "B"
                             },
                             {
-                                txt: "瀹夊叏鎬�",
+                                txt: "濠村効鍦ㄧ潯鐪犲ソ銆佸悆寰楀ソ鍜屾儏缁ケ婊$殑鐘舵�佷笅閫傚疁閫夋嫨瀹夐潤鑰屽钩鍜岀殑娓告垙",
                                 value: "C"
                             },
                             {
-                                txt: "閫傚疁鎬�",
+                                txt: "娲诲姩閲忚緝灏忋�佸畨闈欒�屽钩鍜岀殑娓告垙鑳藉寮曡捣濠村効澶ц剳鐨勫叴濂嬶紝淇冧娇鍏惰剳骞茬缁忔椿璺�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓哄┐骞煎効璁捐鈥滄垜鍦ㄥ摢閲屸�濈殑娓告垙锛屼綘璁や负璇存硶姝g‘鐨勬槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "娓告垙鏃堕棿瓒婇暱瓒婂ソ",
+                                value: "A"
+                            },
+                            {
+                                txt: "娓告垙閬撳叿涓嶈兘鐢ㄩ暅瀛�",
+                                value: "B"
+                            },
+                            {
+                                txt: "2涓湀澶х殑濠村効鍙互寮�濮嬬帺杩欎釜娓告垙",
+                                value: "C"
+                            },
+                            {
+                                txt: "鐩殑鍦ㄤ簬璁粌濠村辜鍎跨殑閰嶅鑳藉姏",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "瀹綋姘镐箙鎬ф槸骞煎効澶勪簬鏅烘収鐨勭粨鏉熼樁娈电殑鏍囧織銆傦紙銆�锛�",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "姝g‘",
+                                value: "A"
+                            },
+                            {
+                                txt: "閿欒",
+                                value: "B"
+                            },
+                        ]
+                    },
+                ],
+                unitOneChoice: [
+                    {
+                        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"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "淇冭繘澶ц剳鍚勪釜鎰熻閫氶亾鐨勫缓绔�",
+                                value: "A"
+                            },
+                            {
+                                txt: "淇冭繘鎵嬬溂鍗忚皟鑳藉姏鐨勫彂灞�",
+                                value: "B"
+                            },
+                            {
+                                txt: "淇冭繘鑲綋鍔ㄤ綔鐨勫崗璋冨彂灞�",
+                                value: "C"
+                            },
+                            {
+                                txt: "淇冭繘绮剧粏鍔ㄤ綔鐨勫彂灞�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻123椤�
+            unitQuestionTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "涓哄辜鍎胯璁$殑鈥滄壘鏈嬪弸鈥濈殑娓告垙锛屼綘璁や负鍋氭硶姝g‘鐨勬槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "閫傚疁骞撮緞搴旇鏄�1锝�1.5宀�",
+                                value: "A"
+                            },
+                            {
+                                txt: "姣忓ぉ璁粌5锝�6娆�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鍑虹ず璁稿琚滃瓙銆佹墜濂椼�佹墜甯曠瓑锛岃骞煎効璇村嚭瀹冧滑鐨勫悕瀛�",
+                                value: "C"
+                            },
+                            {
+                                txt: "鍑虹ず灏忓鏂欑泦锛屼笂闈㈣创鐫�鍐欐湁鈥滆瀛愩�佹墜濂椼�佹墜甯曗�濆瓧鏍风殑鏍囩锛岃骞煎効甯姪瀹炵墿鎵炬湅鍙�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓哄辜鍎胯璁$殑鈥滄壘鐩稿悓鈥濈殑娓告垙锛屼綘璁や负鍋氭硶姝g‘鐨勬槸锛堛��锛夈��",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍙互涓�1锝�2宀佺殑骞煎効璁捐璇ユ父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "鐩殑鍦ㄤ簬璁粌骞煎効鎸夌浉鍚岀壒寰侀厤瀵�",
+                                value: "B"
+                            },
+                            {
+                                txt: "涓哄辜鍎挎彁渚涗笉璁よ瘑鐨勫姩鐗╁崱鐗囨洿渚夸簬鍏跺涔犳柊鍔ㄧ墿",
+                                value: "C"
+                            },
+                            {
+                                txt: "姣忛鎻愪緵鐨勫姩鐗╁崱鐗囩绫昏秺澶氳秺濂�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓嬪垪鍥惧舰瀵逛簬骞煎効鏉ヨ鏈�鏄撹鲸鍒殑鏄紙銆�锛夈��",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍦嗗舰",
+                                value: "A"
+                            },
+                            {
+                                txt: "姝f柟褰�",
+                                value: "B"
+                            },
+                            {
+                                txt: "涓夎褰�",
+                                value: "C"
+                            },
+                            {
+                                txt: "闀挎柟褰�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "2宀佸辜鍎垮線寰�浼氫几鎵嬭姹傜珯鍦ㄦゼ涓婄殑濡堝鎶便�傝繖璇存槑浠栦滑鐨勶紙銆�锛夈��",
+                        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: "姝g‘",
+                                value: "A"
+                            },
+                            {
+                                txt: "閿欒",
+                                value: "B"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "骞煎効璁ょ煡娓告垙鐨勫唴瀹瑰拰褰㈠紡鏄伒娲诲鍙樼殑锛屾父鎴忚儗鍚庣殑鐭ヨ瘑鐐逛篃鏄湁鎰忎箟鐨勩�傦紙銆�锛�",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "姝g‘",
+                                value: "A"
+                            },
+                            {
+                                txt: "閿欒",
+                                value: "B"
+                            },
+                        ]
+                    },
+                ],
+            },
+            // 涔犻129椤�
+            unitQuestionThree: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "锛堛��锛変笉鏄拡瀵瑰┐骞煎効璁ょ煡鑳藉姏璁粌鐨勬父鎴忋��",
+                        isRight: null,
+                        answer: "D",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍒嗙被娓告垙",
+                                value: "A"
+                            },
+                            {
+                                txt: "閰嶅娓告垙",
+                                value: "B"
+                            },
+                            {
+                                txt: "鎺掑簭娓告垙",
+                                value: "C"
+                            },
+                            {
+                                txt: "搴旂瓟娓告垙",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "涓哄辜鍎胯璁$殑鈥滄壘鐩稿悓鈥濈殑娓告垙锛屼綘璁や负鍋氭硶姝g‘鐨勬槸锛堛��锛夈��",
+                        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", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "閫傜敤33锝�36涓湀鐨勫辜鍎�",
+                                value: "A"
+                            },
+                            {
+                                txt: "姣忓ぉ璁粌1娆�",
+                                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"
                             },
                         ]
@@ -1579,8 +2406,94 @@
         if (exampleTwo) {
             this.exampleTwo = JSON.parse(exampleTwo);
         }
+
+        const exampleThree = localStorage.getItem("toddleGame-book-chapter005-exampleThree");
+        if (exampleThree) {
+            this.exampleThree = JSON.parse(exampleThree);
+        }
+
+        const unitQuestionOne = localStorage.getItem("toddlerGameImplementation-book-chapter005-unitQuestionOne");
+        if (unitQuestionOne) {
+            this.unitQuestionOne = JSON.parse(unitQuestionOne);
+        }
+
+        const unitQuestionTwo = localStorage.getItem("toddlerGameImplementation-book-chapter005-unitQuestionTwo");
+        if (unitQuestionTwo) {
+            this.unitQuestionTwo = JSON.parse(unitQuestionTwo);
+        }
+
+        const unitQuestionThree = localStorage.getItem("toddlerGameImplementation-book-chapter005-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(
+                "612abd9003338a4913a9b81463d01b51"
+            );
+            this.videoPathTwo = await getResourcePath(
+                "3c6179d24c2cc0e22e20939472d7c8b4"
+            );
+            this.videoPathThree = await getResourcePath(
+                "c6a5f6550eb67125c48b551b8dd640a1"
+            );
+            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("612abd9003338a4913a9b81463d01b51", "612abd9003338a4913a9b81463d01b51", '', "瑙嗛", "bits", '瑙嗛锛�0锝�1宀佸┐鍎胯鐭ユ父鎴忚璁′笌鎸囧')
+                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
+            } else if (e == 'video-02') {
+                this.handleCollectResource("3c6179d24c2cc0e22e20939472d7c8b4", "3c6179d24c2cc0e22e20939472d7c8b4", '', "瑙嗛", "bits", '瑙嗛锛�1锝�2宀佸辜鍎胯鐭ユ父鎴忚璁′笌鎸囧')
+                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
+            } else if (e == 'video-03') {
+                this.handleCollectResource("c6a5f6550eb67125c48b551b8dd640a1", "c6a5f6550eb67125c48b551b8dd640a1", '', "瑙嗛", "bits", '瑙嗛锛�2锝�3宀佸辜鍎胯鐭ユ父鎴忚璁′笌鎸囧')
+                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
+            }
+        },
+        //璧勬簮鏀惰棌浜嬩欢
+        // resourcePath  鏂囦欢璺緞锛�
+        // resourceType  鏂囦欢绫诲瀷
+        // source        鏂囦欢鏉ユ簮
+        handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
+            let list = this.collectResourceList
+            if (list.findIndex(item => item.id == id) > -1) {
+                list = list.filter(item => item.id != id)
+            } else {
+                list.push({
+                    id,
+                    md5,
+                    resourcePath,
+                    resourceType,
+                    source,
+                    resourceName,
+                })
+            }
+            this.collectResourceList = list
+            setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
+        },
         setBookQuestion() {
             localStorage.setItem(
                 "toddleGame-book-chapter05-tableData",
@@ -1647,6 +2560,179 @@
             this.exampleTwo.isComplete = false
             this.exampleTwo.isShowAnswer = false
         },
+
+        saveExampleThree() {
+            localStorage.setItem('toddleGame-book-chapter005-exampleThree', JSON.stringify(this.exampleThree))
+        },
+        goExampleThree() {
+            for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
+                const item = this.exampleThree.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.exampleThree.isComplete = true
+            this.exampleThree.isShowAnswer = true
+            this.saveExampleThree()
+        },
+        changeExampleThree() {
+            localStorage.removeItem("toddleGame-book-chapter005-exampleThree")
+            for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
+                const item = this.exampleThree.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.exampleThree.isComplete = false
+            this.exampleThree.isShowAnswer = false
+        },
+
+
+
+
+
+
+        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-chapter005-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-chapter005-unitQuestionOne",
+                JSON.stringify(this.unitQuestionOne)
+            );
+        },
+
+        goUnitTwo() {
+            for (let index = 0; index < this.unitQuestionTwo.unitOne.length; index++) {
+                const item = this.unitQuestionTwo.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.unitQuestionTwo.isComplete = true
+            this.unitQuestionTwo.isShowAnswer = true
+            this.saveUnitQuestionTwo()
+        },
+        changeUnitTwo() {
+            localStorage.removeItem("toddlerGameImplementation-book-chapter005-unitQuestionTwo")
+            for (let index = 0; index < this.unitQuestionTwo.unitOne.length; index++) {
+                const item = this.unitQuestionTwo.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.unitQuestionTwo.isComplete = false
+            this.unitQuestionTwo.isShowAnswer = false
+        },
+        saveUnitQuestionTwo() {
+            localStorage.setItem(
+                "toddlerGameImplementation-book-chapter005-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-chapter005-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-chapter005-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