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

---
 src/books/toddlerGameImplementation/view/components/chapter001.vue | 1065 ++++++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 866 insertions(+), 199 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter001.vue b/src/books/toddlerGameImplementation/view/components/chapter001.vue
index 0a346ae..85eefe9 100644
--- a/src/books/toddlerGameImplementation/view/components/chapter001.vue
+++ b/src/books/toddlerGameImplementation/view/components/chapter001.vue
@@ -70,10 +70,10 @@
                             <td class="ta-l table-tr-bc">
                                 <p class="td-0"><b>瀛︿範鍓�:</b></p>
                                 <p>鈶犲畬鎴愭湰浠诲姟鐨勫涔犲垵浣撻獙娲诲姩銆�</p>
-                                <p>鈶℃煡闃� 0~3 宀佸┐鍎胯韩蹇冨彂灞曠壒鐐圭殑鐩稿叧璧勬枡銆�</p>
+                                <p>鈶℃煡闃� 0~3 宀佸┐骞煎効韬績鍙戝睍鐗圭偣鐨勭浉鍏宠祫鏂欍��</p>
                                 <p class="td-0"><b>瀛︿範涓�:</b></p>
                                 <p>鈶犳繁鍏ヤ簡瑙ｅ┐骞煎効鏃╂湡鍙戝睍鐨勭浉鍏崇煡璇嗐��</p>
-                                <p>鈶¤兘澶熷皢濠村辜鍎挎父鎴忓疄鏅笌濠村辜鍎垮彂灞曡繘琛�--瀵瑰簲銆�</p>
+                                <p>鈶¤兘澶熷皢濠村辜鍎挎父鎴忓疄鏅笌濠村辜鍎垮彂灞曡繘琛屼竴涓�瀵瑰簲銆�</p>
                                 <p class="td-0"><b>瀛︿範鍚�:</b></p>
                                 <p>鈶犲畬鎴愭湰浠诲姟鐨勫涔犳晥鏋滄娴嬨��</p>
                                 <p>鈶″皾璇曠粨鍚堟墍瀛﹀濠村辜鍎跨殑琛屼负琛ㄧ幇杩涜鍒濇鍒嗘瀽銆�</p>
@@ -247,10 +247,10 @@
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
                         <p>璇曠潃鎶�0锝�3宀佸┐骞煎効鐨勫彂灞曟鍐典互鎬濈淮瀵煎浘鐨勫舰寮忓睍绀哄嚭鏉ワ紝鍙互浠庤瑷�銆佸姩浣溿�佽鐭ャ�佹儏缁儏鎰熺瓑瑙掑害鍛堢幇锛屽苟鎬荤粨瀵瑰┐骞煎効鐓ф姢宸ヤ綔瀹炶返鐨勫惎绀鸿鐐广��
-                            <!-- <img class="jc-img" alt="" src="../../assets/images/SWDT.svg"
-                                title="璇蜂娇鐢ㄦ�濈淮瀵煎浘宸ュ叿缁樺埗鎬濈淮瀵煎浘锛岀粯鍒跺畬姣曞悗涓嬭浇涓哄浘鐗囷紝涓婁紶鍒版暀鏉愪腑" @click="showMindMapDialog" /> -->
+                            <img class="jc-img" alt="" src="../../assets/images/SWDT.svg"
+                                title="璇蜂娇鐢ㄦ�濈淮瀵煎浘宸ュ叿缁樺埗鎬濈淮瀵煎浘锛岀粯鍒跺畬姣曞悗涓嬭浇涓哄浘鐗囷紝涓婁紶鍒版暀鏉愪腑" @click="showMindMapDialog" />
                         </p>
-                        <!-- <div class="w100 textarea-box">
+                        <div class="w100 textarea-box">
                             <ul class="fl w80">
                                 <li>
                                     <el-upload ref="upload" class="upload-demo" action="'#'" :limit="1"
@@ -269,10 +269,11 @@
                             <div>
                                 <img class="img-a" alt="" :src="questionDataImg" />
                             </div>
-                        </div> -->
+                        </div>
+                        <p><br></p>
                     </div>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="index">
