From 6997ee42e0fd3519f8ae418ee02749a85255707b Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 23 十二月 2024 14:35:21 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/aviationBasicSkills/view/components/chapter004.vue | 267 +++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 255 insertions(+), 12 deletions(-) diff --git a/src/books/aviationBasicSkills/view/components/chapter004.vue b/src/books/aviationBasicSkills/view/components/chapter004.vue index 2a18e54..edc20c4 100644 --- a/src/books/aviationBasicSkills/view/components/chapter004.vue +++ b/src/books/aviationBasicSkills/view/components/chapter004.vue @@ -20,7 +20,22 @@ <p class="bj-1-zt">1.鎻愬崌鎰熺煡缇庛�佺悊瑙g編銆佸垱閫犵編鐨勪釜浜虹編鍟嗙礌鍏汇��</p> <p class="bj-1-zt">2.鎻愬崌姘戣埅瀵瑰鏈嶅姟杩囩▼涓殑涓汉淇吇鍜岃亴涓氭儏鎿嶃��</p> <p><br></p> - <p><br></p> + <div class="video-box-cover"> + <p class="center text"> + <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" + playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" + x5-playsinline="" controls controlslist="nodownload" class="w100 video" + style=" border-radius: 10px; "></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛氶」鐩洓 瀵煎叆 </span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '7e45c5e6cf440f0529af765b0acc29c3') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-01')" /> + </el-tooltip> + </p> + </div> <p><br></p> </div> </div> @@ -41,7 +56,7 @@ 浣滀负涓�鍚嶆皯鑸粠涓氫汉鍛橈紝鍦ㄥ伐浣滃矖浣嶄笂锛屼綘鍙互閫氳繃鍝簺琛屼负灞曠ず涓汉鑹ソ鐨勫伐浣滅姸鎬佸憿锛熷湪浠诲姟涓�涓紝浣犲皢瀛︿細濡備綍閫氳繃杩愮敤琛ㄦ儏銆佷华鎬併�佹墜鍔匡紝灞曠幇鑷繁瀵瑰鏈嶅姟杩囩▼涓殑鑹ソ鐘舵�侊紝鎻愬崌姘戣埅鏈嶅姟鍝佽川銆�</p> <p class="p-even block2">瀛﹀畬浠诲姟涓�鍚庯紝浣犲簲褰撴帉鎻″浣曢�氳繃闃冲厜鐨勫井绗戙�佽壇濂界殑浠�併�佽鑼冪殑鎵嬪娍鏉ュ悜鏃呭灞曠ず绉瀬鐨勬湇鍔″舰璞°��</p> <textarea v-model="questionData.teskOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea> + class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea> <p class="left p-even"><span class="bj2">鐭ヨ瘑鍑嗗鈻�</span></p> <h3 id="c031" class="p-even"><span class="zt-h4 unit4-c">涓�銆�</span><span class="qyls-h4 unit4-c">琛ㄦ儏绀间华</span></h3> @@ -347,6 +362,39 @@ <p class="p-odd">鈶g敺澹笉鍙皢鍙岃吙鍙夊緱杩囧紑锛屾垨灏嗗弻鑵胯繃鍒嗕几寮狅紝鎴栦竴鑵垮集鏇层�佷竴鑵夸几鐩村憟鐜扳��4鈥濆瓧褰紝鎴栧皢灏忚吙鎼佸湪澶ц吙涓婏紝鐢ㄨ剼鎵撴媿瀛愶紝鐢氳嚦涓嶅仠鍦版姈鑵裤��</p> <p class="p-odd">鈶よ贩鑵挎椂锛屽垏蹇屽皢鎮┖鐨勮剼灏栨湞涓婃垨鎸囧悜浠栦汉銆�</p> <p class="p-odd">鈶ヤ笌閭诲骇浜よ皥鏃讹紝鍙互渚у潗锛屽苟灏嗕笂韬拰鑵垮悓鏃惰浆鍚戜氦璋堝璞°��</p> + <div class="video-box-left"> + <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" + style=" border-radius: 10px; "></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛氶」鐩洓1 濂冲+琛屼负绀间华 </span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo01 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '4f89a0d37249e0773fddc0b3c587a4a6') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-02')" /> + </el-tooltip> + </p> + </div> + <div class="video-box-left"> + <p class="center text"> + <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" + playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true" + x5-playsinline="" controls controlslist="nodownload" class="w100 video" + style=" border-radius: 10px; "></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛氶」鐩洓1 鐢峰+琛屼负绀间华 </span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '1570fec423a81f76007b8ea5b433e72a') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-03')" /> + </el-tooltip> + </p> + </div> + <h4 id="d097" class="p-odd">锛堜笁锛夎蛋濮�</h4> <p class="p-odd">璧板Э鏄汉浣撴墍鍛堢幇鍑虹殑涓�绉嶅姩鎬侊紝鏄珯濮跨殑寤剁画銆傝鑼冪殑璧板Э锛屾槸灞曠ず鑷繁姘旇川涓庝慨鍏荤殑閲嶈褰㈠紡銆傛敞鎰忚蛋濮垮彲浠ラ槻姝㈣韩浣撳彉褰紝鐢氳嚦鍙互棰勯槻棰堟鐥呫��</p> <h5 id="e051" class="p-odd">1.璧板Э鐨勫熀鏈棰�</h5> @@ -614,16 +662,32 @@ <p class="p-even"> 鎵撳搷鎸囧氨鏄敤鎵嬬殑鎷囨寚涓庝腑鎸囧脊鍑哄0鍝嶃�傚畠鎵�琛ㄧず鐨勬剰涔夋瘮杈冨鏉傦細鏈夋椂琛ㄧず楂樺叴锛涙湁鏃惰〃绀哄鎵�璇寸殑璇濇垨鎵�鍋氱殑涓惧姩鎰熷叴瓒f垨瀹屽叏璧炲悓锛涙湁鏃跺垯瑙嗕负鏌愮杞绘诞鐨勫姩浣滐紝姣斿瀵规煇浜烘垨寮傛�ф墦鍝嶆寚銆�</p> <p class="p-even">鍦ㄩ檶鐢熺殑鍦哄悎鎴栦笉鐔熸倝鐨勪汉闈㈠墠锛岃交鏄撳湴鎵撳搷鎸囷紝浼氫娇浜鸿寰楁病鏈夋暀鍏汇�傚嵆渚挎槸纰板埌鐔熶汉鎵撴嫑鍛兼椂鎵撳搷鎸囷紝涔熶細浣夸汉瑙夊緱涓嶈垝鏈嶃�傛�讳箣锛岃繖鏄竴绉嶅緢闅忎究鐨勪妇姝紝鎱庣敤涓哄ソ銆�</p> + <div class="video-box"> + <p class="center text"> + <video :src="videoPathFour" 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" + style=" border-radius: 10px; "></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛氶」鐩洓1 闉犺含鎶�鑳借鐐硅瑙� </span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo03 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '717ab2e44c2a8ede7ccaf8d69d8ea76d') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-04')" /> + </el-tooltip> + </p> + </div> <div class="bj5 ml-9"> <div class="bj5-xyx"> <p class="td-0"><span class="bj5-xyx">璇惧爞鐮旇</span></p> </div> <p>1.琛屼负绀间华鏈夊摢浜涘熀鏈绱狅紵</p> <textarea v-model="questionData.teskOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea> + class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea> <p>2.琛屼负绀间华鍦ㄦ皯鑸瀹㈡湇鍔′腑鐨勪綔鐢ㄦ槸浠�涔堬紵</p> <textarea v-model="questionData.teskOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea> + class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea> </div> <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> <table border="1" cellpadding="4" cellspacing="0" @@ -833,7 +897,7 @@ <p class="p-odd">鍒嗙粍杩涜绔欏Э銆佸潗濮裤�佽共濮裤�佽蛋濮胯缁冦��</p> <p class="left p-odd"><span class="bj2">鑷垜璇勪环鈻�</span></p> <textarea v-model="questionData.teskOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea> + class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -852,7 +916,7 @@ 姘戣埅浠庝笟浜哄憳鐨勪釜浜哄舰璞′唬琛ㄧ潃鍏徃鐨勪紒涓氬舰璞″拰姘戣埅鐨勬暣浣撳舰璞°�傞�氳繃鏈换鍔$殑瀛︿範锛屼綘灏嗗浼氬浣曢�氳繃鎻愬崌闈㈤儴淇グ鑳藉姏銆佹湇楗扮潃瑁呰鑼冩潵鎻愬崌涓汉鏁翠綋褰㈣薄锛屽睍鐜版皯鑸湇鍔″搧璐ㄣ��</p> <p class="block2 p-even">鏈换鍔″寘鍚潰閮ㄤ慨楗般�佹湇楗颁慨楗颁袱涓皬浠诲姟銆傚湪缁撴潫鏁翠釜浠诲姟瀛︿範鍚庯紝浣犲簲褰撹兘澶熻繘琛屾纭殑闈㈤儴淇グ锛屼互鍙婅鑼冪殑鏈嶉グ鐫�瑁咃紝骞朵笖鍚戞梾瀹㈠睍绀鸿壇濂界殑涓汉褰㈣薄銆�</p> <textarea v-model="questionData.teskTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> + class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> <p class="left p-even"><span class="bj2">鐭ヨ瘑鍑嗗鈻�</span></p> <h3 id="c034" class="p-even"><span class="zt-h4 unit4-c">涓�銆�</span><span class="qyls-h4 unit4-c">闈㈤儴淇グ</span></h3> @@ -921,6 +985,22 @@ <p class="p-even">鈶㈢湁姣涚殑淇グ锛氫竴鑸粠鐪夊ご寮�濮嬶紝鎸夌収鐪夋瘺鐨勮嚜鐒剁敓闀挎柟鍚戞弿鐢汇��</p> <p class="p-even">鈶d笂鑵孩锛氫笂鑵孩鐨勭洰鐨勶紝涓�鏄〃鐜扮毊鑲ょ殑鍋ュ悍绾㈡鼎锛屼簩鏄埄鐢ㄨ叜绾㈢殑浣嶇疆鍜屾柟鍚戞潵鐭鑴稿舰銆�</p> <p class="p-even">鈶ゆ秱鍙g孩锛氭秱鍙g孩鏃讹紝娉ㄦ剰涓嶈兘瓒呭嚭鍞囩嚎銆傚彛绾㈤鑹茬殑閫夋嫨搴斿拰骞撮緞銆佹湇瑁呫�佸満鍚堛�佽亴涓氬拰瀛h妭绛夊崗璋冦��</p> + <div class="video-box"> + <p class="center text"> + <video :src="videoPathFive" 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" + style=" border-radius: 10px; "></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛氶」鐩洓2 鑱屼笟褰╁鎶�鑳借瑙� </span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo04 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '9d42449fd876884fe3426db499c81913') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-05')" /> + </el-tooltip> + </p> + </div> <h4 id="d104" class="p-even">锛堜簩锛夊彂鍨嬩慨楗�</h4> <p class="p-even"> 浜轰滑鍦ㄤ簰鐩告墦閲忔椂锛岄�氬父鏄粠澶村埌鑴氾紝鍙戝瀷閫傚綋涓庡惁锛岀洿鎺ュ奖鍝嶅埌瀵规柟瀵逛綘鍗拌薄鐨勫ソ鍧忋�傚洜姝わ紝缇庡彂灏辨垚涓轰汉浠閫犱华瀹圭編鐨勯噸澶存垙銆傛皯鑸湇鍔′汉鍛樺彂鍨嬩慨楗扮殑鍩鸿皟鏄細娲绘臣寮�鏈椼�佹湞姘旇摤鍕冦�佸共鍑�鍒╄惤銆佺搴勬寔閲嶃�� @@ -930,6 +1010,22 @@ <p class="p-even">姘戣埅鏈嶅姟浜哄憳鍦ㄩ�夋嫨鍙戝瀷鏃讹紝搴旇�冭檻鑷繁鐨勮劯褰€�佸勾榫勭瓑鐩稿叧鍥犵礌銆�</p> <p class="p-even">锛�1锛夎涓庤劯褰㈢粨鍚堣捣鏉ャ�傛瘮濡傦紝闀胯劯鑰呭湪閫夋嫨鍙戝瀷鏃讹紝杞粨搴斿钩浼忎簺锛屽挨鍏舵槸鍓嶉鐨勫垬娴峰簲鐣欏緱闀胯�屽涓�浜涖��</p> <p class="p-even">锛�2锛夎涓庡勾榫勭浉绉般�傛瘮濡傦紝骞磋交鐨勬皯鑸湇鍔′汉鍛樺彲閫夋嫨鏂伴銆佸埆鑷磋�屽張鍋ュ悍銆佸ぇ鏂圭殑鍙戝瀷銆�</p> + <div class="video-box"> + <p class="center text"> + <video :src="videoPathSix" 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" + style=" border-radius: 10px; "></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛氶」鐩洓2 鑱屼笟鐩樺彂鎶�鑳借瑙� </span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo05 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == 'c44d8965f8f6d2f7b20132b66dd400e7') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-06')" /> + </el-tooltip> + </p> + </div> </div> </div> </div> @@ -969,13 +1065,13 @@ </div> <p>1.闈㈤儴淇グ鐨勫熀鏈柟娉曟湁鍝簺锛�</p> <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> + class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> <p>2.濂虫�у寲濡嗙殑绂佸繉鏈夊摢浜涳紵</p> <textarea v-model="questionData.teskTwo.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> + class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> <p>3.姘戣埅宸ヤ綔瀵瑰彂鍨嬬殑鍩烘湰瑕佹眰鏄粈涔堬紵</p> <textarea v-model="questionData.teskTwo.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> + class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> </div> <h3 id="c035"><span class="zt-h4 unit4-c">浜屻��</span><span class="qyls-h4 unit4-c">鏈嶉グ淇グ</span></h3> <p class="p-odd">绌跨潃寰椾綋銆佸璨岀搴勩�佷妇姝㈡枃闆呮槸姘戣埅鏈嶅姟浜哄憳瀹$編鎯呰叮鍜屾枃鍖栦慨鍏荤殑</p> @@ -1062,6 +1158,39 @@ 鈶ら瀷琚滈』鍚堥�傘�傞瀷鏄埗鏈嶇殑涓�閮ㄥ垎銆傛瘡澶╁簲褰撴妸鐨瀷鎿﹀緱骞插噣銆佸厜浜紝鐮存崯鐨勯瀷瀛愬簲鍙婃椂淇ˉ鎴栨洿鎹€�傞�氬父鐢峰+鐨勮瀛愬簲涓庨瀷瀛愮殑棰滆壊鍜岃皭锛屼互鐧借壊榛戣壊鏈�涓烘櫘閬嶃�傚コ澹簲绌夸笌鑲よ壊鐩歌繎鐨勪笣琚滐紝琚滃彛涓嶈闇插湪瑁ゅ瓙鎴栬瀛愬杈广�� </p> <p class="p-even">鈶ヤ綋鐜版枃鏄庛�傛牴鎹帴寰呯ぜ浠殑鍩烘湰瑙勫畾锛岃韩鐫�鍒舵湇涓婂矖鏃惰鏄剧ず鏂囨槑銆侀珮闆呯殑姘旇川銆�</p> + + <div class="video-box"> + <p class="center text"> + <video :src="videoPathSeven" 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" + style=" border-radius: 10px; "></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛氶」鐩洓1 绯讳笣宸炬妧鑳借鐐硅瑙�</span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo06 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '4edc5de0179514d5869973cb93c1eeb2') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-07')" /> + </el-tooltip> + </p> + </div> + <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" + style=" border-radius: 10px; "></video> + </p> + <p class="center videoname"> + <span>瑙嗛锛氶」鐩洓1 绯婚甯︽妧鑳借鐐硅瑙�</span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo07 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '1eaf0f7ac922aaf33d00c5a4b06c7ac6') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-08')" /> + </el-tooltip> + </p> + </div> <p class="left p-even mt-20"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> <table border="1" cellpadding="4" cellspacing="0" style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9"> @@ -1285,7 +1414,7 @@ <p class="p-odd">锛�4锛夋暣浣撹瑙掞細鍙戝瀷鎸洪様銆佸共鍑�娓呯埥銆�</p> <p class="left p-odd"><span class="bj2">鑷垜璇勪环鈻�</span></p> <textarea v-model="questionData.teskTwo.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" - class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea> + class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -1295,6 +1424,8 @@ </div> </template> <script> +import { getResourcePath } from "@/assets/methods/resources"; +import { getCollectResource, setCollectResource } from "@/assets/methods/resources"; export default { name: "chapterFour", props: { @@ -1304,6 +1435,27 @@ }, data() { return { + collectImg: require("../../assets/images/icon/heart.png"), + collectCheck: require("../../assets/images/icon/heart-check.png"), + videoPathOne: "", + videoPathTwo: "", + videoPathThree: "", + videoPathFour: "", + videoPathFive: "", + videoPathSix: "", + videoPathSeven: "", + videoPathEight: "", + collectResourceList: [], + chapterData: { + isCollectVideo: false, + isCollectVideo01: false, + isCollectVideo02: false, + isCollectVideo03: false, + isCollectVideo04: false, + isCollectVideo05: false, + isCollectVideo06: false, + isCollectVideo07: false, + }, questionData: { teskOne: { one: "", @@ -1316,7 +1468,7 @@ two: "", three: "", four: "", - five:"", + five: "", }, }, tableData: { @@ -1355,7 +1507,7 @@ }, }; }, - mounted() { + async mounted() { const bookQuestion = localStorage.getItem("aviation-book-chapter04"); if (bookQuestion) { this.questionData = JSON.parse(bookQuestion); @@ -1365,8 +1517,99 @@ this.tableData = JSON.parse(bookTableData); } + const choiceQuestion = localStorage.getItem("aviation-book-chapter04-Data"); + if (choiceQuestion) { + this.chapterData = JSON.parse(choiceQuestion); + } + + this.getVidoePath(); + this.collectResourceList = await getCollectResource(this.config.activeBook.bookId) }, methods: { + async getVidoePath() { + this.videoPathOne = await getResourcePath( + "7e45c5e6cf440f0529af765b0acc29c3" + ); + this.videoPathTwo = await getResourcePath( + "4f89a0d37249e0773fddc0b3c587a4a6" + ); + this.videoPathThree = await getResourcePath( + "1570fec423a81f76007b8ea5b433e72a" + ); + this.videoPathFour = await getResourcePath( + "717ab2e44c2a8ede7ccaf8d69d8ea76d" + ); + this.videoPathFive = await getResourcePath( + "9d42449fd876884fe3426db499c81913" + ); + this.videoPathSix = await getResourcePath( + "c44d8965f8f6d2f7b20132b66dd400e7" + ); + this.videoPathSeven = await getResourcePath( + "4edc5de0179514d5869973cb93c1eeb2" + ); + this.videoPathEight = await getResourcePath( + "1eaf0f7ac922aaf33d00c5a4b06c7ac6" + ); + }, + handleCollect(e) { + if (e == 'video-01') { + this.handleCollectResource("7e45c5e6cf440f0529af765b0acc29c3", "7e45c5e6cf440f0529af765b0acc29c3", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩洓 瀵煎叆') + this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo + } else if (e == 'video-02') { + this.handleCollectResource("4f89a0d37249e0773fddc0b3c587a4a6", "4f89a0d37249e0773fddc0b3c587a4a6", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩洓1 濂冲+琛屼负绀间华') + this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01 + } else if (e == 'video-03') { + this.handleCollectResource("1570fec423a81f76007b8ea5b433e72a", "1570fec423a81f76007b8ea5b433e72a", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩洓1 鐢峰+琛屼负绀间华') + this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02 + } else if (e == 'video-04') { + this.handleCollectResource("717ab2e44c2a8ede7ccaf8d69d8ea76d", "717ab2e44c2a8ede7ccaf8d69d8ea76d", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩洓1 闉犺含鎶�鑳借鐐硅瑙�') + this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03 + } else if (e == 'video-05') { + this.handleCollectResource("9d42449fd876884fe3426db499c81913", "9d42449fd876884fe3426db499c81913", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩洓2 鑱屼笟褰╁鎶�鑳借瑙�') + this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04 + } else if (e == 'video-06') { + this.handleCollectResource("c44d8965f8f6d2f7b20132b66dd400e7", "c44d8965f8f6d2f7b20132b66dd400e7", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩洓2 鑱屼笟鐩樺彂鎶�鑳借瑙�') + this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05 + } else if (e == 'video-07') { + this.handleCollectResource("4edc5de0179514d5869973cb93c1eeb2", "4edc5de0179514d5869973cb93c1eeb2", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩洓1 绯讳笣宸炬妧鑳借鐐硅瑙�') + this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06 + } else if (e == 'video-08') { + this.handleCollectResource("1eaf0f7ac922aaf33d00c5a4b06c7ac6", "1eaf0f7ac922aaf33d00c5a4b06c7ac6", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩洓1 绯婚甯︽妧鑳借鐐硅瑙�') + this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07 + } + this.handleChapterData(); + }, + + //璧勬簮鏀惰棌浜嬩欢 + // resourcePath 鏂囦欢璺緞锛� + // resourceType 鏂囦欢绫诲瀷 + // source 鏂囦欢鏉ユ簮 + handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) { + let list = this.collectResourceList + if (list.findIndex(item => item.id == id) > -1) { + list = list.filter(item => item.id != id) + } else { + list.push({ + id, + md5, + resourcePath, + resourceType, + source, + resourceName, + }) + } + this.collectResourceList = list + setCollectResource(this.config.activeBook.bookId, this.collectResourceList) + }, + handleChapterData() { + localStorage.setItem( + "aviation-book-chapter04-Data", + JSON.stringify(this.chapterData) + ); + }, + + setBookQuestion() { localStorage.setItem( "aviation-book-chapter04", -- Gitblit v1.9.1