From fe52c75b42ef2815dc5c66e964c2b388ed09d097 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期五, 25 四月 2025 11:28:21 +0800 Subject: [PATCH] 环境变量修改 --- src/books/aviationBasicSkills/view/components/chapter003.vue | 591 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 582 insertions(+), 9 deletions(-) diff --git a/src/books/aviationBasicSkills/view/components/chapter003.vue b/src/books/aviationBasicSkills/view/components/chapter003.vue index 93e0268..a810eba 100644 --- a/src/books/aviationBasicSkills/view/components/chapter003.vue +++ b/src/books/aviationBasicSkills/view/components/chapter003.vue @@ -19,8 +19,22 @@ <p class="bj-1-zt">1.鎻愰珮涓汉鍦ㄤ汉闄呮矡閫氳繃绋嬩腑鐨勮瑷�娓╁害銆�</p> <p class="bj-1-zt">2.鎻愬崌姘戣埅瀵瑰鏈嶅姟娌熼�氳繃绋嬩腑鐨勬晥鑳姐��</p> <p><br></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 == 'f3397edec7e58dc77e76ce434e66f096') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-01')" /> + </el-tooltip> + </p> + </div> <p><br></p> </div> </div> @@ -41,6 +55,8 @@ <p class="p-even block2">銆愬紑蹇冪儹鎯呫�戞偍濂斤紝娆㈣繋鐧绘満銆傛垜鏄湰娆¤埅鐝殑涔樺姟鍛橈紝寰堝紑蹇冧负鎮ㄦ湇鍔°��</p> <p class="p-even block2">銆愭棤绮炬墦閲囥�戞偍濂斤紝娆㈣繋鐧绘満銆傛垜鏄湰娆¤埅鐝殑涔樺姟鍛橈紝寰堝紑蹇冧负鎮ㄦ湇鍔°��</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> <p class="p-even"> 鍦ㄦ皯鑸湇鍔¤繃绋嬩腑锛岃瑷�鐨勮繍鐢ㄦ棦浣撶幇鏈嶅姟浜哄憳涓汉鐨勬按鍑嗭紝鍙堜唬琛ㄧ潃鑸┖鍏徃鐨勭簿绁為潰璨岋紝鐢氳嚦褰卞搷鐫�鏁翠釜涓浗姘戣埅涓氱殑鍙戝睍鍓嶆櫙銆傚彲浠ヨ璇█浜ら檯鐨勬垚璐ワ紝鐩存帴褰卞搷鐫�姘戣埅鏈嶅姟鐨勬垚璐ャ��</p> @@ -75,7 +91,11 @@ <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> <h3 id="c025"><span class="zt-h4 unit3-c">浜屻��</span><span class="qyls-h4 unit3-c">涓滆タ鏂瑰鍚嶅樊寮�</span></h3> <p class="p-odd"> @@ -190,6 +210,22 @@ <p class="p-even">濡傛灉鎮ㄧ幇鍦ㄦ殏鏃朵笉闇�瑕佺敤椁愶紝鎴戜滑灏嗗湪鎮ㄩ渶瑕佹椂鎻愪緵锛屽埌鏃惰鎮ㄦ寜鍛煎敜閾冿紝鎴戜滑灏嗛殢鏃朵负鎮ㄦ湇鍔°��</p> <p class="p-even">鎴戣繕鑳戒负锛堝府锛夋偍鍋氱偣浠�涔堝悧锛�</p> <p class="p-even">锛堣绋嶇瓑锛夋垜浼氬敖鍔涗负鎮ㄨВ鍐炽��</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" + 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 == '9908b7f1a3e2197b0d74ffefc42a3fd9') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-02')" /> + </el-tooltip> + </p> + </div> </div> </div> </div> @@ -238,12 +274,195 @@ <li class="header-left-text">姘戣埅鏈嶅姟鍩烘湰鎶�鑳斤紙绗� 2 鐗堬級</li> </ul> <div class="bodystyle"> - <p class="left p-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> - <p class="center p-even openImgBox"><img class="img-0" alt="" - src="../../assets/images/0085-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="3">浠诲姟鐩爣</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="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"> + 1.鑳藉浣跨敤绉拌皳瑙勮寖璇繘琛屽瀹㈡湇鍔°��<br />2.鑳藉璇嗗埆涓嫳鏂囧鍚嶇殑宸紓銆� + </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"> + 璇█琛ㄨ揪杩囩▼涓槸鍚﹀0鎯呭苟鑼�? + </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-even"><span class="bj2">鎷撳睍璁粌鈻�</span></p> <p class=" p-even">璇锋寜鐓ф湰浠诲姟鏁欐巿鐨勭煡璇嗚鐐癸紝鎾板啓鏃呭鐧绘満鍚庝箻鍔″憳骞挎挱璇嶏紝瑕佹眰鎺緸寰楀綋锛屽悎鐞嗗湴杩愮敤鏈嶅姟鐢ㄨ銆�</p> + <textarea v-model="questionData.teskOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea> <p class="left p-even"><span class="bj2">鑷垜璇勪环鈻�</span></p> + <textarea v-model="questionData.teskOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -260,9 +479,11 @@ <h2 id="b004" class="unit3-c">浠诲姟浜�<br />鎺屾彙绀艰矊鏈嶅姟鐢ㄨ</h2> <div class="task-u3-c"></div> <p class="left"><span class="bj2">浠诲姟鎻忚堪鈻�</span></p> - <p class="p-odd"> + <p class="p-odd block2"> 绀艰矊鐢ㄨ鏄皯鑸湇鍔′汉鍛樺悜鏃呭琛ㄧず鎰忔効銆佷氦娴佹�濇兂鎯呮劅鍜屾矡閫氫俊鎭殑閲嶈浜ら檯宸ュ叿锛屾槸涓�绉嶅鏃呭琛ㄧず鍙嬪ソ鍜屽皧鏁殑璇█銆傚湪鏈嶅姟杩囩▼涓紝瀹冨叿鏈変綋鐜扮ぜ璨屽拰鎻愪緵鏈嶅姟鐨勫弻閲嶇壒鎬э紝鏄皯鑸湇鍔′汉鍛樺畬鎴愬伐浣滅殑閲嶈鎵嬫銆� </p> + <textarea v-model="questionData.teskTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 block2 ma-9 textarea-box" @change="setBookQuestion"></textarea> <p class="left"><span class="bj2">鐭ヨ瘑鍑嗗鈻�</span></p> <h3 id="c029" class="p-odd"><span class="zt-h4 unit3-c">涓�銆�</span><span class="qyls-h4 unit3-c">绀艰矊鏈嶅姟鐢ㄨ鐨勫熀鏈壒鐐�</span></h3> @@ -287,6 +508,22 @@ <p class="p-even"> 闆呰鏄寚灏嗕竴浜涗笉渚跨洿瑷�鐨勪簨鐢ㄤ竴绉嶆瘮杈冨濠夈�佸惈钃勭殑鏂瑰紡琛ㄨ揪銆備緥濡傦紝鍦ㄦ帴寰呭瀹㈡椂锛岀敤鈥滃嚑浣嶁�濅唬鏇库�滃嚑涓汉鈥濓紝鐢ㄢ�滃摢涓�浣嶁�濅唬鏇库�滆皝鈥濓紝鐢ㄢ�滆吹濮撯�濅唬鏇库�滀綘濮撲粈涔堚�濓紝鐢ㄢ�滄垜鍘绘柟渚夸竴涓嬧�濅唬鏇库�滄垜鍘讳笂鍘曟墍鈥濓紝鐢ㄢ�滆繖浠惰。鏈嶄笉澶�傚悎鎮ㄢ�濅唬鏇库�滄偍绌胯繖浠惰。鏈嶅緢闅剧湅鈥濓紝鐢ㄢ�滃彂绂忊�濅唬鏇库�滃彂鑳栤�濓紝绛夌瓑銆傞泤璇殑浣跨敤涓嶆槸鏈烘鐨勩�佸浐瀹氱殑锛岄渶瑕佹牴鎹笉鍚屽満鍚堛�佷笉鍚屼汉鐗┿�佷笉鍚屾椂闂寸伒娲昏繍鐢ㄣ�� </p> + <div class="video-box"> + <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>瑙嗛锛氶」鐩笁 浠诲姟浜� </span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo02 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '6669e5cb8d28967e1f03a2f9e1700c19') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-03')" /> + </el-tooltip> + </p> + </div> <h4 id="d088" class="p-even">锛堜簩锛夎瑷�鐨勯瓒f��</h4> <p class="p-even">鍦ㄦ棩甯镐氦寰�涓紝鐢熷姩骞介粯鐨勮瑷�鑳藉璧峰埌娲昏穬姘旀皼銆佽瀺娲芥劅鎯呫�佹秷闄ら殧闃傘�佸杩涙矡閫氱殑浣滅敤銆傚繀瑕佹椂锛岃繕鑳芥秷闄ゅ按灏眬闈€��</p> <p class="p-even">鍦ㄦ皯鑸湇鍔$ぜ浠腑锛屽伐浣滀汉鍛樺湪鎺ュ緟鏃呭鏃讹紝璇█涓嶈兘鍛嗘澘锛屼笉瑕佹満姊板湴鍥炵瓟锛岃繖鏍峰鏄撲娇鏃呭鎰熻宸ヤ綔浜哄憳涓嶇儹鎯呫�佷笟鍔′笉鐔熸倝銆佽矗浠诲績涓嶅己銆�</p> @@ -325,10 +562,188 @@ <p class="td-0"><span class="bj5-xyx">璇惧爞鐮旇</span></p> </div> <p>绀艰矊鐢ㄨ鐨勫熀鏈壒鐐规湁鍝簺锛�</p> + <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea> </div> - <p class="left p-odd"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> - <p class="center openImgBox p-odd"><img class="img-0" alt="" src="../../assets/images/0088-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.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"> + 鎺屾彙鍦ㄥ瀹㈡湇鍔¤繃绋嬩腑濡備綍杩愮敤甯歌绀艰矊鐢ㄨ銆� + </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"> + 1.鎺屾彙甯歌绀艰矊鐢ㄨ鐨勭壒鐐瑰拰浣跨敤鎯呭銆�<br />2.鍦ㄥ瀹㈡湇鍔$殑杩囩▼涓兘姝g‘浣跨敤绀艰矊鐢ㄨ銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center w15">涓昏鍐呭</td> + <td class="ta-l w25" valign="top"> + 鈶犲彛杩版皯鑸瀹㈡湇鍔″父鐢ㄧぜ璨岀敤璇�� + </td> + <td class="ta-l" colspan="2" valign="top"> + 鈶$嫭绔嬭〃杩板瀹㈡湇鍔¤繃绋嬩腑锛屼笌鏃呭鍒濇瑙侀潰鐨勬湇鍔¤瘽鏈�� + </td> + <td class="ta-l w25" valign="top"> + 鈶㈣瘑鍒渚嬫儏澧冧腑涓嶈鑼冪殑琛ㄨ堪 + </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"> + 璇█琛ㄨ揪杩囩▼涓槸鍚﹀0鎯呭苟鑼�? + </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> @@ -343,7 +758,11 @@ <p class="left p-even"><span class="bj2">鎷撳睍璁粌鈻�</span></p> <p class="p-even">璇锋寜鐓ф湰浠诲姟鏁欐巿鐨勭煡璇嗚鐐癸紝浠ュ皬缁勪负鍗曚綅妯℃嫙绀艰矊鏈嶅姟鐢ㄨ搴旂敤鎯呮櫙锛岃姹傛帾杈炲緱褰擄紝鍚堢悊鍦拌繍鐢ㄦ湇鍔$敤璇��</p> <p class="p-even">妯℃嫙鎯呮櫙锛氱敱浜庣┖涓氦閫氱鍒讹紝鑸彮寤惰瓒呰繃30鍒嗛挓锛屾梾瀹㈠嚭鐜版姳鎬ㄦ儏缁紝浣滀负涔樺姟鍛橈紝浣犲浣曞鐞嗭紵</p> + <textarea v-model="questionData.teskTwo.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea> <p class="left p-even"><span class="bj2">鑷垜璇勪环鈻�</span></p> + <textarea v-model="questionData.teskTwo.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -351,6 +770,8 @@ </template> <script> +import { getResourcePath } from "@/assets/methods/resources"; +import { getCollectResource, setCollectResource } from "@/assets/methods/resources"; export default { name: "chapterThree", props: { @@ -358,6 +779,158 @@ type: Array, }, }, + data() { + return { + collectImg: require("../../assets/images/icon/heart.png"), + collectCheck: require("../../assets/images/icon/heart-check.png"), + videoPathOne: "", + videoPathTwo: "", + videoPathThree: "", + collectResourceList: [], + chapterData: { + isCollectVideo: false, + isCollectVideo01: false, + isCollectVideo02: false, + }, + questionData: { + teskOne: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + teskTwo: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + }, + }, + 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-chapter03"); + if (bookQuestion) { + this.questionData = JSON.parse(bookQuestion); + } + const bookTableData = localStorage.getItem("aviation-book-chapter03-tableData"); + if (bookTableData) { + this.tableData = JSON.parse(bookTableData); + } + + const choiceQuestion = localStorage.getItem("aviation-book-chapter03-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( + "f3397edec7e58dc77e76ce434e66f096" + ); + this.videoPathTwo = await getResourcePath( + "9908b7f1a3e2197b0d74ffefc42a3fd9" + ); + this.videoPathThree = await getResourcePath( + "6669e5cb8d28967e1f03a2f9e1700c19" + ); + }, + handleCollect(e) { + if (e == 'video-01') { + this.handleCollectResource("f3397edec7e58dc77e76ce434e66f096", "f3397edec7e58dc77e76ce434e66f096", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩笁 瀵煎叆') + this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo + } else if (e == 'video-02') { + this.handleCollectResource("9908b7f1a3e2197b0d74ffefc42a3fd9", "9908b7f1a3e2197b0d74ffefc42a3fd9", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩笁 浠诲姟1') + this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01 + } else if (e == 'video-03') { + this.handleCollectResource("6669e5cb8d28967e1f03a2f9e1700c19", "6669e5cb8d28967e1f03a2f9e1700c19", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩笁 浠诲姟浜�') + this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02 + } + 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-chapter03-Data", + JSON.stringify(this.chapterData) + ); + }, + + + setBookQuestion() { + localStorage.setItem( + "aviation-book-chapter03", + JSON.stringify(this.questionData) + ); + }, + setBookTableData() { + localStorage.setItem( + "aviation-book-chapter03-tableData", + JSON.stringify(this.tableData) + ); + } + }, } </script> -- Gitblit v1.9.1