From bb584963c6abe77c5577cbcad3c9956b69444ae9 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 01 七月 2025 17:17:30 +0800
Subject: [PATCH] 无人机样章

---
 src/books/toddlerGameImplementation/view/components/chapter001.vue |  358 ++++++++++++++++++++++++++++++++++-------------------------
 1 files changed, 205 insertions(+), 153 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/chapter001.vue b/src/books/toddlerGameImplementation/view/components/chapter001.vue
index 4cf4aa5..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>鈶犳繁鍏ヤ簡瑙e┐骞煎効鏃╂湡鍙戝睍鐨勭浉鍏崇煡璇嗐��</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,7 +269,8 @@
                             <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="'unitQuestion' + index">
@@ -287,7 +288,7 @@
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.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"
@@ -336,7 +337,7 @@
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.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"
@@ -370,7 +371,7 @@
                             <span class="c-g"> 绛旀锛歿{ item.answer.join(',') }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.userAnswer.length ? item.userAnswer.join(',') : ''
-                                }}</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"
@@ -412,7 +413,7 @@
                     </div>
                     <p><img class="rwmb-1" src="../../assets/images/0019_01.jpg" alt="" /></p>
                     <p>
-                        鐢熼暱鍙戣偛姝e父鏄仴搴风殑閲嶈鏍囧織锛岃繖绉嶅彂鑲叉槸鏈変竴瀹氳寰嬬殑锛屾棦鏄繛缁殑锛屽張鏈夐樁娈垫�э紝鍗冲湪涓嶅悓骞撮緞闃舵锛屾湁鐫�涓嶅悓鐨勫彂鑲叉爣蹇椼�備互涓嬩簩缁寸爜涓憟鐜颁簡鏁欒偛閮ㄤ笌鑱斿悎鍥藉効绔ュ熀閲戜細鍏卞悓鎺ㄥ箍鐨�0锝�6宀佸効绔ョ殑鍙戝睍閲岀▼纰戯紝鏈夊姪浜庝綘浜嗚В鍜屽叧娉ㄥ┐骞煎効鐨勬棭鏈熸垚闀裤��
+                        鐢熼暱鍙戣偛姝e父鏄仴搴风殑閲嶈鏍囧織锛岃繖绉嶅彂鑲叉槸鏈変竴瀹氳寰嬬殑锛屾棦鏄繛缁殑锛屽張鏈夐樁娈垫�э紝鍗冲湪涓嶅悓骞撮緞闃舵锛屾湁鐫�涓嶅悓鐨勫彂鑲叉爣蹇椼�備互涓嬪憟鐜颁簡鏁欒偛閮ㄤ笌鑱斿悎鍥藉効绔ュ熀閲戜細鍏卞悓鎺ㄥ箍鐨�0锝�6宀佸効绔ョ殑鍙戝睍閲岀▼纰戯紝鏈夊姪浜庝綘浜嗚В鍜屽叧娉ㄥ┐骞煎効鐨勬棭鏈熸垚闀裤��
                     </p>
                     <!-- pdf 鏌ョ湅鍣� -->
                     <div class="pdf-text">