+                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="'unitQuestion' + index">
                         <li>
                             {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
@@ -321,7 +322,7 @@
                     </li>
                 </ul>
                 <div class="bodystyle">
-                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="index">
+                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="'unitQuestion2' + index">
                         <li>
                             {{ index + 3 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
@@ -355,7 +356,7 @@
                             </span>
                         </li>
                     </ul>
-                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="index">
+                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="'unitQuestionCheck' + index">
                         <li>
                             {{ index + 5 }}.锛堝閫夛級{{ item.txt }}銆�
                         </li>
@@ -412,9 +413,24 @@
                     </div>
                     <p><img class="rwmb-1" src="../../assets/images/0019_01.jpg" alt="" /></p>
                     <p>
-                        鐢熼暱鍙戣偛姝ｅ父鏄仴搴风殑閲嶈鏍囧織锛岃繖绉嶅彂鑲叉槸鏈変竴瀹氳寰嬬殑锛屾棦鏄繛缁殑锛屽張鏈夐樁娈垫�э紝鍗冲湪涓嶅悓骞撮緞闃舵锛屾湁鐫�涓嶅悓鐨勫彂鑲叉爣蹇椼�備互涓嬩簩缁寸爜涓憟鐜颁簡鏁欒偛閮ㄤ笌鑱斿悎鍥藉効绔ュ熀閲戜細鍏卞悓鎺ㄥ箍鐨�0锝�6宀佸効绔ョ殑鍙戝睍閲岀▼纰戯紝鏈夊姪浜庝綘浜嗚В鍜屽叧娉ㄥ┐骞煎効鐨勬棭鏈熸垚闀裤��
+                        鐢熼暱鍙戣偛姝ｅ父鏄仴搴风殑閲嶈鏍囧織锛岃繖绉嶅彂鑲叉槸鏈変竴瀹氳寰嬬殑锛屾棦鏄繛缁殑锛屽張鏈夐樁娈垫�э紝鍗冲湪涓嶅悓骞撮緞闃舵锛屾湁鐫�涓嶅悓鐨勫彂鑲叉爣蹇椼�備互涓嬪憟鐜颁簡鏁欒偛閮ㄤ笌鑱斿悎鍥藉効绔ュ熀閲戜細鍏卞悓鎺ㄥ箍鐨�0锝�6宀佸効绔ョ殑鍙戝睍閲岀▼纰戯紝鏈夊姪浜庝綘浜嗚В鍜屽叧娉ㄥ┐骞煎効鐨勬棭鏈熸垚闀裤��
                     </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)">聽鏂囨湰璧勬簮锛� 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�</span>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
@@ -559,105 +575,102 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <div class="img-float w135">
-                        <div class="bk">
-                            <div class="bk1">
-                                <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
-                            </div>
-                            <p>渚濇嵁鍓╀綑绮惧姏璇达紝濠村辜鍎挎父鎴忕殑鍔ㄥ姏鏉ユ簮浜庡摢閲岋紵濡備綍鐪嬪緟杩欑鍔ㄥ姏锛�</p>
-                            <textarea v-model="questionData.unitOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question"
-                                @change="setQuestionData"></textarea>
+                    <div class="bk">
+                        <div class="bk1">
+                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                         </div>
+                        <p>渚濇嵁鍓╀綑绮惧姏璇达紝濠村辜鍎挎父鎴忕殑鍔ㄥ姏鏉ユ簮浜庡摢閲岋紵濡備綍鐪嬪緟杩欑鍔ㄥ姏锛�</p>
+                        <textarea v-model="questionData.unitOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                            style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question ml-30"
+                            @change="setQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h3 id="c005">浜屻�佺敓娲诲噯澶囪</h3>
-                        <p>鐢熸椿鍑嗗璇存垨绉板墠缁冧範璇达紝鏄敱寰峰浗瀛﹁�呮牸椴佹柉鎻愬嚭鏉ョ殑銆傛牸椴佹柉鐨勪唬琛ㄤ綔鏈夈�婂姩鐗╃殑娓告垙銆嬨�婁汉鐨勬父鎴忋�嬨�備粬鍦ㄧ爺绌剁編瀛︾殑杩囩▼涓紝鍙楀腑鍕掔殑鑹烘湳璧锋簮涓庢父鎴忔�濇兂鐨勫奖鍝嶏紝寮�濮嬪鍎跨娓告垙浜х敓鍏磋叮锛屽湪鎵硅瘎鍓╀綑绮惧姏璇寸殑鍩虹涓婂缓鏋勮捣浜嗚嚜宸辩殑鐞嗚銆�
+                    <h3 id="c005">浜屻�佺敓娲诲噯澶囪</h3>
+                    <p>鐢熸椿鍑嗗璇存垨绉板墠缁冧範璇达紝鏄敱寰峰浗瀛﹁�呮牸椴佹柉鎻愬嚭鏉ョ殑銆傛牸椴佹柉鐨勪唬琛ㄤ綔鏈夈�婂姩鐗╃殑娓告垙銆嬨�婁汉鐨勬父鎴忋�嬨�備粬鍦ㄧ爺绌剁編瀛︾殑杩囩▼涓紝鍙楀腑鍕掔殑鑹烘湳璧锋簮涓庢父鎴忔�濇兂鐨勫奖鍝嶏紝寮�濮嬪鍎跨娓告垙浜х敓鍏磋叮锛屽湪鎵硅瘎鍓╀綑绮惧姏璇寸殑鍩虹涓婂缓鏋勮捣浜嗚嚜宸辩殑鐞嗚銆�
+                    </p>
+                    <p>鏍奸瞾鏂彂鐜颁綆绛夊姩鐗╃殑鏈兘琛屼负鏄笌鐢熶勘鏉ヤ笖鎴愮啛鐨勶紝鍥犳涓嶉渶瑕佹父鎴忥紱鑰屼汉绫诲湪鍑虹敓鏃跺彂鑲插苟涓嶅厖鍒嗭紝闇�瑕佸湪瀹堕暱鐨勫府鍔╁拰鐓ч【涓嬶紝閿荤偧鍜屽彂灞曢�傚簲鐢熸椿鐨勬妧鑳藉拰鏈銆傝繖涓�鎴愰暱鏈熸槸鍔ㄧ墿鐨勪笉鎴愮啛鏈燂紝娓告垙涔熸鏄繖涓�鏃舵湡鐨勭壒鏈夌幇璞°�傚熀浜庢锛屾牸椴佹柉璁や负娓告垙涓嶄粎鏄棤浼ゅ鍦板鐞嗗姩鐗╁墿浣欑簿鍔涚殑鎵嬫锛岃�屼笖涓哄畠浠彁渚涗簡鍙傚姞涓ヨ們鐢熸椿鐨勯�斿緞銆備粬鍧氫俊锛屾父鎴忓叿鏈夌敓鐗╅�傜敤鐨勬妧鑳斤紱娓告垙鏄涓庣敓淇辨潵鐨勪絾涓嶅畬鍠勫拰鎴愮啛鐨勬湰鑳借涓虹殑缁冧範锛岃兘澶熷府鍔╁姩鐗╅�傚簲鏈潵鐨勭敓娲汇��
+                    </p>
+                    <p>鏍奸瞾鏂皢鍎跨鐨勬父鎴忓垎涓轰袱绫伙細缁冧範鎬ф父鎴忓拰绀句細鎬ф父鎴忋�傚墠鑰呭寘鎷劅鐭ヨ繍鍔ㄧ殑缁冧範鍜岄珮绾х殑蹇冪悊鑳藉姏鐨勭粌涔狅紝鍏朵綔鐢ㄥ湪浜庝績杩涜嚜鎴戞帶鍒惰兘鍔涚殑鍙戝睍锛涘悗鑰呭寘鎷拷閫愭墦闂瑰拰妯′豢鎬х殑娓告垙锛屽叾浣滅敤鍦ㄤ簬褰㈡垚浜轰笌浜轰箣闂寸殑鍏崇郴銆�
+                    </p>
+                    <p>鏍奸瞾鏂殑娓告垙鐞嗚鍜屾柉瀹惧鐨勬父鎴忕悊璁哄苟涓嶆槸鐭涚浘鐨勬垨閽堥攱鐩稿鐨勶紝鑰屾槸鐩镐簰琛ュ厖鐨勩�傚畠浠殑鍏卞悓涔嬪鍦ㄤ簬浠庡姩鐗╄繘鍖栫殑瑙嗚鏉ヨВ璇绘父鎴忥紱涓嶅悓涔嬪鍦ㄤ簬涓よ�呰瀵熺殑瑙掑害涓嶅悓锛屽嵆鏂濉炶鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿瀛︽潯浠朵箣闂寸殑鍏崇郴锛岃�屾牸椴佹柉鍒欒繘涓�姝ヨ鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿閫傚簲鏈鸿兘涔嬮棿鐨勫叧绯汇�傛牸椴佹柉鎵�鎸囩殑楂樼瓑鍔ㄧ墿浠呭嚟澶╃敓鏈鏃犳硶閫傚簲鐢熸椿锛岃�岃鍊熷姪鍚庡ぉ鐨勭粌涔犲拰瀛︿範銆傝繖鏄鍚堜簨瀹炵殑銆備粬鎵�寮鸿皟鐨勫辜骞存湡鐨勫彲濉戞�т笌娓告垙鐨勭敓鐗╅�傚簲鏈鸿兘寰楀埌浜嗗拰璋愮粺涓�銆傝繖涔熸湁鍒╀簬鏀瑰彉浜轰滑鐨勫効绔ヨ锛屽鎵浆褰撴椂浜轰滑璁や负鍎跨娓告垙鏃犱环鍊肩殑浼犵粺瑙傚康鏃犵枒鍏锋湁绉瀬鐨勬剰涔夈�備絾浠栬繃鍒嗕緷璧栤�滄湰鑳解�濇蹇碉紝鎶娾�滄湰鑳解�濅綔涓哄彂灞曠殑涓績椹卞姏锛屾妸鍔ㄧ墿鐨勬父鎴忎笌浜虹被鍎跨鐨勬父鎴忕瓑閲忛綈瑙傦紝涔熼伃鍒颁簡璐ㄧ枒銆傚畠缁欐暀鑲茬殑鍚ず鏄紝濠村辜鍎挎椂鏈熸槸閲嶈鐨勬父鎴忔湡锛涙垜浠簲璇ラ噸瑙嗘父鎴忕殑浠峰�硷紝寮曞濠村辜鍎垮湪娓告垙涓彂灞曞皢鏉ョ敓娲绘墍闇�瑕佺殑鍚勭鏈銆�
+                    </p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                         </p>
-                        <p>鏍奸瞾鏂彂鐜颁綆绛夊姩鐗╃殑鏈兘琛屼负鏄笌鐢熶勘鏉ヤ笖鎴愮啛鐨勶紝鍥犳涓嶉渶瑕佹父鎴忥紱鑰屼汉绫诲湪鍑虹敓鏃跺彂鑲插苟涓嶅厖鍒嗭紝闇�瑕佸湪瀹堕暱鐨勫府鍔╁拰鐓ч【涓嬶紝閿荤偧鍜屽彂灞曢�傚簲鐢熸椿鐨勬妧鑳藉拰鏈銆傝繖涓�鎴愰暱鏈熸槸鍔ㄧ墿鐨勪笉鎴愮啛鏈燂紝娓告垙涔熸鏄繖涓�鏃舵湡鐨勭壒鏈夌幇璞°�傚熀浜庢锛屾牸椴佹柉璁や负娓告垙涓嶄粎鏄棤浼ゅ鍦板鐞嗗姩鐗╁墿浣欑簿鍔涚殑鎵嬫锛岃�屼笖涓哄畠浠彁渚涗簡鍙傚姞涓ヨ們鐢熸椿鐨勯�斿緞銆備粬鍧氫俊锛屾父鎴忓叿鏈夌敓鐗╅�傜敤鐨勬妧鑳斤紱娓告垙鏄涓庣敓淇辨潵鐨勪絾涓嶅畬鍠勫拰鎴愮啛鐨勬湰鑳借涓虹殑缁冧範锛岃兘澶熷府鍔╁姩鐗╅�傚簲鏈潵鐨勭敓娲汇��
+                        <p class="center videoname">
+                            <span>瑙嗛锛氱敓娲诲噯澶囪</span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == 'dcb45feb677250012c73d3a6affb7d27') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
+                            </el-tooltip>
                         </p>
-                        <p>鏍奸瞾鏂皢鍎跨鐨勬父鎴忓垎涓轰袱绫伙細缁冧範鎬ф父鎴忓拰绀句細鎬ф父鎴忋�傚墠鑰呭寘鎷劅鐭ヨ繍鍔ㄧ殑缁冧範鍜岄珮绾х殑蹇冪悊鑳藉姏鐨勭粌涔狅紝鍏朵綔鐢ㄥ湪浜庝績杩涜嚜鎴戞帶鍒惰兘鍔涚殑鍙戝睍锛涘悗鑰呭寘鎷拷閫愭墦闂瑰拰妯′豢鎬х殑娓告垙锛屽叾浣滅敤鍦ㄤ簬褰㈡垚浜轰笌浜轰箣闂寸殑鍏崇郴銆�
-                        </p>
-                        <p>鏍奸瞾鏂殑娓告垙鐞嗚鍜屾柉瀹惧鐨勬父鎴忕悊璁哄苟涓嶆槸鐭涚浘鐨勬垨閽堥攱鐩稿鐨勶紝鑰屾槸鐩镐簰琛ュ厖鐨勩�傚畠浠殑鍏卞悓涔嬪鍦ㄤ簬浠庡姩鐗╄繘鍖栫殑瑙嗚鏉ヨВ璇绘父鎴忥紱涓嶅悓涔嬪鍦ㄤ簬涓よ�呰瀵熺殑瑙掑害涓嶅悓锛屽嵆鏂濉炶鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿瀛︽潯浠朵箣闂寸殑鍏崇郴锛岃�屾牸椴佹柉鍒欒繘涓�姝ヨ鏄庝簡鍔ㄧ墿杩涘寲涓庢父鎴忕殑鐢熺墿閫傚簲鏈鸿兘涔嬮棿鐨勫叧绯汇�傛牸椴佹柉鎵�鎸囩殑楂樼瓑鍔ㄧ墿浠呭嚟澶╃敓鏈鏃犳硶閫傚簲鐢熸椿锛岃�岃鍊熷姪鍚庡ぉ鐨勭粌涔犲拰瀛︿範銆傝繖鏄鍚堜簨瀹炵殑銆備粬鎵�寮鸿皟鐨勫辜骞存湡鐨勫彲濉戞�т笌娓告垙鐨勭敓鐗╅�傚簲鏈鸿兘寰楀埌浜嗗拰璋愮粺涓�銆傝繖涔熸湁鍒╀簬鏀瑰彉浜轰滑鐨勫効绔ヨ锛屽鎵浆褰撴椂浜轰滑璁や负鍎跨娓告垙鏃犱环鍊肩殑浼犵粺瑙傚康鏃犵枒鍏锋湁绉瀬鐨勬剰涔夈�備絾浠栬繃鍒嗕緷璧栤�滄湰鑳解�濇蹇碉紝鎶娾�滄湰鑳解�濅綔涓哄彂灞曠殑涓績椹卞姏锛屾妸鍔ㄧ墿鐨勬父鎴忎笌浜虹被鍎跨鐨勬父鎴忕瓑閲忛綈瑙傦紝涔熼伃鍒颁簡璐ㄧ枒銆傚畠缁欐暀鑲茬殑鍚ず鏄紝濠村辜鍎挎椂鏈熸槸閲嶈鐨勬父鎴忔湡锛涙垜浠簲璇ラ噸瑙嗘父鎴忕殑浠峰�硷紝寮曞濠村辜鍎垮湪娓告垙涓彂灞曞皢鏉ョ敓娲绘墍闇�瑕佺殑鍚勭鏈銆�
-                        </p>
-                        <div class="video-box">
-                            <p class="center text">
-                                <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
-                                    playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
-                                    x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
-                            </p>
-                            <p class="center videoname">
-                                <span>瑙嗛锛氱敓娲诲噯澶囪</span>
-                                <el-tooltip class="item" effect="dark"
-                                    :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
-                                    <img :src="collectResourceList.findIndex(item => item.id == 'dcb45feb677250012c73d3a6affb7d27') > -1 ? collectCheck : collectImg"
-                                        alt="" class="collect-btn" @click="handleCollect('video-02')" />
-                                </el-tooltip>
-                            </p>
-                        </div>
-                        <div class="bk2">
-                            <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                            <ul v-for="(item, index) in exampleOne.unitOne" :key="index">
+                    </div>
+                    <div class="bk2">
+                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
+                        <p class="center mr-0"><span class="ls2">2021骞村垵绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
+                        <ul class='mr-0'  v-for="(item, index) in exampleOne.unitOne" :key="'exampleOne' + index">
+                            <li>
+                                锛堝崟閫夐锛墈{ item.txt }}銆�
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleOne.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleOne" />
+                                    <span>{{ citem.value }} . {{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleOne.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>
-                                    {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
+                                    <button class="btn-border btn-w" @click="goExampleOne">
+                                        鎻愪氦
+                                    </button>
                                 </li>
-                                <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
-                                    <label>
-                                        <input type="radio" :disabled="exampleOne.isComplete" :name="item.txt"
-                                            :value="citem.value" v-model="item.userAnswer" @change="saveExampleOne" />
-                                        <span>{{ citem.value }} . {{ citem.txt }}</span>
-                                    </label>
+                                <li>
+                                    <button @click="changeExampleOne" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
                                 </li>
-                                <li v-if="exampleOne.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>
+                                    <button @click="exampleOne.isShowAnswer = !exampleOne.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
                                 </li>
                             </ul>
-                            <!-- 鎻愪氦鎸夐挳 -->
-                            <div class="w100 fl ju-cn">
-                                <ul class="fl ju-ev w80 choice">
-                                    <li>
-                                        <button class="btn-border btn-w" @click="goExampleOne">
-                                            鎻愪氦
-                                        </button>
-                                    </li>
-                                    <li>
-                                        <button @click="changeExampleOne" class="btn-border btn-w">
-                                            閲嶅仛
-                                        </button>
-                                    </li>
-                                    <li>
-                                        <button @click="exampleOne.isShowAnswer = !exampleOne.isShowAnswer"
-                                            class="parimary-btn">
-                                            鏌ョ湅绛旀
-                                        </button>
-                                    </li>
-                                </ul>
-                            </div>
                         </div>
-                        <h3 id="c006">涓夈�佸婕旇</h3>
-                        <p>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠ｅ効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠ｇ敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠ｇ殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩��
-                        </p>
-                    </span>
+                    </div>
+                    <h3 id="c006">涓夈�佸婕旇</h3>
+                    <p>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠ｅ効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠ｇ敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠ｇ殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩��
+                    </p>
+
                 </div>
             </div>
         </div>
@@ -807,9 +820,10 @@
                     </p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                        <ul v-for="(item, index) in exampleTwo.unitOne" :key="index">
+                          <p class="center mr-0"><span class="ls2">2019 骞撮珮绾ц偛濠村笀鐞嗚鐭ヨ瘑鑰冭瘯鐪熼</span></p>
+                        <ul class='mr-0' v-for="(item, index) in exampleTwo.unitOne" :key="'exampleTwo' + index">
                             <li>
-                                {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
+                                锛堝崟閫夐锛墈{ item.txt }}銆�
                             </li>
                             <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                 <label>
@@ -937,23 +951,19 @@
                     </li>
                 </ul>
                 <div class="bodystyle">
-                    <div class="img-rights w115">
-                        <div class="bk">
-                            <div class="bk1">
-                                <p><img class="rwmb-3 img-b" alt="" src="../../assets/images/xyx.png" /></p>
-                            </div>
-                            <p>濡備綍甯姪缁存寔鍎跨鐨勫敜閱掑浜庝腑绛夋按骞筹紵</p>
-                            <textarea v-model="questionData.unitOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                                style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-question"
-                                @change="setQuestionData"></textarea>
+                    <h4 id="d011">锛堜笁锛夋父鎴忕殑鍏冧氦闄呯悊璁�</h4>
+                    <p>娓告垙鐨勫厓浜ら檯鐞嗚灏嗘父鎴忕湅浣滀竴绉嶆剰璇嗕笌淇℃伅鐨勬剰涔変氦娴佸拰鐞嗚В杩囩▼銆備綔涓轰竴绉嶅厓浜ら檯娲诲姩锛屾父鎴忔湰韬槸鏈変环鍊肩殑锛屾父鎴忔槸鍎跨杩涘叆浜虹被鐨勬枃鍖栧拰琛ㄥ緛涓栫晫鐨勪竴绉嶅繀闇�鐨勬妧鑳藉拰閲嶈閫斿緞銆�</p>
+                    <p>鍏冧氦闄呮槸璇ョ悊璁虹殑鏍稿績姒傚康锛屾寚鐨勬槸浜ら檯鐨勨�滀氦闄呪�濓紝鏄殣钘忓湪鏄炬�х殑鎴栧鍦ㄧ殑浜ら檯鍚庨潰鐨勨�滀氦闄呪�濓紝瀹為檯涓婃槸涓�绉嶆娊璞＄殑浜ら檯銆傛瘮濡傝瀹汉鍦ㄧ瓑灏忎紮璁′笂闈㈡椂锛岀湅鍒板皬浼欒榛戦粦鐨勬寚鐢叉蹈鍦ㄩ潰姹ら噷锛屼簬鏄浜嗕竴鍙ワ細鈥滀綘鐨勬寚鐢查兘娉″湪姹ら噷浜嗭紒鈥濆皬浼欒涓�绗戯紝璇达細鈥滄病鍏崇郴锛佹垜涓嶆�曠儷锛佲�濆緢鏄剧劧杩欐槸涓�娆″け璐ョ殑浜ゆ祦銆傚浜虹殑鎰忔�濇槸琛ㄨ揪涓嶆弧鍜屽椋熷搧瀹夊叏鐨勬��鐤戯紝鑰岄潪灏忎紮璁＄悊瑙ｇ殑鈥滃叧蹇冣�濓紱濡傛灉淇℃伅浜ゆ祦鐨勫弻鏂规棤娉曞噯纭悊瑙ｅ厓浜ら檯鎵�浼犻�掔殑淇℃伅锛屽氨浼氫娇浜ら檯杩囩▼闃绘柇锛屼骇鐢熸剰涔夌悊瑙ｄ笂鐨勫垎姝с�傚厓浜ら檯鑳藉姏鏄竴绉嶉潪甯搁噸瑕佺殑绀句細浜ゅ線鑳藉姏锛屾槸涓�绉嶅氨鍐呴殣鐨勪氦闄呮墍浼犺揪鐨勪俊鎭繘琛屾剰涔夋矡閫氱殑鑳藉姏銆傜己涔忚繖绉嶈兘鍔涳紝灏辨棤娉曡儨浠荤ぞ浼氭�т氦寰�娲诲姩銆�
+                    </p>
+                    <div class="bk">
+                        <div class="bk1">
+                            <p><img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" /></p>
                         </div>
+                        <p>濡備綍甯姪缁存寔鍎跨鐨勫敜閱掑浜庝腑绛夋按骞筹紵</p>
+                        <textarea v-model="questionData.unitOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                            style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-question ml-30"
+                            @change="setQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h4 id="d011">锛堜笁锛夋父鎴忕殑鍏冧氦闄呯悊璁�</h4>
-                        <p>娓告垙鐨勫厓浜ら檯鐞嗚灏嗘父鎴忕湅浣滀竴绉嶆剰璇嗕笌淇℃伅鐨勬剰涔変氦娴佸拰鐞嗚В杩囩▼銆備綔涓轰竴绉嶅厓浜ら檯娲诲姩锛屾父鎴忔湰韬槸鏈変环鍊肩殑锛屾父鎴忔槸鍎跨杩涘叆浜虹被鐨勬枃鍖栧拰琛ㄥ緛涓栫晫鐨勪竴绉嶅繀闇�鐨勬妧鑳藉拰閲嶈閫斿緞銆�</p>
-                        <p>鍏冧氦闄呮槸璇ョ悊璁虹殑鏍稿績姒傚康锛屾寚鐨勬槸浜ら檯鐨勨�滀氦闄呪�濓紝鏄殣钘忓湪鏄炬�х殑鎴栧鍦ㄧ殑浜ら檯鍚庨潰鐨勨�滀氦闄呪�濓紝瀹為檯涓婃槸涓�绉嶆娊璞＄殑浜ら檯銆傛瘮濡傝瀹汉鍦ㄧ瓑灏忎紮璁′笂闈㈡椂锛岀湅鍒板皬浼欒榛戦粦鐨勬寚鐢叉蹈鍦ㄩ潰姹ら噷锛屼簬鏄浜嗕竴鍙ワ細鈥滀綘鐨勬寚鐢查兘娉″湪姹ら噷浜嗭紒鈥濆皬浼欒涓�绗戯紝璇达細鈥滄病鍏崇郴锛佹垜涓嶆�曠儷锛佲�濆緢鏄剧劧杩欐槸涓�娆″け璐ョ殑浜ゆ祦銆傚浜虹殑鎰忔�濇槸琛ㄨ揪涓嶆弧鍜屽椋熷搧瀹夊叏鐨勬��鐤戯紝鑰岄潪灏忎紮璁＄悊瑙ｇ殑鈥滃叧蹇冣�濓紱濡傛灉淇℃伅浜ゆ祦鐨勫弻鏂规棤娉曞噯纭悊瑙ｅ厓浜ら檯鎵�浼犻�掔殑淇℃伅锛屽氨浼氫娇浜ら檯杩囩▼闃绘柇锛屼骇鐢熸剰涔夌悊瑙ｄ笂鐨勫垎姝с�傚厓浜ら檯鑳藉姏鏄竴绉嶉潪甯搁噸瑕佺殑绀句細浜ゅ線鑳藉姏锛屾槸涓�绉嶅氨鍐呴殣鐨勪氦闄呮墍浼犺揪鐨勪俊鎭繘琛屾剰涔夋矡閫氱殑鑳藉姏銆傜己涔忚繖绉嶈兘鍔涳紝灏辨棤娉曡儨浠荤ぞ浼氭�т氦寰�娲诲姩銆�
-                        </p>
-                    </span>
                     <p>鏈�鏃╂妸娓告垙涓庡厓浜ら檯鑱旂郴鍦ㄤ竴璧疯В閲婃父鎴忎綔涓轰竴绉嶅厓浜ら檯鐨勬繁鍒绘剰涔夌殑鏄汉绫诲瀹惰礉鐗规．銆備粬鍦ㄥ姩鐗╃殑娓告垙涓彂鐜帮紝娓告垙涓殑璁稿鍔ㄤ綔濡傛灉鏄彂鐢熷湪瀹為檯鐢熸椿涓紝灏嗕細寮曡捣涓ラ噸鐨勫悗鏋滐紝浣嗘槸鍥犱负鍙戠敓鍦ㄦ父鎴忎腑锛屾墍浠ュ氨涓嶈褰撳洖浜嬨�傜敱姝わ紝浠栨彁鍑猴紝鎵�鏈夌殑鍔ㄧ墿鍦ㄦ父鎴忔椂锛岄兘浼氬彂鍑烘煇绉嶉�傚簲鎬х殑淇″彿浠ヤ娇浼欎即鐭ラ亾鎵�鍙戠敓鐨勫姩浣滅殑鐩殑鏄粈涔堬紝鏄湡鐨勮繕鏄亣瑁呯殑銆傛父鎴忔椿鍔ㄤ互鍏冧氦闄呰繃绋嬩负鍩虹锛屾父鎴忔椿鍔ㄧ殑寮�灞曢渶瑕佷互娓告垙鍙屾柟鑳藉璇嗗埆瀵规柟鐨勬父鎴忔剰鍥句负鍓嶆彁锛屾父鎴忔椿鍔ㄥ叿鏈夐�傚簲鐨勬妧鑳藉拰鎰忎箟銆�
                     </p>
                     <p>鍎跨鍏冧氦闄呰兘鍔涚殑鍙戝睍绂讳笉寮�鎴愪汉鐨勬敮鎸併�傚厓浜ら檯鑳藉姏鏄湪涓庢垚浜虹敓娲绘父鎴忕殑鐩镐簰浣滅敤鐨勮繃绋嬩腑閫愭涔犲緱鐨勶紝鏈�鏃╄悓鍙戜簬姣嶅┐娓告垙涓�傛父鎴忎綔涓哄厓浜ら檯涔熸槸涓�绉嶉噸瑕佺殑瀛︿範鏂瑰紡锛屽彲浠ラ敾鐐煎効绔ユ帉鎻′汉绫绘枃鍖栫粡楠岀郴缁熸墍蹇呴渶鐨勫厓浜ら檯鑳藉姏銆�
@@ -962,7 +972,7 @@
                     </p>
                     <p>鍚勭鍚勬牱鐨勬父鎴忚鐐硅櫧鐒朵笉灏界浉鍚岋紝浣嗗畠浠兘鏄墠浜哄疂璐电殑鎺㈢储缁忛獙锛屼篃淇冭繘浜嗘垜浠濠村辜鍎挎父鎴忕殑鐞嗚В銆傛棤璁哄湪鍝竴涓椂浠ｏ紝娓告垙濮嬬粓閮芥槸閲嶈鐨勪换鍔★紝鏄┐骞煎効鍦ㄥ彂灞曚箣璺笂涓嶅彲鎴栫己鐨勬垚闀挎椿鍔ㄣ��</p>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="index">
+                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="'unitQuestionOne' + index">
                         <li>
                             {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
@@ -1010,7 +1020,7 @@
                     <li class="header-left-text">濠村辜鍎挎父鎴忔椿鍔ㄥ疄鏂�</li>
                 </ul>
                 <div class="bodystyle">
-                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="index">
+                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="'unitQuestionOne2' + index">
                         <li>
                             {{ index + 4 }}.锛堝崟閫夛級{{ item.txt }}銆�
                         </li>
@@ -1044,7 +1054,7 @@
                             </span>
                         </li>
                     </ul>
-                    <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="item.txt">
+                    <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="'unitTwoChoice' + index">
                         <li>
                             {{ index + 6 }}.锛堝閫夛級{{ item.txt }}銆�
                         </li>
@@ -1056,10 +1066,10 @@
                             </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, index) in item.answer"
-                                    :key="'answer-' + index">{{ answer }}銆�</span></span>
+                            <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, index) in item.userAnswer" :key="'userAnswer-' + index">{{
+                                    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"
@@ -1217,7 +1227,7 @@
                     <p>娓告垙涓哄┐骞煎効鎻愪緵浜嗕赴瀵岀殑鎺㈢储鏈轰細銆備粬浠湪娓告垙涓笌鐜绉瀬鍦颁簰鍔紝鈥滃搧鍛斥�濈幆澧冪殑鍚屾椂涔熷湪涓嶆柇鍦版帰绱㈠拰鍙戠幇鑷繁鐨勮繍鍔ㄦ綔鑳斤紝鍦ㄧН绱繍鍔ㄧ粡楠屼腑涓嶆柇淇冧娇韬綋鐨勬甯稿彂鑲层�傝繖瀵瑰┐骞煎効鐨勮韩蹇冨仴搴峰彂灞曞叿鏈夌Н鏋佺殑鎰忎箟銆�
                     </p>
                     <div class="bk2">
-                        <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
+                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                         <p>鍦ㄥ疄璺典腑瑙傚療涓�涓┐骞煎効娓告垙鎯呮櫙锛屽垎鏋愬濠村辜鍎胯韩浣撳彂灞曠殑浣滅敤銆�</p>
                         <p>绗竴姝ワ紝閫夋嫨娓告垙绫诲瀷锛屽埗璁㈣瀵熻鍒掋��</p>
                         <p>绗簩姝ワ紝瑙傚療娓告垙锛岃褰曟父鎴忚繃绋嬨��</p>
@@ -1251,14 +1261,65 @@
                     </p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                        <p class="center"><span class="ls2">2022骞村叏鍥借亴涓氶櫌鏍℃棭鏈熸暀鑲蹭笓涓氫繚鏁欐妧鑳界珵璧涚湡棰�</span></p>
-                        <p>锛堝崟閫夐锛夛紙銆�銆�锛夋槸鍎跨渚濇亱鍙戝睍鐨勭涓夐樁娈碉細鐗规畩鐨勬儏鎰熻仈缁撻樁娈点��</p>
-                        <p>A.鍑虹敓鑷�3涓湀</p>
-                        <p>B.3鑷�6涓湀</p>
-                        <p>C.6涓湀鑷�2宀�</p>
-                        <p>D.2宀佷互鍚�</p>
-                        <p>鍙傝�冪瓟妗堬細C銆備緷鎭嬫槸鍦ㄥ効绔ヤ笌瀹堕暱鐩镐簰浣滅敤鐨勮繃绋嬩腑锛屽湪鎯呮劅涓婇�愭笎褰㈡垚鐨勪竴绉嶈仈缁撱�佺航甯︽垨鎸佷箙鐨勫叧绯汇�傛牴鎹矋灏旀瘮鐨勫垝鍒嗭紝渚濇亱鐨勫彂灞曢樁娈靛寘鎷細鏃犲樊鍒ぞ浼氬弽搴旈樁娈碉紙鍑虹敓鑷�3涓湀锛夈�佹湁宸埆绀句細鎬у弽搴旈樁娈碉紙3鑷�6涓湀锛夈�佺壒娈婄殑鎯呮劅鑱旂粨闃舵锛�6涓湀鑷�2宀侊級銆佺洰鏍囪皟鏁寸殑浼欎即鍏崇郴闃舵锛�2宀佷互鍚庯級銆�
-                        </p>
+                        <p class="center mr-0"><span class="ls2">2022骞村叏鍥借亴涓氶櫌鏍℃棭鏈熸暀鑲蹭笓涓氫繚鏁欐妧鑳界珵璧涚湡棰�</span></p>
+                        <ul class="mr-0" v-for="(item, index) in exampleThree.unitOne" :key="'exampleThree' + index">
+                            <li>
+                                锛堝崟閫夐锛墈{ 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>
+                            <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
+                                渚濇亱鏄湪鍎跨涓庡闀跨浉浜掍綔鐢ㄧ殑杩囩▼涓紝鍦ㄦ儏鎰熶笂閫愭笎褰㈡垚鐨勪竴绉嶈仈缁撱�佺航甯︽垨鎸佷箙鐨勫叧绯汇�傛牴鎹矋灏旀瘮鐨勫垝鍒嗭紝渚濇亱鐨勫彂灞曢樁娈靛寘鎷細鏃犲樊鍒ぞ浼氬弽搴旈樁娈碉紙鍑虹敓鑷�3涓湀锛夈�佹湁宸埆绀句細鎬у弽搴旈樁娈碉紙3鑷�6涓湀锛夈�佺壒娈婄殑鎯呮劅鑱旂粨闃舵锛�6涓湀鑷�2宀侊級銆佺洰鏍囪皟鏁寸殑浼欎即鍏崇郴闃舵锛�2宀佷互鍚庯級銆�
+                            </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>
                     <p><br></p>
                     <p><br></p>
@@ -1288,6 +1349,21 @@
                     <p>濠村辜鍎挎父鎴忓绉嶅鏍枫�佷笉鎷樹竴鏍笺�傛寜鐓т笉鍚岀殑缁村害鏈変笉鍚岀殑鍒嗙被鏂规硶锛屽父瑙佺殑娓告垙绫诲瀷鏈夋寜鐓ф父鎴忎腑鐨勪氦寰�瀵硅薄鍒嗕负浜插瓙娓告垙銆佺帺鐗╂父鎴忓拰浼欎即娓告垙锛涙寜鐓у┐骞煎効鐨勮鐭ュ彂灞曟按骞冲垎涓烘劅瑙夎繍鍔ㄦ父鎴忋�佽薄寰佹�ф父鎴忋�佺粨鏋勬�ф父鎴忓拰瑙勫垯鎬ф父鎴忥紱鎸夌収娓告垙鑰呯殑娲诲姩褰㈠紡鍒嗕负杩愬姩鎬ф父鎴忋�佹櫤鍔涙�ф父鎴忋�佽鎵�ф父鎴忋�佹搷浣滄�ф父鎴忓拰鎺ュ彈鎬ф父鎴忥紱鎸夌収娓告垙鐨勫姛鑳芥�у垎涓烘椿鍔ㄦ�ф父鎴忋�佸彂灞曡瑷�鐨勬父鎴忋�佹劅瀹樻父鎴忋�佹櫤鍔涙父鎴忋�侀煶涔愬拰濞变箰娓告垙绛夛紱鎸夌収娓告垙鑰呯殑娲诲姩鍐呭鍒嗕负鍔ㄤ綔鎶�鑳芥�ф父鎴忋�佽鐭ユ�ф父鎴忋�佺ぞ浼氭垙鍓ф�ф父鎴忓拰鏈烘瀯鎬ф父鎴忥紱鎸夌収鏁欒偛浣跨敤鐨勮搴﹀垎涓哄垱閫犳�ф父鎴忓拰瑙勫垯娓告垙绛夈��
                     </p>
                     <p>瀵逛簬濠村辜鍎挎父鎴忕殑鍒掑垎铏界劧鏈夊绉嶏紝浣嗚繖浜涙父鎴忛兘鏄湪鍚勮嚜鐨勫畾浣嶄腑瀵绘眰鐫�濠村辜鍎挎暣浣撱�佸叏闈㈢殑鍙戝睍銆備笅鏂囧皢閫夋嫨閲嶇偣鐨勬父鎴忕被鍨嬭繘琛屼粙缁嶃��</p>
+                    <div class="video-box">
+                        <p class="center text">
+                            <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true"
+                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
+                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
+                        </p>
+                        <p class="center videoname">
+                            <span>瑙嗛锛氬┐骞煎効娓告垙鐨勭被鍨� </span>
+                            <el-tooltip class="item" effect="dark"
+                                :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start">
+                                <img :src="collectResourceList.findIndex(item => item.id == '8215ef4093c9b916f147c41cdbe8f60a') > -1 ? collectCheck : collectImg"
+                                    alt="" class="collect-btn" @click="handleCollect('video-08')" />
+                            </el-tooltip>
+                        </p>
+                    </div>
                     <h4 id="d016">锛堜竴锛夋寜鐓ф父鎴忎腑鐨勪氦寰�瀵硅薄鍒�</h4>
                     <h5 id="e001">1.浜插瓙娓告垙</h5>
                     <p>浜插瓙娓告垙鏄┐骞煎効绀句細鎬ф父鎴忕殑涓�绉嶉噸瑕佸舰寮忥紝涓昏鎸囩殑鏄闀垮拰濠村辜鍎夸箣闂寸殑浜掑姩娓告垙銆備翰瀛愭父鎴忓彂鐢熷緱寰堟棭锛屽┐骞煎効浠庝竴鐢熶笅鏉ワ紝渚垮彈鍒颁簡鍛ㄥ洿鐜鐨勫奖鍝嶃�傚闀挎垨濠村辜鍎跨殑鍏朵粬鐓ф枡鐪嬫姢鑰呬笉浠呬负濠村辜鍎挎彁渚涗簡鐢熺悊鎵�闇�瑕佺殑鍚勭钀ュ吇锛岃繕鏄笌濠村辜鍎挎渶鏃╂帴瑙︾殑浜ゅ線瀵硅薄鍜岀涓�涓噸瑕佺殑娓告垙浼欎即锛屽湪杩欑浜ゅ線鐨勮繃绋嬩腑渚夸骇鐢熶簡浜插瓙娓告垙杩欑鏈�鏃╃殑绀句細鎬ф父鎴忋��
@@ -1390,13 +1466,65 @@
                     <p>姝ゆ椂铏界劧鎴愪汉涓嶅啀鏄┐骞煎効娓告垙涓父瑙佺殑浼欎即锛屼絾鏄┐骞煎効娓告垙浠嶇劧绂讳笉寮�鎴愪汉鐨勬敮鎸侊紝鎴愪汉搴旀媴浠诲ソ鐩稿簲鐨勮緟鍔╄鑹层��</p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                        <p class="center"><span class="ls2">2022骞村叏鍥借亴涓氶櫌鏍℃棭鏈熸暀鑲蹭笓涓氫繚鏁欐妧鑳界珵璧涚湡棰�</span></p>
-                        <p>锛堝崟閫夐锛夋牴鎹┐骞煎効璁ょ煡棰嗗煙鐨勫彂鑲插勾榫勶紝鍒跺畾鍜岃璁★紙銆�銆�锛夌殑娓告垙鏂规銆�</p>
-                        <p>A.璇█棰嗗煙</p>
-                        <p>B.鍔ㄤ綔棰嗗煙</p>
-                        <p>C.绀句細棰嗗煙</p>
-                        <p>D.璁ょ煡棰嗗煙</p>
-                        <p>鍙傝�冪瓟妗堬細D銆傛湰棰樿�冩煡鐨勬槸瀵瑰┐骞煎効涓嶅悓绫诲瀷娓告垙鐨勭悊瑙ｃ�傝鐭ラ鍩熺殑娓告垙鏄互濠村辜鍎胯鐭ュ彂灞曟按骞充负鍩虹鏉ヨ璁＄殑娓告垙銆�</p>
+                        <p class="center mr-0"><span class="ls2">2022骞村叏鍥借亴涓氶櫌鏍℃棭鏈熸暀鑲蹭笓涓氫繚鏁欐妧鑳界珵璧涚湡棰�</span></p>
+                        <ul class="mr-0" v-for="(item, index) in exampleFour.unitOne" :key="'exampleFour' + index">
+                            <li>
+                                锛堝崟閫夛級{{ item.txt }}
+                            </li>
+                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                                <label>
+                                    <input type="radio" :disabled="exampleFour.isComplete" :name="item.txt"
+                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleFour" />
+                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
+                                </label>
+                            </li>
+                            <li v-if="exampleFour.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>
+                            <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
+                                鏈鑰冩煡鐨勬槸瀵瑰┐骞煎効涓嶅悓绫诲瀷娓告垙鐨勭悊瑙ｃ�傝鐭ラ鍩熺殑娓告垙鏄互濠村辜鍎胯鐭ュ彂灞曟按骞充负鍩虹鏉ヨ璁＄殑娓告垙銆�
+                            </li>
+                        </ul>
+                        <!-- 鎻愪氦鎸夐挳 -->
+                        <div class="w100 fl ju-cn">
+                            <ul class="fl ju-ev w80 choice">
+                                <li>
+                                    <button class="btn-border btn-w" @click="goExampleFour">
+                                        鎻愪氦
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="changeExampleFour" class="btn-border btn-w">
+                                        閲嶅仛
+                                    </button>
+                                </li>
+                                <li>
+                                    <button @click="exampleFour.isShowAnswer = !exampleFour.isShowAnswer"
+                                        class="parimary-btn">
+                                        鏌ョ湅绛旀
+                                    </button>
+                                </li>
+                            </ul>
+                        </div>
                     </div>
                     <h3 id="c013">涓夈�佸┐骞煎効娓告垙鐨勭壒鐐�</h3>
                     <p>濠村辜鍎挎父鎴忎笌鏅亶鎰忎箟涓婄殑鍎跨娓告垙鍏锋湁鐩稿悓鐨勫睘鎬с�備絾鍥犲┐骞煎効鐨勫彂灞曟按骞冲強涓嶅悓骞撮緞鐗圭偣锛屽┐骞煎効娓告垙鍏锋湁鍏剁壒娈婃�с��</p>
@@ -1413,19 +1541,19 @@
                         <p>鍏跺疄锛屽浜庡績蹇冭繖涓噸澶嶆帴姘寸殑琛屼负锛屽闀挎病鏈夊繀瑕佹媴蹇冿紝涔熶笉瑕佺洿鎺ラ樆鎷︼紝鑰屾槸瑕佺粰浜堢悊瑙ｃ�侀�傚疁寮曞銆傛瘮濡傦紝鍙互鎶婁粠楗按鏈烘帴姘存敼涓轰粠鐩嗛噷鑸�姘寸亴鍒扮摱瀛愰噷锛岀亴婊″�掔┖鍐嶇亴銆傝繖涓嶄粎鍙互婊¤冻瀛╁瓙鐜╂按鐨勯渶姹傦紝鑰屼笖鍙互閿荤偧瀛╁瓙鐨勬墜閮ㄧ簿缁嗗姩浣溿��
                         </p>
                     </div>
-                    <div class="img-rights w120">
-                        <div class="bk mb-40">
-                            <div class="bk1">
-                                <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
-                            </div>
-                            <p>濡備綍鎸囧瀹堕暱鏀寔鍜屾帹杩涘┐骞煎効娓告垙锛�</p>
+
+                    <h4 id="d019">锛堜簩锛夋父鎴忓唴瀹圭殑鎯呮劅鎬с�佺敓娲诲寲</h4>
+                    <p>鏃犺鏄父鎴忕殑鍙戠敓杩樻槸缁存寔锛屽┐骞煎効閮戒緷璧栧鐣岀粰浜堢殑鍒烘縺銆傝繖涓埡婵�寰�寰�鏄垚浜鸿瀺鍏ユ儏鎰熴�佽垂浜嗗績鍔涜璁＄殑鎯呭銆傚┐骞煎効鏃╂湡鏈�鍏堟帴瑙︾殑娓告垙灏辨槸浜插瓙娓告垙锛岃繖涓�娓告垙绫诲瀷甯︽湁娴撳帤鐨勬劅鎯呰壊褰┿�傚湪浜插瓙浜ゆ祦涓紝鍏呮弧鏌旀儏鐨勮韩浣撴帴瑙︿笌鍏呮弧鍠勬剰鐨勮█璇氦娴侀兘鍑濊仛鐫�瀹堕暱鐨勭埍锛屼娇濠村辜鍎挎劅鍙楀埌鐖变笌鍏虫敞銆傝繖涓嶄粎鑳戒績杩涗翰瀛愰棿鎰熸儏鐨勭灛闂村崌娓╋紝杩樻湁鍒╀簬濠村辜鍎夸釜鎬х殑鍙戝睍銆�
+                    </p>
+                    <div class="bk mb-40">
+                        <div class="bk1">
+                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                         </div>
+                        <p>濡備綍鎸囧瀹堕暱鏀寔鍜屾帹杩涘┐骞煎効娓告垙锛�</p>
+                        <textarea v-model="questionData.unitOne.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                            style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question ml-30"
+                            @change="setQuestionData"></textarea>
                     </div>
-                    <span>
-                        <h4 id="d019">锛堜簩锛夋父鎴忓唴瀹圭殑鎯呮劅鎬с�佺敓娲诲寲</h4>
-                        <p>鏃犺鏄父鎴忕殑鍙戠敓杩樻槸缁存寔锛屽┐骞煎効閮戒緷璧栧鐣岀粰浜堢殑鍒烘縺銆傝繖涓埡婵�寰�寰�鏄垚浜鸿瀺鍏ユ儏鎰熴�佽垂浜嗗績鍔涜璁＄殑鎯呭銆傚┐骞煎効鏃╂湡鏈�鍏堟帴瑙︾殑娓告垙灏辨槸浜插瓙娓告垙锛岃繖涓�娓告垙绫诲瀷甯︽湁娴撳帤鐨勬劅鎯呰壊褰┿�傚湪浜插瓙浜ゆ祦涓紝鍏呮弧鏌旀儏鐨勮韩浣撴帴瑙︿笌鍏呮弧鍠勬剰鐨勮█璇氦娴侀兘鍑濊仛鐫�瀹堕暱鐨勭埍锛屼娇濠村辜鍎挎劅鍙楀埌鐖变笌鍏虫敞銆傝繖涓嶄粎鑳戒績杩涗翰瀛愰棿鎰熸儏鐨勭灛闂村崌娓╋紝杩樻湁鍒╀簬濠村辜鍎夸釜鎬х殑鍙戝睍銆�
-                        </p>
-                    </span>
                 </div>
             </div>
         </div>
@@ -1449,41 +1577,96 @@
                     <p>铏界劧鎴戜滑浠庡┐骞煎効鐨勫悇涓柟闈㈠幓鎺㈢储娓告垙瀵逛簬鍏跺彂灞曠殑绉瀬浣滅敤锛屼絾瀹為檯涓婂┐骞煎効浣滀负涓�涓畬鏁寸殑涓綋锛屽叾鍙戝睍鍛堢幇鍑烘暣浣撳寲銆傚浜庡┐骞煎効鏉ヨ锛屼粬浠劅鐭ヤ笘鐣岀殑鏂瑰紡涔熸槸鏁翠綋鍖栫殑銆傚綋濠村辜鍎挎父鎴忔椂锛屼粬浠槸鍏ㄨ韩蹇冩矇娴稿湪浠栦滑鎵�鍒涢�犵殑涓栫晫閲屻�傚洜涓哄湪浠栦滑鐨勪笘鐣岄噷锛屼粬浠槸鏃犳墍涓嶈兘鐨勶紝鏄兘瀹炵幇浠栦滑涓�鍒囩殑鎰挎湜鐨勩�傚洜姝わ紝浠栦滑蹇呴』璋冨姩鍏ㄨ韩鍔涙皵鍘诲畬鎴愭父鎴忥紝鍦ㄧ帺鑰嶅拰鎺㈢储涓幏寰楄韩蹇冪殑鍏ㄩ潰鍙戝睍銆�
                     </p>
                     <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
-                    <p>1.锛堝崟閫夛級濠村辜鍎垮弽澶嶆暡鎵撴瀛愶紝鍦ㄦ瀛愪笂鎽囨潵鎽囧幓銆傝繖绫绘父鎴忓睘浜庯紙銆�銆�锛夈��</p>
-                    <p>A.缁撴瀯鎬ф父鎴�</p>
-                    <p>B.璞″緛鎬ф父鎴�</p>
-                    <p>C.鏈鸿兘鎬ф父鎴�</p>
-                    <p>D.瑙勫垯鎬ф父鎴�</p>
-                    <p>2.锛堝崟閫夛級锛堛��銆�锛夌殑鍑虹幇涓�鑸璁や负鏄父鎴忓彂灞曠殑楂樼骇闃舵銆�</p>
-                    <p>A.缁撴瀯鎬ф父鎴�</p>
-                    <p>B.璞″緛鎬ф父鎴�</p>
-                    <p>C.鏈鸿兘鎬ф父鎴�</p>
-                    <p>D.瑙勫垯鎬ф父鎴�</p>
-                    <p>3.锛堝崟閫夛級鈥滀互鐗╀唬鐗┾�濃�滀互浜轰唬浜衡�濇槸锛堛��銆�锛夐噷濠村辜鍎跨殑鍏稿瀷琛ㄧ幇銆�</p>
-                    <p>A.缁撴瀯鎬ф父鎴�</p>
-                    <p>B.璞″緛鎬ф父鎴�</p>
-                    <p>C.鏈鸿兘鎬ф父鎴�</p>
-                    <p>D.瑙勫垯鎬ф父鎴�</p>
-                    <p>4.锛堝崟閫夛級鐢变簬0锝�2宀佸┐骞煎効澶勪簬鎰熺煡杩愬姩闃舵锛屽洜姝ゅ┐骞煎効娓告垙浠ワ紙銆�銆�锛変负涓汇��</p>
-                    <p>A.缁撴瀯鎬ф父鎴�</p>
-                    <p>B.璞″緛鎬ф父鎴�</p>
-                    <p>C.缁冧範鎬ф父鎴�</p>
-                    <p>D.瑙勫垯鎬ф父鎴�</p>
-                    <p>5.锛堝崟閫夛級瀹堕暱鍦ㄦ寚瀵煎┐骞煎効寮�灞曟父鎴忔椂搴旀敞鎰忥紙銆�銆�锛夈��</p>
-                    <p>A.鎬佸害鐢熺‖</p>
-                    <p>B.鏈嶄粠濠村辜鍎跨殑鎰忔効</p>
-                    <p>C.灏婇噸鍜屼俊浠诲┐骞煎効</p>
-                    <p>D.鎵硅瘎鐘敊璇殑濠村辜鍎�</p>
-                    <p>6.锛堝閫夛級鎸夌収娓告垙涓殑浜ゅ線瀵硅薄锛屽┐骞煎効娓告垙鍒嗕负锛堛��銆�锛夈��</p>
-                    <p>A.缁撴瀯鎬ф父鎴�</p>
-                    <p>B.浜插瓙娓告垙</p>
-                    <p>C.鐜╃墿娓告垙</p>
-                    <p>D.浼欎即娓告垙</p>
-                    <p>7.锛堝閫夛級濠村辜鍎挎父鎴忕殑浠峰�兼湁锛堛��銆�锛夈��</p>
-                    <p>A.淇冭繘韬綋鍙戝睍</p>
-                    <p>B.淇冭繘璁ょ煡鍙戝睍</p>
-                    <p>C.淇冭繘绀句細鎬у彂灞�</p>
-                    <p>D.淇冭繘涓�у彂灞�</p>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitTwo" :key="'unitQuestionTwo' + index">
+                        <li>
+                            {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="radio" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
+                                item.userAnswer
+                            }}</span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <ul v-for="(item, index) in unitQuestionTwo.unitTwoChoice" :key="'unitTwoChoice2' + index">
+                        <li>
+                            {{ index + 6 }}.锛堝閫夛級{{ item.txt }}
+                        </li>
+                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
+                            <label>
+                                <input type="checkbox" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
+                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
+                                <span>{{ citem.value }}.{{ citem.txt }}</span>
+                            </label>
+                        </li>
+                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
+                            <span class="c-g"> 绛旀锛�<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
+                                    }}銆�</span></span>
+                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛�<span
+                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
+                                        userAnswer }}銆�</span></span>
+                            <span class="icon-box-big fl al-c">
+                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+                                    <path
+                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                                        fill="#1AFA29" p-id="18768"></path>
+                                </svg>
+                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
+                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                                        fill="#d81e06" p-id="25746"></path>
+                                </svg>
+                            </span>
+                        </li>
+                    </ul>
+                    <!-- 鎻愪氦鎸夐挳 -->
+                    <div class="w100 fl ju-cn">
+                        <ul class="fl ju-ev w80 choice">
+                            <li>
+                                <button class="btn-border btn-w" @click="goUnitThree">
+                                    鎻愪氦
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="changeUnitThree" class="btn-border btn-w">
+                                    閲嶅仛
+                                </button>
+                            </li>
+                            <li>
+                                <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
+                                    class="parimary-btn">
+                                    鏌ョ湅绛旀
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
 
                 </div>
             </div>
