From 02d67eabb2cde78382ebbed64fde95ec7207e23d Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期二, 29 四月 2025 10:27:20 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/aviationBasicSkills/view/components/chapter004.vue | 725 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 716 insertions(+), 9 deletions(-) diff --git a/src/books/aviationBasicSkills/view/components/chapter004.vue b/src/books/aviationBasicSkills/view/components/chapter004.vue index dff290d..a8857fa 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> @@ -37,9 +52,11 @@ <h2 id="b004" class="unit4-c p-even">浠诲姟涓�<br />鎺屾彙琛屼负绀间华</h2> <div class="task-u4-c ma-l"></div> <p class="left p-even"><span class="bj2">浠诲姟鎻忚堪鈻�</span></p> - <p class="p-even"> + <p class="p-even block2"> 浣滀负涓�鍚嶆皯鑸粠涓氫汉鍛橈紝鍦ㄥ伐浣滃矖浣嶄笂锛屼綘鍙互閫氳繃鍝簺琛屼负灞曠ず涓汉鑹ソ鐨勫伐浣滅姸鎬佸憿锛熷湪浠诲姟涓�涓紝浣犲皢瀛︿細濡備綍閫氳繃杩愮敤琛ㄦ儏銆佷华鎬併�佹墜鍔匡紝灞曠幇鑷繁瀵瑰鏈嶅姟杩囩▼涓殑鑹ソ鐘舵�侊紝鎻愬崌姘戣埅鏈嶅姟鍝佽川銆�</p> - <p class="p-even">瀛﹀畬浠诲姟涓�鍚庯紝浣犲簲褰撴帉鎻″浣曢�氳繃闃冲厜鐨勫井绗戙�佽壇濂界殑浠�併�佽鑼冪殑鎵嬪娍鏉ュ悜鏃呭灞曠ず绉瀬鐨勬湇鍔″舰璞°��</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> <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> @@ -345,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> @@ -612,16 +662,91 @@ <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> <p>2.琛屼负绀间华鍦ㄦ皯鑸瀹㈡湇鍔′腑鐨勪綔鐢ㄦ槸浠�涔堬紵</p> + <textarea v-model="questionData.teskOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea> </div> - <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> - <p class="center p-even openImgBox"><img class="img-0" alt="" - src="../../assets/images/0107-1.jpg" /></p> + <p class="left"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #5192c6; border-collapse: collapse" class="fz-15"> + <tr class="table-th-bc"> + <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td> + </tr> + <tr class="table-tr-bc"> + <td class="center">椤圭洰</td> + <td class="ta-l" colspan="4">瀛︿範姘戣埅鏈嶅姟绀间华</td> + </tr> + <tr class="table-tr-bc"> + <td class="center">浠诲姟</td> + <td class="ta-l" colspan="4"> + 鎺屾彙琛屼负绀间华 + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center wh-no">璐熻矗瀵煎笀</td> + <td class="ta-l" colspan="1"> + <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center wh-no" colspan="2">鎴嚦鏃ユ湡</td> + <td class="ta-l" colspan="1"> + <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center">浠诲姟鎻忚堪</td> + <td class="ta-l" colspan="4"> + 鏈伐鍗曚緷鎹皯鑸湇鍔$殑鍏稿瀷宸ヤ綔浠诲姟鍒跺畾锛屼富瑕侀潰鍚戞皯鑸湇鍔″矖浣嶏紝浣垮鐢熸帉鎻″浣曢�氳繃杩愮敤琛ㄦ儏銆佷华鎬併�佹墜鍔垮睍鐜拌嚜宸卞湪瀵瑰鏈嶅姟杩囩▼涓殑鑹ソ鐘舵�侊紝鎻愬崌姘戣埅鏈嶅姟鍝佽川銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center" rowspan="4">浠诲姟鐩爣</td> + <td class="ta-l" colspan="1">鐩爣</td> + <td class="ta-l" colspan="3"> + 鎺屾彙濡備綍閫氳繃闃冲厜鐨勫井绗戙�佽壇濂界殑浠�併�佽鑼冪殑鎵嬪娍鏉ュ悜鏃呭灞曠ず绉瀬鐨勬湇鍔″舰璞°�� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l" rowspan="3" colspan="1">鍏抽敭鎴愭灉</td> + <td class="ta-l" colspan="3"> + 1.浜嗚В琛ㄦ儏绀间华瑙勮寖銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l" colspan="3"> + 2.鑳界嫭绔嬭繍鐢ㄤ华鎬佺ぜ浠繘琛屽瀹㈡湇鍔°�� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l" colspan="3"> + 3.鎺屾彙鎵嬪娍绀间华鐨勮鑼冧笌绂佸繉銆� + </td> + </tr> + </table> </div> </div> </div> @@ -635,9 +760,144 @@ <li class="headerNumber">095</li> </ul> <div class="bodystyle"> + <p class="continued fz-14">缁〃</p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #5192c6; border-collapse: collapse" class="fz-15"> + <tr class="table-tr-bc"> + <td class="center">浠诲姟閲嶇偣</td> + <td class="ta-l" colspan="4"> + 鎺屾彙绔欏Э銆佸潗濮裤�佽共濮垮拰璧板Э鐨勭ぜ浠鑼冿紝浠庤�屼綋鐜拌亴涓氫汉缇庡ソ鐨勭ぜ浠华鎬佸拰浼橀泤鐨勬皵璐ㄥ拰椋庡害銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center w15">涓昏鍐呭</td> + <td class="ta-l w20" valign="top"> + 鈶犵珯濮胯缁冦�� + </td> + <td class="ta-l w20" valign="top"> + 鈶″潗濮胯缁冦�� + </td> + <td class="ta-l w20" valign="top"> + 鈶㈣共濮胯缁冦�� + </td> + <td class="ta-l w20" valign="top"> + 鈶h蛋濮胯缁冦�� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center" colspan="">浠诲姟闅惧害</td> + <td class="center"> + <input value="a" type="radio" v-model="tableData.teskTableOne.twelve" + @change="setBookTableData" /> + 绠�鍗� + </td> + <td class="center"> + <input value="b" type="radio" v-model="tableData.teskTableOne.twelve" + @change="setBookTableData" /> + 涓�鑸� + </td> + <td class="center"> + <input value="c" type="radio" v-model="tableData.teskTableOne.twelve" + @change="setBookTableData" /> + 鍋忛毦 + </td> + <td class="center"> + <input value="d" type="radio" v-model="tableData.teskTableOne.twelve" + @change="setBookTableData" /> + 鍥伴毦 + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center">瀹屾垚纭</td> + <td class="center">搴忓彿</td> + <td class="center" colspan="2">妫�鏌ヤ簨椤�</td> + <td class="center">缁勯暱绛惧瓧</td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">1</td> + <td class="ta-l" colspan="2">浠诲姟瑕佹眰鏄惁鏄庣‘?</td> + <td class="center"> + <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">2</td> + <td class="ta-l" colspan="2"> + 浠�佺ぜ浠繍鐢ㄦ槸鍚﹁鑼�? + </td> + <td class="center"> + <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">3</td> + <td class="ta-l" colspan="2"> + 鑳藉惁鎻愬崌姘戣埅宀椾綅鏈嶅姟鍝佽川? + </td> + <td class="center"> + <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">4</td> + <td class="ta-l" colspan="2"> + 鏄惁灞曠幇涓汉鍩烘湰绱犲吇? + </td> + <td class="center"> + <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">5</td> + <td class="ta-l" colspan="2"> + 鏄惁浣撶幇鍥㈤槦鍗忎綔绮剧? + </td> + <td class="center"> + <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l" colspan="5"> + <p>娉ㄦ剰浜嬮」锛�</p> + <p>1.璇蜂弗鏍兼寜鐓у伐鍗曞唴瀹硅姹傝繘琛岄」鐩疄璺碉紝涓嶅緱闅忔剰鏇存敼娴佺▼銆�</p> + <p>2.鍦ㄥ畬鎴愪换鍔″悗锛岃杩涜鑷锛屽畬鎴愯鎵撯垰銆�</p> + <p style="text-align: right">鏁欏笀绛惧瓧锛� + <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14" + @change="setBookTableData" /> + </p> + </td> + </tr> + </table> <p class="left p-odd"><span class="bj2">鎷撳睍璁粌鈻�</span></p> <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> </div> </div> </div> @@ -655,6 +915,8 @@ <p class="block2 p-even"> 姘戣埅浠庝笟浜哄憳鐨勪釜浜哄舰璞′唬琛ㄧ潃鍏徃鐨勪紒涓氬舰璞″拰姘戣埅鐨勬暣浣撳舰璞°�傞�氳繃鏈换鍔$殑瀛︿範锛屼綘灏嗗浼氬浣曢�氳繃鎻愬崌闈㈤儴淇グ鑳藉姏銆佹湇楗扮潃瑁呰鑼冩潵鎻愬崌涓汉鏁翠綋褰㈣薄锛屽睍鐜版皯鑸湇鍔″搧璐ㄣ��</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> <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> @@ -723,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"> 浜轰滑鍦ㄤ簰鐩告墦閲忔椂锛岄�氬父鏄粠澶村埌鑴氾紝鍙戝瀷閫傚綋涓庡惁锛岀洿鎺ュ奖鍝嶅埌瀵规柟瀵逛綘鍗拌薄鐨勫ソ鍧忋�傚洜姝わ紝缇庡彂灏辨垚涓轰汉浠閫犱华瀹圭編鐨勯噸澶存垙銆傛皯鑸湇鍔′汉鍛樺彂鍨嬩慨楗扮殑鍩鸿皟鏄細娲绘臣寮�鏈椼�佹湞姘旇摤鍕冦�佸共鍑�鍒╄惤銆佺搴勬寔閲嶃�� @@ -732,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> @@ -770,8 +1064,14 @@ <p class="td-0"><span class="bj5-xyx">璇惧爞鐮旇</span></p> </div> <p>1.闈㈤儴淇グ鐨勫熀鏈柟娉曟湁鍝簺锛�</p> + <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + 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> <p>3.姘戣埅宸ヤ綔瀵瑰彂鍨嬬殑鍩烘湰瑕佹眰鏄粈涔堬紵</p> + <textarea v-model="questionData.teskTwo.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + 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> @@ -858,9 +1158,221 @@ 鈶ら瀷琚滈』鍚堥�傘�傞瀷鏄埗鏈嶇殑涓�閮ㄥ垎銆傛瘡澶╁簲褰撴妸鐨瀷鎿﹀緱骞插噣銆佸厜浜紝鐮存崯鐨勯瀷瀛愬簲鍙婃椂淇ˉ鎴栨洿鎹€�傞�氬父鐢峰+鐨勮瀛愬簲涓庨瀷瀛愮殑棰滆壊鍜岃皭锛屼互鐧借壊榛戣壊鏈�涓烘櫘閬嶃�傚コ澹簲绌夸笌鑲よ壊鐩歌繎鐨勪笣琚滐紝琚滃彛涓嶈闇插湪瑁ゅ瓙鎴栬瀛愬杈广�� </p> <p class="p-even">鈶ヤ綋鐜版枃鏄庛�傛牴鎹帴寰呯ぜ浠殑鍩烘湰瑙勫畾锛岃韩鐫�鍒舵湇涓婂矖鏃惰鏄剧ず鏂囨槑銆侀珮闆呯殑姘旇川銆�</p> - <p class="left p-even mt-20"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> - <p class="center p-even openImgBox"><img class="img-0" alt="" - src="../../assets/images/0115-1.jpg" /></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 mt-20"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #5192c6; border-collapse: collapse" class="fz-15"> + <tr class="table-th-bc"> + <td class="center" colspan="5">姘戣埅鏈嶅姟鍩烘湰鎶�鑳戒换鍔″伐鍗�</td> + </tr> + <tr class="table-tr-bc"> + <td class="center">椤圭洰</td> + <td class="ta-l" colspan="4">瀛︿範姘戣埅鏈嶅姟绀间华</td> + </tr> + <tr class="table-tr-bc"> + <td class="center">浠诲姟</td> + <td class="ta-l" colspan="4"> + 鎺屾彙褰㈣薄绀间华 + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center wh-no">璐熻矗瀵煎笀</td> + <td class="ta-l" colspan="1"> + <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center wh-no" colspan="2">鎴嚦鏃ユ湡</td> + <td class="ta-l" colspan="1"> + <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center">浠诲姟鎻忚堪</td> + <td class="ta-l" colspan="4"> + 鏈伐鍗曚緷鎹皯鑸湇鍔$殑鍏稿瀷宸ヤ綔浠诲姟鍒跺畾锛屼富瑕侀潰鍚戞皯鑸湇鍔″矖浣嶏紝浣垮鐢熸帉鎻″浣曢�氳繃鎻愬崌闈㈤儴淇グ鑳藉姏銆佽鑼冩湇楗扮潃瑁呮潵灞曠幇涓汉鏁翠綋褰㈣薄锛屾彁鍗囨皯鑸湇鍔″搧璐ㄣ�� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center" rowspan="3">浠诲姟鐩爣</td> + <td class="ta-l" colspan="1">鐩爣</td> + <td class="ta-l" colspan="3"> + 鑳藉姝g‘鍦拌繘琛岄潰閮ㄤ慨楗颁互鍙婅鑼冪殑鏈嶉グ鐫�瑁咃紝鍚戞梾瀹㈠睍绀鸿壇濂界殑涓汉褰㈣薄銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l" rowspan="2" colspan="1">鍏抽敭鎴愭灉</td> + <td class="ta-l" colspan="3"> + 1.鑳界嫭绔嬪畬鎴愰潰閮ㄤ慨楗般�� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l" colspan="3"> + 2.鑳芥纭┛鐫�鍒舵湇銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center">浠诲姟閲嶇偣</td> + <td class="ta-l" colspan="4"> + 姘戣埅鑱屼笟褰㈣薄濉戦�� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center w15">涓昏鍐呭</td> + <td class="ta-l w20" valign="top"> + 鈶犲瀹硅鑼冦�� + </td> + <td class="ta-l w20" valign="top"> + 鈶″彂鍨嬪緱浣撱�� + </td> + <td class="ta-l w20" valign="top"> + 鈶㈡湇楗版暣娲併�� + </td> + <td class="ta-l w20" valign="top"> + 鈶e舰璞″ぇ鏂广�� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center" colspan="">浠诲姟闅惧害</td> + <td class="center"> + <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve" + @change="setBookTableData" /> + 绠�鍗� + </td> + <td class="center"> + <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve" + @change="setBookTableData" /> + 涓�鑸� + </td> + <td class="center"> + <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve" + @change="setBookTableData" /> + 鍋忛毦 + </td> + <td class="center"> + <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve" + @change="setBookTableData" /> + 鍥伴毦 + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center">瀹屾垚纭</td> + <td class="center">搴忓彿</td> + <td class="center" colspan="2">妫�鏌ヤ簨椤�</td> + <td class="center">缁勯暱绛惧瓧</td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">1</td> + <td class="ta-l" colspan="2">浠诲姟瑕佹眰鏄惁鏄庣‘?</td> + <td class="center"> + <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">2</td> + <td class="ta-l" colspan="2"> + 姘戣埅涓撲笟鍖栧舰璞℃槸鍚﹁鑼�? + </td> + <td class="center"> + <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">3</td> + <td class="ta-l" colspan="2"> + 鏄惁鎻愬崌姘戣埅宀椾綅鏈嶅姟鍝佽川? + </td> + <td class="center"> + <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">4</td> + <td class="ta-l" colspan="2"> + 鏄惁灞曠幇涓汉鍩烘湰绱犲吇? + </td> + <td class="center"> + <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">5</td> + <td class="ta-l" colspan="2"> + 鏄惁浣撶幇鍒涙柊绮剧? + </td> + <td class="center"> + <input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l" colspan="5"> + <p>娉ㄦ剰浜嬮」锛�</p> + <p>1.璇蜂弗鏍兼寜鐓у伐鍗曞唴瀹硅姹傝繘琛岄」鐩疄璺碉紝涓嶅緱闅忔剰鏇存敼娴佺▼銆�</p> + <p>2.鍦ㄥ畬鎴愪换鍔″悗锛岃杩涜鑷锛屽畬鎴愯鎵撯垰銆�</p> + <p style="text-align: right">鏁欏笀绛惧瓧锛� + <input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14" + @change="setBookTableData" /> + </p> + </td> + </tr> + </table> </div> </div> </div> @@ -901,6 +1413,8 @@ <p class="p-odd">锛�3锛夎儗闈㈣瑙掞細鍚庝晶鑴栭閮ㄥ垎澶村彂涓嶉伄鎸¤‖琛i鍙c��</p> <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> </div> </div> </div> @@ -910,6 +1424,8 @@ </div> </template> <script> +import { getResourcePath } from "@/assets/methods/resources"; +import { getCollectResource, setCollectResource } from "@/assets/methods/resources"; export default { name: "chapterFour", props: { @@ -917,6 +1433,197 @@ type: Array, }, }, + 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: "", + two: "", + three: "", + four: "", + }, + teskTwo: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + }, + tableData: { + teskTableOne: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + thirteen: "", + fourteen: "", + }, + teskTableTwo: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + thirteen: "", + fourteen: "", + }, + }, + }; + }, + async mounted() { + const bookQuestion = localStorage.getItem("aviation-book-chapter04"); + if (bookQuestion) { + this.questionData = JSON.parse(bookQuestion); + } + const bookTableData = localStorage.getItem("aviation-book-chapter04-tableData"); + if (bookTableData) { + 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", + JSON.stringify(this.questionData) + ); + }, + setBookTableData() { + localStorage.setItem( + "aviation-book-chapter04-tableData", + JSON.stringify(this.tableData) + ); + } + }, + } </script> -- Gitblit v1.9.1