@@ -574,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="'exampleOne' + index">
-                                <li>
-                                    {{ index + 1 }}.锛堝崟閫夛級{{ 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
+                    </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>
+                                <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="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 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>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠e効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠g敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠g殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩��
-                        </p>
-                    </span>
+                    </div>
+                    <h3 id="c006">涓夈�佸婕旇</h3>
+                    <p>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠e効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠g敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠g殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩��
+                    </p>
+
                 </div>
             </div>
         </div>
@@ -822,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="'exampleTwo' + 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>
@@ -837,7 +836,7 @@
                                 <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                                 <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                     item.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"
@@ -952,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>鍏冧氦闄呮槸璇ョ悊璁虹殑鏍稿績姒傚康锛屾寚鐨勬槸浜ら檯鐨勨�滀氦闄呪�濓紝鏄殣钘忓湪鏄炬�х殑鎴栧鍦ㄧ殑浜ら檯鍚庨潰鐨勨�滀氦闄呪�濓紝瀹為檯涓婃槸涓�绉嶆娊璞$殑浜ら檯銆傛瘮濡傝瀹汉鍦ㄧ瓑灏忎紮璁′笂闈㈡椂锛岀湅鍒板皬浼欒榛戦粦鐨勬寚鐢叉蹈鍦ㄩ潰姹ら噷锛屼簬鏄浜嗕竴鍙ワ細鈥滀綘鐨勬寚鐢查兘娉″湪姹ら噷浜嗭紒鈥濆皬浼欒涓�绗戯紝璇达細鈥滄病鍏崇郴锛佹垜涓嶆�曠儷锛佲�濆緢鏄剧劧杩欐槸涓�娆″け璐ョ殑浜ゆ祦銆傚浜虹殑鎰忔�濇槸琛ㄨ揪涓嶆弧鍜屽椋熷搧瀹夊叏鐨勬��鐤戯紝鑰岄潪灏忎紮璁$悊瑙g殑鈥滃叧蹇冣�濓紱濡傛灉淇℃伅浜ゆ祦鐨勫弻鏂规棤娉曞噯纭悊瑙e厓浜ら檯鎵�浼犻�掔殑淇℃伅锛屽氨浼氫娇浜ら檯杩囩▼闃绘柇锛屼骇鐢熸剰涔夌悊瑙d笂鐨勫垎姝с�傚厓浜ら檯鑳藉姏鏄竴绉嶉潪甯搁噸瑕佺殑绀句細浜ゅ線鑳藉姏锛屾槸涓�绉嶅氨鍐呴殣鐨勪氦闄呮墍浼犺揪鐨勪俊鎭繘琛屾剰涔夋矡閫氱殑鑳藉姏銆傜己涔忚繖绉嶈兘鍔涳紝灏辨棤娉曡儨浠荤ぞ浼氭�т氦寰�娲诲姩銆�
+                    </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>鍏冧氦闄呮槸璇ョ悊璁虹殑鏍稿績姒傚康锛屾寚鐨勬槸浜ら檯鐨勨�滀氦闄呪�濓紝鏄殣钘忓湪鏄炬�х殑鎴栧鍦ㄧ殑浜ら檯鍚庨潰鐨勨�滀氦闄呪�濓紝瀹為檯涓婃槸涓�绉嶆娊璞$殑浜ら檯銆傛瘮濡傝瀹汉鍦ㄧ瓑灏忎紮璁′笂闈㈡椂锛岀湅鍒板皬浼欒榛戦粦鐨勬寚鐢叉蹈鍦ㄩ潰姹ら噷锛屼簬鏄浜嗕竴鍙ワ細鈥滀綘鐨勬寚鐢查兘娉″湪姹ら噷浜嗭紒鈥濆皬浼欒涓�绗戯紝璇达細鈥滄病鍏崇郴锛佹垜涓嶆�曠儷锛佲�濆緢鏄剧劧杩欐槸涓�娆″け璐ョ殑浜ゆ祦銆傚浜虹殑鎰忔�濇槸琛ㄨ揪涓嶆弧鍜屽椋熷搧瀹夊叏鐨勬��鐤戯紝鑰岄潪灏忎紮璁$悊瑙g殑鈥滃叧蹇冣�濓紱濡傛灉淇℃伅浜ゆ祦鐨勫弻鏂规棤娉曞噯纭悊瑙e厓浜ら檯鎵�浼犻�掔殑淇℃伅锛屽氨浼氫娇浜ら檯杩囩▼闃绘柇锛屼骇鐢熸剰涔夌悊瑙d笂鐨勫垎姝с�傚厓浜ら檯鑳藉姏鏄竴绉嶉潪甯搁噸瑕佺殑绀句細浜ゅ線鑳藉姏锛屾槸涓�绉嶅氨鍐呴殣鐨勪氦闄呮墍浼犺揪鐨勪俊鎭繘琛屾剰涔夋矡閫氱殑鑳藉姏銆傜己涔忚繖绉嶈兘鍔涳紝灏辨棤娉曡儨浠荤ぞ浼氭�т氦寰�娲诲姩銆�
-                        </p>
-                    </span>
                     <p>鏈�鏃╂妸娓告垙涓庡厓浜ら檯鑱旂郴鍦ㄤ竴璧疯В閲婃父鎴忎綔涓轰竴绉嶅厓浜ら檯鐨勬繁鍒绘剰涔夌殑鏄汉绫诲瀹惰礉鐗规.銆備粬鍦ㄥ姩鐗╃殑娓告垙涓彂鐜帮紝娓告垙涓殑璁稿鍔ㄤ綔濡傛灉鏄彂鐢熷湪瀹為檯鐢熸椿涓紝灏嗕細寮曡捣涓ラ噸鐨勫悗鏋滐紝浣嗘槸鍥犱负鍙戠敓鍦ㄦ父鎴忎腑锛屾墍浠ュ氨涓嶈褰撳洖浜嬨�傜敱姝わ紝浠栨彁鍑猴紝鎵�鏈夌殑鍔ㄧ墿鍦ㄦ父鎴忔椂锛岄兘浼氬彂鍑烘煇绉嶉�傚簲鎬х殑淇″彿浠ヤ娇浼欎即鐭ラ亾鎵�鍙戠敓鐨勫姩浣滅殑鐩殑鏄粈涔堬紝鏄湡鐨勮繕鏄亣瑁呯殑銆傛父鎴忔椿鍔ㄤ互鍏冧氦闄呰繃绋嬩负鍩虹锛屾父鎴忔椿鍔ㄧ殑寮�灞曢渶瑕佷互娓告垙鍙屾柟鑳藉璇嗗埆瀵规柟鐨勬父鎴忔剰鍥句负鍓嶆彁锛屾父鎴忔椿鍔ㄥ叿鏈夐�傚簲鐨勬妧鑳藉拰鎰忎箟銆�
                     </p>
                     <p>鍎跨鍏冧氦闄呰兘鍔涚殑鍙戝睍绂讳笉寮�鎴愪汉鐨勬敮鎸併�傚厓浜ら檯鑳藉姏鏄湪涓庢垚浜虹敓娲绘父鎴忕殑鐩镐簰浣滅敤鐨勮繃绋嬩腑閫愭涔犲緱鐨勶紝鏈�鏃╄悓鍙戜簬姣嶅┐娓告垙涓�傛父鎴忎綔涓哄厓浜ら檯涔熸槸涓�绉嶉噸瑕佺殑瀛︿範鏂瑰紡锛屽彲浠ラ敾鐐煎効绔ユ帉鎻′汉绫绘枃鍖栫粡楠岀郴缁熸墍蹇呴渶鐨勫厓浜ら檯鑳藉姏銆�
@@ -992,7 +987,7 @@
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.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"
@@ -1040,7 +1035,7 @@
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.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"
@@ -1072,7 +1067,7 @@
                         </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></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>
@@ -1266,9 +1261,10 @@
                     </p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                        <ul v-for="(item, index) in exampleThree.unitOne" :key="'exampleThree' + index">
+                        <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>
-                                {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                                锛堝崟閫夐锛墈{ item.txt }}
                             </li>
                             <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                 <label>
@@ -1281,7 +1277,7 @@
                                 <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                                 <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                     item.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"
@@ -1470,9 +1466,10 @@
                     <p>姝ゆ椂铏界劧鎴愪汉涓嶅啀鏄┐骞煎効娓告垙涓父瑙佺殑浼欎即锛屼絾鏄┐骞煎効娓告垙浠嶇劧绂讳笉寮�鎴愪汉鐨勬敮鎸侊紝鎴愪汉搴旀媴浠诲ソ鐩稿簲鐨勮緟鍔╄鑹层��</p>
                     <div class="bk2">
                         <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
-                        <ul v-for="(item, index) in exampleFour.unitOne" :key="'exampleFour' + index">
+                        <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>
-                                {{ index + 1 }}.锛堝崟閫夛級{{ item.txt }}
+                                锛堝崟閫夛級{{ item.txt }}
                             </li>
                             <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                 <label>
@@ -1485,7 +1482,7 @@
                                 <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                                 <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                     item.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"
@@ -1544,26 +1541,19 @@
                         <p>鍏跺疄锛屽浜庡績蹇冭繖涓噸澶嶆帴姘寸殑琛屼负锛屽闀挎病鏈夊繀瑕佹媴蹇冿紝涔熶笉瑕佺洿鎺ラ樆鎷︼紝鑰屾槸瑕佺粰浜堢悊瑙c�侀�傚疁寮曞銆傛瘮濡傦紝鍙互鎶婁粠楗按鏈烘帴姘存敼涓轰粠鐩嗛噷鑸�姘寸亴鍒扮摱瀛愰噷锛岀亴婊″�掔┖鍐嶇亴銆傝繖涓嶄粎鍙互婊¤冻瀛╁瓙鐜╂按鐨勯渶姹傦紝鑰屼笖鍙互閿荤偧瀛╁瓙鐨勬墜閮ㄧ簿缁嗗姩浣溿��
                         </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>
-                            <textarea v-model="questionData.unitOne.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
-                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question"
-                                @change="setQuestionData"></textarea>
+
+                    <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>
-                        <p><br></p>
-                        <p><br></p>
-                        <p><br></p>
-                        <p><br></p>
-                    </span>
                 </div>
             </div>
         </div>
@@ -1602,7 +1592,7 @@
                             <span class="c-g"> 绛旀锛歿{ item.answer }}</span>
                             <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">鎮ㄧ殑绛旀锛歿{
                                 item.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"
@@ -1634,7 +1624,7 @@
                         </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></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>
@@ -1697,7 +1687,7 @@
                     <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>
@@ -1727,14 +1717,18 @@
             :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: {
@@ -1746,11 +1740,14 @@
         },
     },
     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: "",
@@ -1770,7 +1767,7 @@
             chapter001: {
                 pdfMd5: {
                     1: {
-                        md5: "6a7118abdc38a24995f26c164d63648c",
+                        md5: "4b012884ed1396953ceebfca2893df63",
                         name: " 0锝�6聽宀佸効绔ュ彂灞曠殑閲岀▼纰�",
                     },
                 },
@@ -1814,7 +1811,10 @@
                     four: "",
                     five: "",
                     six: "",
-                }
+                },
+                askAbout: {
+                    one: "",
+                },
             },
             tableData: {
                 unitOne: {
@@ -2416,7 +2416,7 @@
                                 value: "B"
                             },
                             {
-                                txt: "6涓湀鑷�2宀�",
+                                txt: "绀句細棰嗗煙",
                                 value: "C"
                             },
                             {
@@ -2427,6 +2427,7 @@
                     },
                 ],
             },
+            questionDataImg: ""
         }
     },
     async mounted() {
@@ -2825,6 +2826,57 @@
             }
         },
 
+        //涓婁紶鍥剧墖
+        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