@@ -1504,28 +1687,67 @@
                     <p><span class="ls1 fm-fzfs">鍏充簬璁よ瘑濠村辜鍎挎父鎴忕殑涔︾睄锛�</span></p>
                     <p>1.鍒樼劚锛氥�婂効绔ユ父鎴忛�氳銆嬶紝鍖椾含锛屽寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2004銆�</p>
                     <p>2.锛昏嫳锛界弽濡壒路鑾紛钑炬柉锛氥�婁粎浠呮槸娓告垙鍚椻�斺�旀父鎴忓湪鏃╂湡鍎跨鏁欒偛涓殑浣滅敤涓庡湴浣嶃�嬶紝鍒樼劚銆佸垬宄板嘲銆侀浄缇庣惔璇戯紝鍖椾含锛屽寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2010銆�</p>
-                    <p>3.锛荤編锛芥墭灏悸稺.鏋楀痉锛氥�婂湪娓告垙涓彂灞曞効绔モ�斺�斾互娓告垙涓哄熀纭�鐨勮法瀛︾鍎跨骞查娉曘�嬶紝闄堝宄般�佹睙娉借彶绛夎瘧锛屼笂娴凤紝鍗庝笢甯堣寖澶у鍑虹増绀撅紝2008銆�</p>
+                    <p>3.锛荤編锛芥墭灏悸稺. 鏋楀痉锛氥�婂湪娓告垙涓彂灞曞効绔モ�斺�斾互娓告垙涓哄熀纭�鐨勮法瀛︾鍎跨骞查娉曘�嬶紝闄堝宄般�佹睙娉借彶绛夎瘧锛屼笂娴凤紝鍗庝笢甯堣寖澶у鍑虹増绀撅紝2008銆�</p>
                     <p><span class="ls1 fm-fzfs">鍏充簬濠村辜鍎垮彂灞曞叧閿湡鐨勪功绫嶏細</span></p>
                     <p>1.鍐浗寮猴細銆�0锝�6宀佽韩蹇冩櫤鍙戝睍瀹炵敤鍏ㄥ吀锛氬┐骞煎効鍏抽敭鏈烶.E.D鏃╂暀娉曘�嬶紝鍖椾含锛屼腑鍥藉濂冲嚭鐗堢ぞ锛�2016銆�</p>
                     <p>2.闊╂＃鍗庯細銆�0锝�3宀侊細瀛╁瓙鎴愰暱鐨勫叧閿湡銆嬶紝鍖椾含锛屽寳浜嚭鐗堢ぞ锛�2004銆�</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="2" :page="questionNum"
