From 1995bd9b9e0033445fd44c796e21a1944f1e56b2 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期五, 14 三月 2025 17:42:22 +0800 Subject: [PATCH] 3.14民航服务礼仪新增视频,题目。 --- src/books/aviationEtiquette/view/components/chapter001.vue | 328 ++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 313 insertions(+), 15 deletions(-) diff --git a/src/books/aviationEtiquette/view/components/chapter001.vue b/src/books/aviationEtiquette/view/components/chapter001.vue index 07f9b31..3ad97da 100644 --- a/src/books/aviationEtiquette/view/components/chapter001.vue +++ b/src/books/aviationEtiquette/view/components/chapter001.vue @@ -77,6 +77,25 @@ <p>1.浜嗚В绀间华鐨勪簲绉嶈捣婧愯銆�</p> <p>2.浜嗚В涓浗绀间华鍙戝睍鐨勫巻绋嬨��</p> <p>3.鐞嗚В涓タ鏂圭ぜ浠瀺鍚堝彂灞曠殑鎰忎箟銆�</p> + <div class="video-box"> + <p class="center text td-0"> + <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.1.1</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == 'dfa7f3d64168acde32e4ca07a9001e79' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-02')" /> + </el-tooltip> + </p> + </div> <h4 id="d001">涓�銆佺ぜ浠殑璧锋簮</h4> <p> 鎴戝浗绱犳湁鈥滅ぜ浠箣閭︹�濈殑缇庤獕锛岀ぜ浠枃鍖栨簮杩滄祦闀裤�傗�滅ぜ鈥濆瓧鏈�鏃╁嚭鐜板湪閲戞枃閲屻�備汉绫诲彂灞曠殑鍒濇湡锛屼汉浠寰堝鑷劧鐜拌薄锛屽鐏北鍠峰彂銆佸湴闇囥�佺數闂浄楦g瓑鏃犳硶鐞嗚В涔熸棤娉曡В閲婏紝鍙兘褰掔粨涓洪绁炵殑鍔涢噺鎵�鑷达紝浠栦滑璁や负澶╁湴闂存湁绁炵殑鍔涢噺鍦ㄤ富瀹帮紝涔熸湁楝奸瓊鐨勫瓨鍦紝鑰屽嚭浜庡澶╁湴楝肩鐨勬儳鎬曘�佹暚浠帮紝浜轰滑閫氳繃璁捐娴佺▼銆佷妇琛屼华寮忋�佹暚鐚キ鍝佺瓑鏂瑰紡鏉ヨ〃杈炬暚鐣忥紝杩欑娴佺▼閫愭笎鍥哄寲涓轰竴绉嶈鑼冿紝杩欐牱灏变骇鐢熶簡绀笺�傚寳浜殑鈥滃ぉ鍧涒�濃�滃湴鍧涒�濆氨鏄彜浠e浗鍚涚敤鏉ヤ妇琛岃繖绫荤キ澶╃キ鍦版椿鍔ㄧ殑寤虹瓚銆� @@ -115,7 +134,7 @@ <div class="bodystyle"> <h6 id="f004">4.绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗�</h6> <p> - 鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿�� + 鈥滈娓婇棶浠併�傚瓙鏇帮細鈥樺厠宸卞绀间负浠併�備竴鏃ュ厠宸卞绀硷紝澶╀笅褰掍粊鐒夈�傗�欌�濓紙銆婅璇烽娓娿�嬶級鍏嬪繁鏄鑷垜鐨勭鐞嗭紝浜轰笌鐜浼氫骇鐢熺煕鐩撅紝鑰岃В鍐宠繖绉嶇煕鐩剧殑鏂规硶灏辨槸鈥滃厠宸扁�濄�傚瓟瀛愪竴鐩存妸瀵逛汉鎬х殑绾︽潫鍜岀鐞嗕綔涓烘仮澶嶅懆绀肩殑閲嶈閫斿緞锛屼汉鏈夊悇绉嶆鏈涳紝闇�閫氳繃閬撳痉銆佺ぜ浠�佹硶寰嬬瓑褰㈠紡杩涜瑙勮寖锛屾晠绀间负浜烘�у拰鐜鐭涚浘鐨勪骇鐗┿�� </p> <h6 id="f005">5.绀肩敓浜庣悊锛屾簮浜庝織</h6> <p> @@ -663,6 +682,24 @@ <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5" v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.绀兼暚浠栦汉鏄笌浠栦汉寤虹珛鍜岃皭鐨勪汉闄呭叧绯荤殑鍩虹煶 </p> + <p class="dialogQuestion"> + <span class="td-0">銆愭湰鑺傛祴璇曘��</span> + <span class="td-0"> + <svg @click="openQuestion(1)" 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> @@ -733,6 +770,25 @@ <p>1.鐞嗚В姘戣埅鏈嶅姟鐨勫惈涔夈��</p> <p>2.鐞嗚В姘戣埅鏈嶅姟鐨勬湰璐ㄣ��</p> <p>3.浜嗚В骞舵帉鎻℃皯鑸湇鍔¤涓氱殑鍩烘湰鐗瑰緛銆�</p> + <div class="video-box"> + <p class="center text td-0"> + <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.2.1</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == '602e257498cd61657b759edd5be0221d' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-03')" /> + </el-tooltip> + </p> + </div> </div> </div> </div> @@ -1066,6 +1122,25 @@ <p>1.浜嗚В涓诲姩鏈嶅姟鐨勫唴娑点��</p> <p>2.鐞嗚В涓诲姩鏈嶅姟鐨勯噸瑕佹�с��</p> <p>3.鎻愬崌涓诲姩鏈嶅姟鐨勬剰璇嗐��</p> + <div class="video-box"> + <p class="center text td-0"> + <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.2.2</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == '571b9fb7962e8fc30749893919d2157b' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-04')" /> + </el-tooltip> + </p> + </div> <h4 id="d022">涓�銆佹纭璇嗘湇鍔℃剰璇�</h4> <p> 濡傛灉璇存皯鑸湇鍔′汉鍛樼殑鐭ヨ瘑涓庢妧鑳芥槸鏈嶅姟鐨勬満缈硷紝閭d箞鏈嶅姟鎰忚瘑鎵嶆槸浣胯繖鏋堕鏈哄睍缈呴珮椋炵殑鍙戝姩鏈恒�� @@ -1441,6 +1516,24 @@ <p>6.璇锋牴鎹墍瀛︾煡璇嗗垎鏋愭皯鑸湇鍔$殑鐜扮姸鍙婃湇鍔¤川閲忛棶棰樹骇鐢熺殑鍘熷洜銆�</p> <textarea v-model="questionData.projectTwo.six.value" placeholder="璇疯緭鍏ュ唴瀹�" rows="4" class="fz-16 textarea-box" @change="setBookQuestion"></textarea> + <p class="dialogQuestion"> + <span class="td-0">銆愭湰鑺傛祴璇曘��</span> + <span class="td-0"> + <svg @click="openQuestion(2)" 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> @@ -1533,6 +1626,25 @@ 鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗姘戠敤鑸┖娉曘�嬬涓夊崄涔濇潯瑙勫畾锛屾皯鐢ㄨ埅绌轰汉鍛樻槸鎸囦粠浜嬫皯鐢ㄨ埅绌烘椿鍔ㄧ殑绌哄嫟浜哄憳鍜屽湴闈汉鍛樸�傜┖鍕や汉鍛橈紝鍖呮嫭椹鹃┒鍛樸�侀琛屾満姊颁汉鍛樸�佷箻鍔″憳锛涘湴闈汉鍛橈紝鍖呮嫭姘戠敤鑸┖鍣ㄧ淮淇汉鍛樸�佺┖涓氦閫氱鍒跺憳銆侀琛岀娲惧憳銆佽埅绌虹數鍙伴�氫俊鍛樸�傛棤璁烘槸璐熻矗鍦ㄨ埍鍐呮彁渚涙湇鍔$殑绌哄嫟浜哄憳杩樻槸璐熻矗涓烘梾瀹㈡彁渚涘湴闈㈡湇鍔★紝鍦ㄩ鏈鸿捣椋炲墠纭繚椋炶瀹夊叏锛屼负椋炶鎻愪緵蹇呬笉鍙皯鐨勯琛屽墠鍑嗗鐨勫湴闈汉鍛橈紝閮芥槸涓烘梾瀹㈢殑鑸掗�傚嚭琛屻�佸畨鍏ㄥ嚭琛屾湇鍔$殑銆� </p> <h4 id="d026">浜屻�佹皯鐢ㄨ埅绌轰汉鍛樼殑宀椾綅鑱岃矗</h4> + <div class="video-box"> + <p class="center text td-0"> + <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>瑙嗛锛�1.3.1</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == '3b4d6a336fad79e9c4f137e142c26f0b' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-05')" /> + </el-tooltip> + </p> + </div> <p> 姘戠敤鑸┖浜哄憳鏈変笉鍚岀殑宀椾綅绉嶇被锛屽矖浣嶈亴璐d篃鏈夋墍涓嶅悓銆備互涓嬫槸瀵归儴鍒嗘皯鐢ㄨ埅绌轰汉鍛樺矖浣嶇绫诲強鍏蜂綋宸ヤ綔鑱岃矗鐨勯槓杩般�� </p> @@ -1775,6 +1887,25 @@ <p>2.鐞嗚В鍚勯」鑳藉姏瀵逛笓涓氬拰宀椾綅鐨勬敮鎾戞�с��</p> <p>3.鑳藉鍦ㄥ疄闄呭伐浣滀腑鐏垫椿澶氬彉锛岃繍鐢ㄥ悇椤硅兘鍔涜В鍐冲疄闄呴棶棰樸��</p> <p>浠ョ┖涓箻鍔″憳涓轰緥锛屾皯鐢ㄨ埅绌轰汉鍛樺簲鍏峰鐨勮兘鍔涘簲鍖呭惈浠ヤ笅鍑犲ぇ绫汇��</p> + <div class="video-box"> + <p class="center text td-0"> + <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>瑙嗛锛�1.3.2</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == '2b112927d0029591bee2ad5de73e3e2a' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-06')" /> + </el-tooltip> + </p> + </div> <h4 id="d027">涓�銆佷翰鍜屽姏</h4> <p> 绌轰腑涔樺姟鍛樼殑宸ヤ綔涓嶄粎鏄畝鍗曠殑绔尪閫掓按锛岃�屾槸涓�椤归渶瑕佲�滅溂瑙傚叚璺紝鑰冲惉鍏柟鈥濈殑鍏ㄦ柟浣嶅伐浣滐紝鎵�浠ワ紝婊¤冻鏃呭鐨勯渶姹傚拰涓烘梾瀹㈠甫鏉ヨ壇濂界殑涔樻満浣撻獙鏄箻鍔″憳鐨勯瑕佷换鍔°�傛梾瀹㈣壇濂界殑鍥為鍙堥鍏堟簮浜庣┖涔樹汉鍛樿壇濂界殑浜插拰鍔涳紝杩欏氨瑕佹眰涔樺姟鍛橀渶鍏峰姝ら」鍩烘湰鑳藉姏銆傚湪鏈嶅姟鏃呭鏃讹紝涔樺姟鍛樹粠鍐呭績鍒板鍦ㄩ兘搴斾紶閫掑弸鍠勪俊鎭紝浣挎梾瀹骇鐢熸剦鎮︺�佸紑蹇冦�佽垝閫傘�佹俯棣ㄣ�佷俊浠荤殑蹇冪悊鎰熷彈锛屼粠鑰屽缓绔嬩箻鍔″憳涓庢梾瀹箣闂寸殑鍙嬪ソ銆佸拰鐫︾殑鍏崇郴銆� @@ -2229,6 +2360,44 @@ <p>1.閫氳繃璁粌鍩瑰吇浜插拰鍔涖��</p> <p>2.閫氳繃璁粌鍩瑰吇瑙傚療鑳藉姏銆�</p> <p>3.閫氳繃璁粌鍩瑰吇鍊惧惉鑳藉姏銆�</p> + <div class="video-box"> + <p class="center text td-0"> + <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.3.3</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == 'e483ec3b940fcc8616b8aea894d5ded0' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-07')" /> + </el-tooltip> + </p> + </div> + <div class="video-box"> + <p class="center text td-0"> + <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.3.4</span> + <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start"> + <img :src="collectResourceList.findIndex( + (item) => item.id == 'be07f31967532a808843e53df1a436d5' + ) > -1 + ? collectCheck + : collectImg + " alt="" class="collect-btn" @click="handleCollect('video-08')" /> + </el-tooltip> + </p> + </div> <h4 id="d033">涓�銆佷翰鍜屽姏鐨勮缁�</h4> <h5 id="e027">锛堜竴锛夊闀滆缁冩硶</h5> <p> @@ -2861,6 +3030,10 @@ </div> </div> </div> + <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor" + :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum" + :questionTitle="questionTitleMain" ref="dialogRef"> + </dialogExaminations> </div> </template> @@ -2870,18 +3043,32 @@ getCollectResource, setCollectResource, } from "@/assets/methods/resources"; +import dialogExaminations from "@/components/dialogExaminations/index.vue"; export default { name: "chapterOne", props: { showPageList: { type: Array, }, + interfaceQuestion: { + type: Object, + }, + }, + components: { + dialogExaminations, }, 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: [], showQuestionAnswer: false, showChoiceAnswer: false, @@ -2889,6 +3076,14 @@ isFocused: null, chapterData: { isCollectVideo: false, + isCollectVideoOne: false, + isCollectVideoTwo: false, + isCollectVideoThree: false, + isCollectVideoFour: false, + isCollectVideoFive: false, + isCollectVideoSix: false, + isCollectVideoSeven: false, + isCollectVideoEight: false, }, questionData: { isComplete: false, @@ -3037,7 +3232,23 @@ }, evaluationOneResults: "", //娴嬭瘎缁撴灉 evaluationTwoResults: "", //娴嬭瘎缁撴灉 - + // 棰樼洰鐩稿叧 + dialogVisibleOne: false, + themeColor: "#6E85AF", + questionNum: 0, + questionTitleMain: "", + chapter001: { + question: { + 1: { + questionTitleMain: "妯″潡涓�銆�绀间华璁ょ煡", + questionNum: 18, + }, + 2: { + questionTitleMain: "妯″潡涓�銆�姘戣埅鏈嶅姟鎰忚瘑璁ょ煡", + questionNum: 31, + }, + }, + }, }; }, @@ -3073,12 +3284,6 @@ this.evaluationTwoResults = evaluationTwoData; } - - const videoData = localStorage.getItem("aviationEtiquette-book-chapter01-Data"); - if (videoData) { - this.chapterData = JSON.parse(videoData); - } - this.getVidoePath(); this.collectResourceList = await getCollectResource( this.config.activeBook.bookId @@ -3089,6 +3294,28 @@ this.videoPathOne = await getResourcePath( "4f0afd466e16bde40a447ff467452181" ); + this.videoPathTwo = await getResourcePath( + "dfa7f3d64168acde32e4ca07a9001e79" + ); + this.videoPathThree = await getResourcePath( + "602e257498cd61657b759edd5be0221d" + ); + this.videoPathFour = await getResourcePath( + "571b9fb7962e8fc30749893919d2157b" + ); + this.videoPathFive = await getResourcePath( + "3b4d6a336fad79e9c4f137e142c26f0b" + ); + this.videoPathSix = await getResourcePath( + "2b112927d0029591bee2ad5de73e3e2a" + ); + this.videoPathSeven = await getResourcePath( + "e483ec3b940fcc8616b8aea894d5ded0" + ); + this.videoPathEight = await getResourcePath( + "be07f31967532a808843e53df1a436d5" + ); + }, setBookQuestion() { localStorage.setItem( @@ -3191,16 +3418,79 @@ "瑙嗛锛氬窛鑸揣鎬ユ挙绂�" ); this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo; + } else if (e == "video-02") { + this.handleCollectResource( + "dfa7f3d64168acde32e4ca07a9001e79", + "dfa7f3d64168acde32e4ca07a9001e79", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.1.1" + ); + this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne; + } else if (e == "video-03") { + this.handleCollectResource( + "602e257498cd61657b759edd5be0221d", + "602e257498cd61657b759edd5be0221d", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.2.1" + ); + this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo; + } else if (e == "video-04") { + this.handleCollectResource( + "571b9fb7962e8fc30749893919d2157b", + "571b9fb7962e8fc30749893919d2157b", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.2.2" + ); + this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree; + } else if (e == "video-05") { + this.handleCollectResource( + "3b4d6a336fad79e9c4f137e142c26f0b", + "3b4d6a336fad79e9c4f137e142c26f0b", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.3.1" + ); + this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour; + } else if (e == "video-06") { + this.handleCollectResource( + "2b112927d0029591bee2ad5de73e3e2a", + "2b112927d0029591bee2ad5de73e3e2a", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.3.2" + ); + this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive; + } else if (e == "video-07") { + this.handleCollectResource( + "e483ec3b940fcc8616b8aea894d5ded0", + "e483ec3b940fcc8616b8aea894d5ded0", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.3.3" + ); + this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix; + } else if (e == "video-08") { + this.handleCollectResource( + "be07f31967532a808843e53df1a436d5", + "be07f31967532a808843e53df1a436d5", + "", + "瑙嗛", + "bits", + "瑙嗛锛�1.3.4" + ); + this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven; } - this.handleChapterData(); }, - handleChapterData() { - localStorage.setItem( - "aviationEtiquette-book-chapter01-Data", - JSON.stringify(this.chapterData) - ); - }, //璧勬簮鏀惰棌浜嬩欢 // resourcePath 鏂囦欢璺緞锛� // resourceType 鏂囦欢绫诲瀷 @@ -3232,6 +3522,14 @@ this.collectResourceList ); }, + + openQuestion(num) { + if (num) { + this.questionNum = this.chapter001.question[num].questionNum; + this.questionTitleMain = this.chapter001.question[num].questionTitleMain; + this.$refs.dialogRef.openDialogQuestion(); + } + }, }, }; </script> -- Gitblit v1.9.1