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 | 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>鈶犳繁鍏ヤ簡瑙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,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> - 鐢熼暱鍙戣偛姝e父鏄仴搴风殑閲嶈鏍囧織锛岃繖绉嶅彂鑲叉槸鏈変竴瀹氳寰嬬殑锛屾棦鏄繛缁殑锛屽張鏈夐樁娈垫�э紝鍗冲湪涓嶅悓骞撮緞闃舵锛屾湁鐫�涓嶅悓鐨勫彂鑲叉爣蹇椼�備互涓嬩簩缁寸爜涓憟鐜颁簡鏁欒偛閮ㄤ笌鑱斿悎鍥藉効绔ュ熀閲戜細鍏卞悓鎺ㄥ箍鐨�0锝�6宀佸効绔ョ殑鍙戝睍閲岀▼纰戯紝鏈夊姪浜庝綘浜嗚В鍜屽叧娉ㄥ┐骞煎効鐨勬棭鏈熸垚闀裤�� + 鐢熼暱鍙戣偛姝e父鏄仴搴风殑閲嶈鏍囧織锛岃繖绉嶅彂鑲叉槸鏈変竴瀹氳寰嬬殑锛屾棦鏄繛缁殑锛屽張鏈夐樁娈垫�э紝鍗冲湪涓嶅悓骞撮緞闃舵锛屾湁鐫�涓嶅悓鐨勫彂鑲叉爣蹇椼�備互涓嬪憟鐜颁簡鏁欒偛閮ㄤ笌鑱斿悎鍥藉効绔ュ熀閲戜細鍏卞悓鎺ㄥ箍鐨�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>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠e効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠g敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠g殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩�� - </p> - </span> + </div> + <h3 id="c006">涓夈�佸婕旇</h3> + <p>澶嶆紨璇寸殑涓昏鍊″鑰呮槸缇庡浗蹇冪悊瀛﹀闇嶅皵銆傚湪浠栫湅鏉ワ紝鍎跨鐨勬父鎴忔槸瀵逛汉绫荤鍏堢敓娲荤殑鈥滃洖蹇嗏�濋噸瑙嗐�傞湇灏斿鏍奸瞾鏂殑娓告垙鐞嗚鏄笉璁ゅ悓鐨勶紝浠栬涓烘牸椴佹柉鍏充簬娓告垙鏄鏈潵鎴愪汉娲诲姩鐨勭粌涔犵殑瑙傜偣鏄潪甯哥墖闈㈢殑銆佽〃闈㈢殑鍜岄敊璇殑锛屽洜涓哄畠蹇借浜嗚繃鍘汇�傞湇灏旇涓猴紝鑳庡効鍦ㄨ儙鍐呯殑鍙戝睍閲嶆紨浜嗗姩鐗╄繘鍖栫殑杩囩▼锛堜粠鍘熺敓鐗╁埌浜猴級锛屽効绔ユ椂鏈熺殑鍙戝睍鍒欓噸婕斾簡浜虹被杩涘寲鐨勮繃绋嬶紙浠庣尶鍒颁汉锛夈�備粠鍎跨鐨勮韩涓婂彲浠ユ壘鍒颁笌涔嬬浉搴旂殑娓告垙琛屼负琛ㄧ幇锛岃繖鏄汉绫荤鍏堣涓虹殑鍙嶆槧銆傚効绔ョ殑娓告垙灏辨槸绁栧厛鐨勨�滃伐浣溾�濓紝鍘熷浜虹殑鎵撶寧銆佽拷閫愮瓑鏋勬垚浜嗙幇浠e効绔ユ父鎴忕殑鍩烘湰鍐呭銆傜敱浜庤繖浜涙椿鍔ㄥ凡缁忔垚涓轰汉鐨勬湰鑳斤紝鍥犳鍎跨鍋氳捣鏉ヤ笉闇�瑕佽姳璐瑰姏姘旓紝骞朵笖娓告垙鐨勫揩涔愪篃鎬绘槸鐩存帴涓庨仐浼犺秼鍔跨殑鏂瑰悜鍜屽姏閲忔垚姣斾緥鐨勩�傜幇浠g敓娲讳腑鏄壘涓嶅埌浠讳綍瀵逛簬娓告垙蹇箰鐨勮В閲婏紝鍙湁鍥炴函鈥滆繃鍘烩�濇墠鑳藉彂鐜版父鎴忕殑娣辫繙鎰忎箟銆傝澶氱幇浠g殑娲诲姩閮芥槸鍘熷浜虹敓瀛樻枟浜夌殑澶嶆紨銆傛澶栵紝鍎跨鍦ㄦ父鎴忎腑鏃㈣兘鎰熷彈鍒板揩涔愶紝涔熻兘杩涜鎯呮劅鐨勫娉勩�� + </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>鍏冧氦闄呮槸璇ョ悊璁虹殑鏍稿績姒傚康锛屾寚鐨勬槸浜ら檯鐨勨�滀氦闄呪�濓紝鏄殣钘忓湪鏄炬�х殑鎴栧鍦ㄧ殑浜ら檯鍚庨潰鐨勨�滀氦闄呪�濓紝瀹為檯涓婃槸涓�绉嶆娊璞$殑浜ら檯銆傛瘮濡傝瀹汉鍦ㄧ瓑灏忎紮璁′笂闈㈡椂锛岀湅鍒板皬浼欒榛戦粦鐨勬寚鐢叉蹈鍦ㄩ潰姹ら噷锛屼簬鏄浜嗕竴鍙ワ細鈥滀綘鐨勬寚鐢查兘娉″湪姹ら噷浜嗭紒鈥濆皬浼欒涓�绗戯紝璇达細鈥滄病鍏崇郴锛佹垜涓嶆�曠儷锛佲�濆緢鏄剧劧杩欐槸涓�娆″け璐ョ殑浜ゆ祦銆傚浜虹殑鎰忔�濇槸琛ㄨ揪涓嶆弧鍜屽椋熷搧瀹夊叏鐨勬��鐤戯紝鑰岄潪灏忎紮璁$悊瑙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>鍎跨鍏冧氦闄呰兘鍔涚殑鍙戝睍绂讳笉寮�鎴愪汉鐨勬敮鎸併�傚厓浜ら檯鑳藉姏鏄湪涓庢垚浜虹敓娲绘父鎴忕殑鐩镐簰浣滅敤鐨勮繃绋嬩腑閫愭涔犲緱鐨勶紝鏈�鏃╄悓鍙戜簬姣嶅┐娓告垙涓�傛父鎴忎綔涓哄厓浜ら檯涔熸槸涓�绉嶉噸瑕佺殑瀛︿範鏂瑰紡锛屽彲浠ラ敾鐐煎効绔ユ帉鎻′汉绫绘枃鍖栫粡楠岀郴缁熸墍蹇呴渶鐨勫厓浜ら檯鑳藉姏銆� @@ -962,7 +972,7 @@ </p> <p>鍚勭鍚勬牱鐨勬父鎴忚鐐硅櫧鐒朵笉灏界浉鍚岋紝浣嗗畠浠兘鏄墠浜哄疂璐电殑鎺㈢储缁忛獙锛屼篃淇冭繘浜嗘垜浠濠村辜鍎挎父鎴忕殑鐞嗚В銆傛棤璁哄湪鍝竴涓椂浠o紝娓告垙濮嬬粓閮芥槸閲嶈鐨勪换鍔★紝鏄┐骞煎効鍦ㄥ彂灞曚箣璺笂涓嶅彲鎴栫己鐨勬垚闀挎椿鍔ㄣ��</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銆傛湰棰樿�冩煡鐨勬槸瀵瑰┐骞煎効涓嶅悓绫诲瀷娓告垙鐨勭悊瑙c�傝鐭ラ鍩熺殑娓告垙鏄互濠村辜鍎胯鐭ュ彂灞曟按骞充负鍩虹鏉ヨ璁$殑娓告垙銆�</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"> + 鏈鑰冩煡鐨勬槸瀵瑰┐骞煎効涓嶅悓绫诲瀷娓告垙鐨勭悊瑙c�傝鐭ラ鍩熺殑娓告垙鏄互濠村辜鍎胯鐭ュ彂灞曟按骞充负鍩虹鏉ヨ璁$殑娓告垙銆� + </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>鍏跺疄锛屽浜庡績蹇冭繖涓噸澶嶆帴姘寸殑琛屼负锛屽闀挎病鏈夊繀瑕佹媴蹇冿紝涔熶笉瑕佺洿鎺ラ樆鎷︼紝鑰屾槸瑕佺粰浜堢悊瑙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> + + <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