+            :questionTitle="questionTitleMain" ref="dialogRef">
+        </dialogExaminations>
+        <mindMapView :isClear="mapDialogVisible" ref="mindMapDialogRef"></mindMapView>
     </div>
 </template>
 
 <script>
-import { getResourcePath } from "@/assets/methods/resources";
+import { getResourcePath, uploadFilePath } from "@/assets/methods/resources";
 import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
+import preView from "@/components/pdfview/index.vue";
+import mindMapView from '@/components/mindMapView/index.vue'
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
+import tool from '@/assets/js/toolClass.js'
+import { Message } from 'element-ui'
 export default {
     name: "chapterOne",
     props: {
         showPageList: {
             type: Array,
         },
+        interfaceQuestion: {
+            type: Object,
+        },
+    },
+    components: {
+        mindMapView,
+        preView,
+        dialogExaminations,
     },
     data() {
         return {
+            mindMapDialogRef: '',
+            mapDialogVisible: false,
             collectImg: require("../../assets/images/icon/heart.png"),
             collectCheck: require("../../assets/images/icon/heart-check.png"),
             videoPathOne: "",
@@ -1533,7 +1755,34 @@
             videoPathThree: "",
             videoPathFour: "",
             videoPathFive: "",
+            videoPathSix: "",
+            videoPathSeven: "",
+            videoPathEight: "",
             collectResourceList: [],
+            // pdf
+            dialogVisible: false,
+            pdfDialogRef: "",
+            somePdfTitleValue: "",
+            p_md5: "",
+            chapter001: {
+                pdfMd5: {
+                    1: {
+                        md5: "4b012884ed1396953ceebfca2893df63",
+                        name: " 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�",
+                    },
+                },
+                question: {
+                    1: {
+                        questionTitleMain: "瀛︿範妯″潡涓�",
+                        questionNum: 35,
+                    },
+                },
+            },
+            // 棰樼洰
+            dialogVisibleOne: false,
+            themeColor: "#6dcff6",
+            questionNum: 0,
+            questionTitleMain: "",
             chapterData: {
                 isCollectVideo: false,
                 isCollectVideo01: false,
@@ -1542,6 +1791,7 @@
                 isCollectVideo04: false,
                 isCollectVideo05: false,
                 isCollectVideo06: false,
+                isCollectVideo07: false,
             },
             textQuestionData: {
                 one: "",
@@ -1553,7 +1803,6 @@
                 seven: "",
                 eight: "",
             },
-
             questionData: {
                 unitOne: {
                     one: "",
@@ -1562,7 +1811,10 @@
                     four: "",
                     five: "",
                     six: "",
-                }
+                },
+                askAbout: {
+                    one: "",
+                },
             },
             tableData: {
                 unitOne: {
@@ -1879,6 +2131,182 @@
                     },
                 ],
             },
+            unitQuestionTwo: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitTwo: [
+                    {
+                        txt: "濠村辜鍎垮弽澶嶆暡鎵撴瀛愶紝鍦ㄦ瀛愪笂鎽囨潵鎽囧幓銆傝繖绫绘父鎴忓睘浜庯紙銆�锛�",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "璞″緛鎬ф父鎴�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏈鸿兘鎬ф父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙勫垯鎬ф父鎴�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "锛堛��锛夌殑鍑虹幇涓�鑸璁や负鏄父鎴忓彂灞曠殑楂樼骇闃舵銆�",
+                        isRight: null,
+                        answer: "A",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "璞″緛鎬ф父鎴�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏈鸿兘鎬ф父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙勫垯鎬ф父鎴�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鈥滀互鐗╀唬鐗┾�濃�滀互浜轰唬浜衡�濇槸锛堛��锛夐噷濠村辜鍎跨殑鍏稿瀷琛ㄧ幇銆�",
+                        isRight: null,
+                        answer: "B",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "璞″緛鎬ф父鎴�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏈鸿兘鎬ф父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙勫垯鎬ф父鎴�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "鐢变簬0锝�2宀佸┐骞煎効澶勪簬鎰熺煡杩愬姩闃舵锛屽洜姝ゅ┐骞煎効娓告垙浠ワ紙銆�锛変负涓汇��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "璞″緛鎬ф父鎴�",
+                                value: "B"
+                            },
+                            {
+                                txt: "鏈鸿兘鎬ф父鎴�",
+                                value: "C"
+                            },
+                            {
+                                txt: "瑙勫垯鎬ф父鎴�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "瀹堕暱鍦ㄦ寚瀵煎┐骞煎効寮�灞曟父鎴忔椂搴旀敞鎰忥紙銆�锛夈��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鎬佸害鐢熺‖",
+                                value: "A"
+                            },
+                            {
+                                txt: "鏈嶄粠濠村辜鍎跨殑鎰忔効",
+                                value: "B"
+                            },
+                            {
+                                txt: "灏婇噸鍜屼俊浠诲┐骞煎効",
+                                value: "C"
+                            },
+                            {
+                                txt: "鎵硅瘎鐘敊璇殑濠村辜鍎�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+                unitTwoChoice: [
+                    {
+                        txt: "鎸夌収娓告垙涓殑浜ゅ線瀵硅薄锛屽┐骞煎効娓告垙鍒嗕负锛堛��锛夈��",
+                        isRight: null,
+                        answer: ["B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "缁撴瀯鎬ф父鎴�",
+                                value: "A"
+                            },
+                            {
+                                txt: "浜插瓙娓告垙",
+                                value: "B"
+                            },
+                            {
+                                txt: "鐜╃墿娓告垙",
+                                value: "C"
+                            },
+                            {
+                                txt: "浼欎即娓告垙",
+                                value: "D"
+                            },
+                        ]
+                    },
+                    {
+                        txt: "濠村辜鍎挎父鎴忕殑浠峰�兼湁锛堛��锛夈��",
+                        isRight: null,
+                        answer: ["A", "B", "C", "D"],
+                        userAnswer: [],
+                        option: [
+                            {
+                                txt: "淇冭繘韬綋鍙戝睍",
+                                value: "A"
+                            },
+                            {
+                                txt: "淇冭繘璁ょ煡鍙戝睍",
+                                value: "B"
+                            },
+                            {
+                                txt: "淇冭繘绀句細鎬у彂灞�",
+                                value: "C"
+                            },
+                            {
+                                txt: "淇冭繘涓�у彂灞�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
             exampleOne: {
                 isComplete: false,
                 isShowAnswer: false,
@@ -1938,7 +2366,68 @@
                         ]
                     },
                 ],
-            }
+            },
+            exampleThree: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "锛堛��锛夋槸鍎跨渚濇亱鍙戝睍鐨勭涓夐樁娈碉細鐗规畩鐨勬儏鎰熻仈缁撻樁娈点��",
+                        isRight: null,
+                        answer: "C",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "鍑虹敓鑷�3涓湀",
+                                value: "A"
+                            },
+                            {
+                                txt: "3鑷�6涓湀",
+                                value: "B"
+                            },
+                            {
+                                txt: "6涓湀鑷�2宀�",
+                                value: "C"
+                            },
+                            {
+                                txt: "2宀佷互鍚�",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            exampleFour: {
+                isComplete: false,
+                isShowAnswer: false,
+                unitOne: [
+                    {
+                        txt: "鏍规嵁濠村辜鍎胯鐭ラ鍩熺殑鍙戣偛骞撮緞锛屽埗瀹氬拰璁捐锛堛��锛夌殑娓告垙鏂规銆�",
+                        isRight: null,
+                        answer: "D",
+                        userAnswer: "",
+                        option: [
+                            {
+                                txt: "璇█棰嗗煙",
+                                value: "A"
+                            },
+                            {
+                                txt: "绀句細棰嗗煙",
+                                value: "B"
+                            },
+                            {
+                                txt: "绀句細棰嗗煙",
+                                value: "C"
+                            },
+                            {
+                                txt: "璁ょ煡棰嗗煙",
+                                value: "D"
+                            },
+                        ]
+                    },
+                ],
+            },
+            questionDataImg: ""
         }
     },
     async mounted() {
@@ -1962,6 +2451,11 @@
             this.unitQuestionOne = JSON.parse(unitTwo);
         }
 
+        const unitThree = localStorage.getItem("toddleGame-book-chapter01-unitThree");
+        if (unitThree) {
+            this.unitQuestionTwo = JSON.parse(unitThree);
+        }
+
         const exampleOne = localStorage.getItem("toddleGame-book-chapter01-exampleOne");
         if (exampleOne) {
             this.exampleOne = JSON.parse(exampleOne);
@@ -1971,6 +2465,17 @@
         if (exampleTwo) {
             this.exampleTwo = JSON.parse(exampleTwo);
         }
+
+        const exampleThree = localStorage.getItem("toddleGame-book-chapter01-exampleThree");
+        if (exampleThree) {
+            this.exampleThree = JSON.parse(exampleThree);
+        }
+
+        const exampleFour = localStorage.getItem("toddleGame-book-chapter01-exampleFour");
+        if (exampleFour) {
+            this.exampleFour = JSON.parse(exampleFour);
+        }
+
 
         const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter001-textQuestionData");
         if (textQuestionData) {
@@ -2003,6 +2508,12 @@
             this.videoPathSeven = await getResourcePath(
                 "4f1f70e849911a2a90ce4df6b08fd3cc"
             );
+
+            this.videoPathEight = await getResourcePath(
+                "8215ef4093c9b916f147c41cdbe8f60a"
+            );
+
+
         },
         handleCollect(e) {
             if (e == 'video-01') {
@@ -2026,9 +2537,10 @@
             } else if (e == 'video-07') {
                 this.handleCollectResource("4f1f70e849911a2a90ce4df6b08fd3cc", "4f1f70e849911a2a90ce4df6b08fd3cc", '', "瑙嗛", "bits", '瑙嗛锛氱ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚')
                 this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
+            } else if (e == 'video-08') {
+                this.handleCollectResource("  isCollectVideo06: false,", "8215ef4093c9b916f147c41cdbe8f60a", '', "瑙嗛", "bits", '瑙嗛锛氱ぞ浼氭枃鍖栧巻鍙插娲剧殑娓告垙鐞嗚')
+                this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
             }
-
-            this.handleChapterData();
         },
         //璧勬簮鏀惰棌浜嬩欢
         // resourcePath  鏂囦欢璺緞锛�
@@ -2089,6 +2601,7 @@
             }
             this.unitQuestion.isComplete = true
             this.unitQuestion.isShowAnswer = true
+            this.saveUnitOne()
         },
         changeCheckData() {
             localStorage.removeItem("toddleGame-book-chapter01-UnitOne")
@@ -2106,7 +2619,6 @@
             this.unitQuestion.isComplete = false
             this.unitQuestion.isShowAnswer = false
         },
-
         goUnitTwo() {
             for (let index = 0; index < this.unitQuestionOne.unitTwo.length; index++) {
                 const item = this.unitQuestionOne.unitTwo[index];
@@ -2130,6 +2642,7 @@
             }
             this.unitQuestionOne.isComplete = true
             this.unitQuestionOne.isShowAnswer = true
+            this.saveUnitTwo()
         },
         changeUnitTwo() {
             localStorage.removeItem("toddleGame-book-chapter01-UnitTwo")
@@ -2147,6 +2660,50 @@
             this.unitQuestionOne.isShowAnswer = false
             this.unitQuestionOne.textOne = ""
             this.unitQuestionOne.textTwo = ""
+        },
+        saveUnitThree() {
+            localStorage.setItem('toddleGame-book-chapter01-UnitThree', JSON.stringify(this.unitQuestionTwo))
+        },
+        goUnitThree() {
+            for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
+                const item = this.unitQuestionTwo.unitTwo[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+
+            for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
+                const item = this.unitQuestionTwo.unitTwoChoice[index];
+                if (item.userAnswer.length === item.answer.length) {
+                    // 浣跨敤every鏂规硶妫�鏌serAnswer涓殑姣忎釜鍏冪礌鏄惁閮藉湪answer涓�
+                    const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
+                    item.isRight = isRight;
+                } else {
+                    // 濡傛灉闀垮害涓嶅悓锛屽垯瀹冧滑涓嶅彲鑳藉畬鍏ㄧ浉鍚�
+                    item.isRight = false;
+                }
+            }
+            this.unitQuestionTwo.isComplete = true
+            this.unitQuestionTwo.isShowAnswer = true
+        },
+        changeUnitThree() {
+            localStorage.removeItem("toddleGame-book-chapter01-UnitThree")
+            for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
+                const item = this.unitQuestionTwo.unitTwo[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
+                const item = this.unitQuestionTwo.unitTwoChoice[index];
+                item.userAnswer = []
+                item.isRight = null
+            }
+            this.unitQuestionTwo.isComplete = false
+            this.unitQuestionTwo.isShowAnswer = false
+            this.unitQuestionTwo.textOne = ""
+            this.unitQuestionTwo.textTwo = ""
         },
         saveExampleOne() {
             localStorage.setItem('toddleGame-book-chapter01-exampleOne', JSON.stringify(this.exampleOne))
@@ -2198,18 +2755,128 @@
             this.exampleTwo.isComplete = false
             this.exampleTwo.isShowAnswer = false
         },
-
+        saveExampleThree() {
+            localStorage.setItem('toddleGame-book-chapter01-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
+        },
+        changeExampleThree() {
+            localStorage.removeItem("toddleGame-book-chapter01-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
+        },
+        saveExampleFour() {
+            localStorage.setItem('toddleGame-book-chapter01-exampleFour', JSON.stringify(this.exampleFour))
+        },
+        goExampleFour() {
+            for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
+                const item = this.exampleFour.unitOne[index];
+                if (item.userAnswer == item.answer) {
+                    item.isRight = true
+                } else {
+                    item.isRight = false
+                }
+            }
+            this.exampleFour.isComplete = true
+            this.exampleFour.isShowAnswer = true
+        },
+        changeExampleFour() {
+            localStorage.removeItem("toddleGame-book-chapter01-exampleFour")
+            for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
+                const item = this.exampleFour.unitOne[index];
+                item.userAnswer = ""
+                item.isRight = null
+            }
+            this.exampleFour.isComplete = false
+            this.exampleFour.isShowAnswer = false
+        },
         saveTextQuestionData() {
             localStorage.setItem(
                 "toddlerGameImplementation-book-chapter001-textQuestionData",
                 JSON.stringify(this.textQuestionData)
             );
-        }
-        //鎵撳紑鎬濈淮瀵煎浘
-        // showMindMapDialog() {
-        //     this.mindMapDialog = true
-        // },
+        },
+        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();
+            }
+        },
 
+        //涓婁紶鍥剧墖
+        fileUpload(file) {
+
+            return new Promise((resolve, reject) => {
+                const isJPG = file.file.type === 'image/jpeg' || file.file.type === 'image/png'
+                if (!isJPG) {
+                    Message.error('涓婁紶鏂囦欢鍙兘鏄� jpg/png 鏍煎紡!')
+                    return reject()
+                }
+                const FileName = file.file.name.split('.')[0]
+                const Extension = file.file.name.split('.')[1]
+                const FileType = file.file.type
+                let size = 1024
+                tool
+                    .getFileMd5(file.file, size * 1024)
+                    .then(async (e) => {
+                        if (!(this.questionData.askAbout.one == e)) {
+                            const imgData = new FormData()
+                            imgData.append('Md5', e)
+                            imgData.append('FileName', FileName)
+                            imgData.append('Extension', Extension)
+                            imgData.append('FileType', FileType)
+                            imgData.append('MetaData', null)
+                            imgData.append('file', file.file)
+                            let rData = await uploadFilePath(imgData);
+                            if (rData) {
+                                this.questionData.askAbout.one = e
+                                this.questionDataImg = await getResourcePath(e);
+                                this.$refs.upload.clearFiles(); // 娓呴櫎鏂囦欢鍒楄〃
+                            }
+                        } else {
+                            Message.error('褰撳墠鏂囦欢宸蹭笂浼狅紝璇峰嬁閲嶅鎿嶄綔锛�')
+                            this.$refs.upload.clearFiles(); // 娓呴櫎鏂囦欢鍒楄〃
+                        }
+                    })
+                    .catch((e) => {
+                        console.error(e);
+                        this.$refs.upload.clearFiles(); // 娓呴櫎鏂囦欢鍒楄〃
+                    })
+            })
+
+        },
+        //鍒犻櫎
+        delFile() {
+            this.questionData.askAbout.one = ''
+            this.questionDataImg = ''
+        },
+        showMindMapDialog() {
+            this.mapDialogVisible = true
+            this.$refs.mindMapDialogRef.openDialog();
+        },
     }
 }
 </script>

--
Gitblit v1.9.1