From a31c8c9d7df2883b38871819239ec914c6e5ae0c Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 23 十二月 2024 11:55:58 +0800 Subject: [PATCH] 民航服务基本技能视频资源插入 --- src/books/aviationBasicSkills/view/components/chapter005.vue | 945 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 935 insertions(+), 10 deletions(-) diff --git a/src/books/aviationBasicSkills/view/components/chapter005.vue b/src/books/aviationBasicSkills/view/components/chapter005.vue index cf01ab4..2e02129 100644 --- a/src/books/aviationBasicSkills/view/components/chapter005.vue +++ b/src/books/aviationBasicSkills/view/components/chapter005.vue @@ -22,7 +22,22 @@ <p class="bj-1-zt">2.鍩瑰吇韪忓疄鑲共銆佸嫟濂嬪ソ瀛︺�佷笂涓嬭仈鍔ㄣ�佺Н鏋佹矡閫氱殑鑱屼笟绱犲吇銆�</p> <p class="bj-1-zt">3.鍏绘垚涓ヨ皑鍔″疄銆佸紑鎷撳垱鏂般�佺湡鎯呭疄鎰忋�佷互浜轰负鏈殑鑱屼笟鎬佸害銆�</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>瑙嗛锛氶」鐩簲 瀵煎叆_1 </span> + <el-tooltip class="item" effect="dark" + :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" placement="top-start"> + <img :src="collectResourceList.findIndex(item => item.id == '665da7513bb7123d5bae84feae3cd6d6') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-01')" /> + </el-tooltip> + </p> + </div> <p><br></p> </div> </div> @@ -42,6 +57,8 @@ <p class="block2 p-even"> 澶忓悓瀛︿綔涓轰竴鍚嶅垰鎺ヨЕ姘戣埅鏈嶅姟鍩虹鐭ヨ瘑鐨勬柊鐢燂紝瀵规皯鑸繍杈撲腑鍚勭宀椾綅閮芥湁浜嗕竴瀹氱殑浜嗚В锛屽叾涓渶鎰熷叴瓒g殑灏辨槸鍊兼満鏈嶅姟鐩稿叧宀椾綅銆傚ス瀵瑰�兼満鐩稿叧鐭ヨ瘑杩樻瘮杈冩ā绯婏紝闇�瑕佹垜浠竴璧峰府鍔╁ス鍘讳簡瑙e�兼満鏈嶅姟銆傞偅涔堜粈涔堟槸鍊兼満锛熷�兼満鍦ㄦ皯鑸梾瀹㈣繍杈撴湇鍔′腑鎵紨浜嗕粈涔堟牱鐨勮鑹插憿锛� </p> + <textarea v-model="questionData.teskOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea> <p class="left p-even"><span class="bj2">鐭ヨ瘑鍑嗗鈻�</span></p> <p class=" p-even">鍊兼満鏈嶅姟鏄満鍦烘湇鍔$殑閲嶈鐜妭锛屼篃鏄梾瀹箻鏈虹殑蹇呰姝ラ銆傛湰浠诲姟灏嗗畬鏁翠粙缁嶅�兼満鏈嶅姟鐨勬蹇点�佸�兼満鐨勭绫荤瓑涓撲笟鐭ヨ瘑銆傛帴涓嬫潵璁╂垜浠蛋杩涙皯鑸�兼満鏈嶅姟銆�</p> <h3 id="c036" class="p-even"><span class="zt-h4">涓�銆�</span><span class="qyls-h4">鍊兼満鏈嶅姟姒傝堪</span></h3> @@ -124,7 +141,7 @@ <p class="td-0"><span class="bj6-xyx">灏忚创澹柤</span></p> </div> <p class="block"><span class="zt-cs">鈻跺�兼満</span></p> - <p>鈥滃�兼満鈥濅竴璇嶆潵婧愪簬閰掑簵鏈嶅姟涓殑鍓嶅彴鐧昏鍏ヤ綇check in锛岃埅绌烘湇鍔″皢杩欎竴璇嶅紩鐢ㄤ负鍊兼満锛屽嵆涓烘梾瀹㈠姙鐞嗙櫥鏈烘墜缁��</p> + <p class="block">鈥滃�兼満鈥濅竴璇嶆潵婧愪簬閰掑簵鏈嶅姟涓殑鍓嶅彴鐧昏鍏ヤ綇check in锛岃埅绌烘湇鍔″皢杩欎竴璇嶅紩鐢ㄤ负鍊兼満锛屽嵆涓烘梾瀹㈠姙鐞嗙櫥鏈烘墜缁��</p> </div> <h3 id="c037" class="p-even"><span class="zt-h4 unit5-c">浜屻��</span><span class="qyls-h4 unit5-c">鍊兼満鐨勭绫�</span></h3> @@ -160,14 +177,65 @@ <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 == 'd54fca9b232c021dbd52762af605c926') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-02')" /> + </el-tooltip> + </p> + </div> <div class="bj5 mr-9"> <div class="bj5-xyx"> <p class="td-0"><span class="bj5-xyx">璇惧爞鐮旇</span></p> </div> <p>浠庢梾瀹€�佽埅绌哄叕鍙搞�佹満鍦轰笁涓笉鍚岃搴﹀嚭鍙戯紝璁ㄨ鑷姪鍊兼満鏈夊摢浜涗紭缂虹偣銆�</p> + <textarea v-model="questionData.teskOne.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 p-odd"><img class="img-0" alt="" src="../../assets/images/0122-1.jpg" /></p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9"> + <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> + </table> </div> </div> </div> @@ -179,11 +247,176 @@ <li class="header-left-text">姘戣埅鏈嶅姟鍩烘湰鎶�鑳斤紙绗� 2 鐗堬級</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 ml-9"> + + <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> + <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"> + 鈶犵悊瑙e�兼満鏈嶅姟鐨勯噸瑕佹�с�� + </td> + <td class="ta-l w20" valign="top"> + 鈶℃帉鎻″�兼満鐨勭绫汇�� + </td> + <td class="ta-l w20" valign="top"> + 鈶㈣繘琛屽�兼満鏈嶅姟鍐呭甯傚満璋冪爺銆� + </td> + <td class="ta-l w20" valign="top"> + 鈶f牳楠屽�兼満绉嶇被鏈夋棤鍙樺寲銆� + </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-even"><span class="bj2">鎷撳睍璁粌鈻�</span></p> <p class="p-even">1.鍊兼満鐨勬蹇垫槸浠�涔堬紵</p> + <textarea v-model="questionData.teskOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea> <p class="p-even">2.鍊兼満鏈嶅姟鐨勯噸瑕佹�т綋鐜板湪鍝簺鏂归潰锛�</p> + <textarea v-model="questionData.teskOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea> <p class="p-even">3.鍊兼満鐨勭绫绘湁鍝簺锛�</p> + <textarea v-model="questionData.teskOne.five" 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.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -203,6 +436,8 @@ <p class="p-odd block2"> 浣熷コ澹綔涓轰竴鍚嶅垰鍏ヨ亴鏌愯埅绌哄叕鍙哥殑鍊兼満鏈嶅姟宸ヤ綔浜哄憳锛屾槑澶╁氨瑕佽窡宀楀涔犱簡銆傚ス灏嗚窡鐫�鑷繁鐨勫笀鍌呭幓浜嗚В鍊兼満宀椾綅涓婂悇椤瑰伐浣滃唴瀹癸紝浠ヤ究鏈夋俯搴︺�佹湁鐪熸儏鍦板府鍔╂梾瀹㈠拰鍗忚皟鍚勯儴闂ㄥ畬鎴愬悇绫诲�兼満鍑嗗宸ヤ綔銆傛満鍦轰竴鑸缃簡鍝簺涓嶅悓鐨勫�兼満宀椾綅锛岃繖浜涘矖浣嶇殑宸ヤ綔娴佺▼鏄粈涔堝憿锛� </p> + <textarea v-model="questionData.teskTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 mr-9 block2 textarea-box" @change="setBookQuestion"></textarea> <p class="left p-odd"><span class="bj2">鐭ヨ瘑鍑嗗鈻�</span></p> <h3 id="c038"><span class="zt-h4 unit5-c">涓�銆�</span><span class="qyls-h4 unit5-c">鍊兼満鏈嶅姟宸ヤ綔宀椾綅璁剧疆</span> </h3> @@ -301,6 +536,22 @@ </p> <h4 id="d126" class="p-even">锛堜簩锛夊姙鐞嗕箻鏈烘墜缁�</h4> <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 == '42a9fba9050e235ec7511ba0c4b2c0b4') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-03')" /> + </el-tooltip> + </p> + </div> <h4 id="d127" class="p-even">锛堜笁锛夌粨绠楁姤杞�</h4> <p class="p-even">鈶犺埅鐝叧闂悗锛岃繘琛屼袱澶嶆牳銆傚氨鏄煡鐪嬬櫥鏈虹墝鍙戞斁鏁颁笌绂绘腐绯荤粺鍔炵悊鐨勪汉鏁版槸鍚﹀畬鍏ㄤ竴鑷达紝濡傛灉涓嶄竴鑷达紝瑕佺珛鍗虫煡鎵惧師鍥犮��</p> <p class="p-even">鈶′笌瑁呭嵏闃熸牳瀵硅鏉庝欢鏁板拰璐ㄩ噺锛屽姙鐞嗕氦鎺ユ墜缁��</p> @@ -376,9 +627,143 @@ <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-even"><span class="bj2">浠诲姟宸ュ崟鈻�</span></p> - <p class="center p-even"><img class="img-0" alt="" src="../../assets/images/0129-1.jpg" /></p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9"> + <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="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> + <tr class="table-tr-bc"> + <td class="center">浠诲姟閲嶇偣</td> + <td class="ta-l" colspan="4"> + 1.鎺屾彙鍚勫�兼満宀椾綅鐨勫伐浣滃唴瀹瑰拰鑱岃矗銆�<br />2.鎺屾彙濮嬪彂绔欏�兼満宸ヤ綔娴佺▼銆�<br />3.鎺屾彙缁忓仠绔欏�兼満宸ヤ綔娴佺▼銆�<br />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.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> + </table> </div> </div> @@ -393,12 +778,88 @@ <li class="headerNumber">117</li> </ul> <div class="bodystyle"> + <p class="continued fz-14 p-odd">缁〃</p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9"> + <tr class="table-tr-bc"> + <td class="center w15">瀹屾垚纭</td> + <td class="center w20">搴忓彿</td> + <td class="center" colspan="2">妫�鏌ヤ簨椤�</td> + <td class="center w20">缁勯暱绛惧瓧</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> <p class="left p-odd"><span class="bj2">鎷撳睍璁粌鈻�</span></p> <p class="p-odd">1.鍊兼満鏌滃彴鍒嗕负鍝嚑绉嶏紵</p> - <p class="p-odd">2.鎵樿繍琛屾潕鐨勮川閲忔瘡浠朵笉鑳借秴杩嘷___鍗冨厠锛屼綋绉瘡浠朵笉鑳借秴杩嘷___鍘樼背锛岃嫢瓒呰繃闇�瑕佸幓__________鍔炵悊鍊兼満鎵嬬画銆�</p> - <p class="p-odd">3.鑸彮鍏抽棴涓ゅ鏍革紝灏辨槸鏌ョ湅_____________涓巁_____________銆�</p> + <textarea v-model="questionData.teskTwo.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 mr-9 textarea-box-right" @change="setBookQuestion"></textarea> + <p class="p-odd">2.鎵樿繍琛屾潕鐨勮川閲忔瘡浠朵笉鑳借秴杩�<input v-model="questionData.teskTwo.four" + class="input-bottom-border fz-14" @change="setBookQuestion" />鍗冨厠锛屼綋绉瘡浠朵笉鑳借秴杩�<input + v-model="questionData.teskTwo.five" class="input-bottom-border fz-14" + @change="setBookQuestion" />鍘樼背锛岃嫢瓒呰繃闇�瑕佸幓<input v-model="questionData.teskTwo.six" + class="input-bottom-border fz-14" @change="setBookQuestion" />鍔炵悊鍊兼満鎵嬬画銆�</p> + <p class="p-odd">3.鑸彮鍏抽棴涓ゅ鏍革紝灏辨槸鏌ョ湅<input v-model="questionData.teskTwo.seven" + class="input-bottom-border fz-14" @change="setBookQuestion" />涓�<input + v-model="questionData.teskTwo.eight" class="input-bottom-border fz-14" + @change="setBookQuestion" />銆�</p> <p class="p-odd">4.绠�杩拌埅绋嬩笉鍚岄樁娈电殑鍊兼満宸ヤ綔娴佺▼銆�</p> + <textarea v-model="questionData.teskTwo.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea> <p class="left p-odd"><span class="bj2">鑷垜璇勪环鈻�</span></p> + <textarea v-model="questionData.teskTwo.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -413,11 +874,13 @@ <h2 id="b004" class="unit5-c p-even">浠诲姟涓�<br />涔樻満鎵嬬画鍔炵悊</h2> <div class="task-u5-c ma-l"></div> <p class="left p-even"><span class="bj2">浠诲姟鎻忚堪鈻�</span></p> - <p class=" p-even"> + <p class=" p-even block2"> 閭卞コ澹噯澶囦箻鍧愭煇鑸彮浠庝笂娴烽寰�鍖椾含锛岃繖鏄ス绗竴娆′箻鍧愰鏈哄嚭琛屻�傚ス鍦ㄧ綉涓婃煡浜嗗緢澶氫俊鎭紝濡傚嚭琛屽簲璇ユ敞鎰忎簺浠�涔堬紝鐒跺悗璇︾粏璁板綍涓嬫潵銆傚洜涓虹涓�娆″潗椋炴満锛屽ス闈炲父鎯冲潗闈犵獥鐨勪綅缃�備絾鏄埌浜嗘満鍦轰箣鍚庯紝鍊兼満鍛樺憡鐭ラ偙濂冲+鎵�鏈夐潬绐椾綅缃凡琚�夋嫨瀹屾瘯锛岄偙濂冲+寰堥仐鎲炬病鏈夐�夊埌鑷繁蹇冧华鐨勫骇浣嶃�傚湪鎵撳嵃鐧绘満鐗岀殑鏃跺�欙紝宸ヤ綔浜哄憳鍙戠幇閭卞コ澹殑韬唤璇佽繃鏈熶簡锛屾病鍔炴硶鐩存帴鍔炵悊涔樻満鎵嬬画銆傞�氳繃宸ヤ綔浜哄憳鐨勫府鍔╋紝閭卞コ澹湁鎯婃棤闄╁湴鍑鸿浜嗐�傚湪鍔炵悊涔樻満鎵嬬画鏃讹紝鎴戜滑涓昏搴旀敞鎰忎簺浠�涔堬紵宸ヤ綔浜哄憳涓昏璐熻矗瀹屾垚鍝簺宸ヤ綔鍐呭锛� </p> + <textarea v-model="questionData.teskThree.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea> <p class="left p-even"><span class="bj2">鐭ヨ瘑鍑嗗鈻�</span></p> - <h3 id="c042" class=" p-even"><span class="zt-h4">涓�</span><span class="qyls-h4">鍔炵悊涔樻満鎵嬬画鐨勬椂闂磋瀹�</span> + <h3 id="c042" class=" p-even"><span class="zt-h4">涓�銆�</span><span class="qyls-h4">鍔炵悊涔樻満鎵嬬画鐨勬椂闂磋瀹�</span> </h3> <p class=" p-even">鏃呭搴旀寜鎵胯繍浜虹殑瑕佹眰锛屾彁鍓嶄竴瀹氭椂闂村埌鏈哄満鍔炵悊涔樻満鎵嬬画銆傛彁鍓嶅姙涔樻満鎵嬬画鐨勬椂闂存湁浠ヤ笅瑙勫畾銆�</p> <p class=" p-even">鈶�200锛堝惈锛変釜浠ヤ笂搴т綅鐨勫鏈哄湪绂荤珯鏃堕棿鍓�120鍒嗛挓寮�濮嬪姙鐞嗘墜缁紝鍦ㄧ绔欐椂闂村墠30鍒嗛挓鍋滄鍔炵悊鎵嬬画銆�</p> @@ -523,6 +986,22 @@ <p class="p-odd">鈶㈡鏌ヨ鏉庣殑鍖呰銆佷綋绉�佽川閲忔槸鍚︾鍚堣姹傘��</p> <p class="p-odd">鈶h鏉庣О閲嶏紝涓庡厤璐硅鏉庨姣旇緝锛屽喅瀹氭槸鍚︽敹璐癸紝骞跺搴旇鏀惰垂鐨勬敹鍙栭�鹃噸琛屾潕璐广��</p> </span> + <div class="video-box-left"> + <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 == 'e30cc3eb8514972b784bcfcacb82d26f') > -1 ? collectCheck : collectImg" + alt="" class="collect-btn" @click="handleCollect('video-04')" /> + </el-tooltip> + </p> + </div> <h3 id="c047" class="p-odd"><span class="zt-h4">鍏��</span><span class="qyls-h4">鎶ヨ浇</span></h3> <p class="p-odd"> 鈶犲�兼満鍛樹负鏃呭鍔炵悊瀹屽�兼満涓氬姟銆佸叧闂湰娆¤埅鐝悗锛屽簲缁熻鍙戞斁鐧绘満鐗岀殑鏁伴噺锛屽苟涓庣娓郴缁熶腑鐨勪汉鏁般�佽鏉庝欢鏁般�佽鏉庤川閲忚繘琛屾牳瀵癸紝鐢ㄥ璁叉満涓庤鏉庢埧鏍稿琛屾潕浠舵暟銆傚鏋滆揣杩愭敹杩愪簡鍥㈤槦琛屾潕锛屽簲灏嗕欢鏁板拰璐ㄩ噺閫氱煡璇ヨ埅鐝�兼満鍛橈紝鍊兼満鍛樺簲鍙婃椂灏嗚鏉庝欢鏁般�佽川閲忓姞鍏ョ娓绠楁満绯荤粺涓紝浠ヤ究閰嶈浇鍛橀厤杞戒互鍙婃牳瀵广�� @@ -613,9 +1092,127 @@ </div> <p>濡傛灉鏃呭涔樺潗鐨勮埅鐝湪璧烽鍓�45鍒嗛挓鍋滄浜嗕箻鏈烘墜缁殑鍔炵悊锛屼絾鏄捣椋炲墠鍗婂皬鏃剁獊鐒舵帴鍒版満鍦烘祦閲忕鎺х殑閫氱煡锛岄鏈鸿捣椋炴椂闂村欢璇紝寤惰鏃堕棿涓嶅畾锛岃鍒嗙粍璁ㄨ鏈姙鐞嗕箻鏈烘墜缁殑鏅氬埌鏃呭鏄惁鑳借刀涓婅繖瓒熻埅鐝紵 </p> + <textarea v-model="questionData.teskThree.two" 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"><img class="img-0" alt="" src="../../assets/images/0137-1.jpg" /></p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9"> + <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.teskTableThree.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.teskTableThree.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="5">浠诲姟鐩爣</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="4" 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> + <tr class="table-tr-bc"> + <td class="ta-l" colspan="3"> + 4.鑳藉瀹屾垚鎶ヨ浇鍙婄壒娈婂�兼満鎯呭喌澶勭悊宸ヤ綔銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center">浠诲姟閲嶇偣</td> + <td class="ta-l" colspan="4"> + 1.鐗㈣鍊兼満鍛樿鏈夌殑璐d换鍜屾媴褰撱��<br />2.鑳藉涓烘梾瀹㈤�夋嫨鍚堥�傜殑搴т綅銆�<br />3.鑳藉涓烘梾瀹㈠姙鐞嗚鏉庢墭杩愩��<br />4.鑳藉瀹屾垚鎶ヨ浇鍙婄壒娈婂�兼満鎯呭喌澶勭悊宸ヤ綔銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center w15" rowspan="2">涓昏鍐呭</td> + <td class="ta-l w20" valign="top"> + 鈶犵悊瑙d箻鏈烘墜缁姙鐞嗗伐浣滆姹傘�� + </td> + <td class="ta-l w20" valign="top"> + 鈶′负鏃呭鎻愪緵閫夊骇鏈嶅姟銆� + </td> + <td class="ta-l w20" valign="top"> + 鈶负鏃呭鎵撳嵃鐧绘満鐗屻�� + </td> + <td class="ta-l w20" valign="top"> + 鈶d负鏃呭鍔炵悊琛屾潕鎵樿繍銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l "> + 鈶や负鏃呭鎷存寕琛屾潕鏉″苟杩涜瀹夊叏鎻愮ず銆� + </td> + <td class="ta-l "> + 鈶ュ畬鎴愭姤杞藉伐浣溿�� + </td> + <td class="ta-l" colspan="2"> + 鈶﹀畬鎴愮壒娈婂�兼満鎯呭喌澶勭悊宸ヤ綔銆� + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center" colspan="">浠诲姟闅惧害</td> + <td class="center"> + <input value="a" type="radio" v-model="tableData.teskTableThree.twelve" + @change="setBookTableData" /> + 绠�鍗� + </td> + <td class="center"> + <input value="b" type="radio" v-model="tableData.teskTableThree.twelve" + @change="setBookTableData" /> + 涓�鑸� + </td> + <td class="center"> + <input value="c" type="radio" v-model="tableData.teskTableThree.twelve" + @change="setBookTableData" /> + 鍋忛毦 + </td> + <td class="center"> + <input value="d" type="radio" v-model="tableData.teskTableThree.twelve" + @change="setBookTableData" /> + 鍥伴毦 + </td> + </tr> + </table> </div> </div> </div> @@ -629,12 +1226,146 @@ <li class="headerNumber">125-126</li> </ul> <div class="bodystyle"> + <p class="continued fz-14 p-odd">缁〃</p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9"> + <tr class="table-tr-bc"> + <td class="center w15">瀹屾垚纭</td> + <td class="center w20">搴忓彿</td> + <td class="center" colspan="2">妫�鏌ヤ簨椤�</td> + <td class="center w15">缁勯暱绛惧瓧</td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableThree.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.teskTableThree.four" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableThree.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.teskTableThree.six" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableThree.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.teskTableThree.eight" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableThree.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.teskTableThree.ten" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableThree.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.teskTableThree.thirteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableThree.fourteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">6</td> + <td class="ta-l" colspan="2"> + 鑳藉惁鍦ㄨ瀹氱殑鏃堕棿鍐呭畬鎴愭姤杞藉伐浣�? + </td> + <td class="center"> + <input v-model="tableData.teskTableThree.fifteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableThree.sixteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">7</td> + <td class="ta-l" colspan="2"> + 鑳藉惁澶勭悊鐗规畩鐨勫�兼満鎯呭喌? + </td> + <td class="center"> + <input v-model="tableData.teskTableThree.seventeen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center"> + <input v-model="tableData.teskTableThree.eighteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">8</td> + <td class="ta-l" colspan="2"> + 鏄惁杈惧埌瀛︿範瑕佹眰? + </td> + <td class="center"> + <input v-model="tableData.teskTableThree.nineteen" 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.teskTableThree.twelve" 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">鎯呭锛氶檲鍏堢敓涓鸿嚜宸卞拰濡诲瓙浠ュ強9宀佺殑濂冲効璐拱浜嗕粠鎴愰兘椋炲線骞垮窞鐨勬満绁紝鍑嗗鍘诲箍宸炴父鐜┿�傜敱浜庢槸瀹跺涵鏃呰锛岃鏉庤緝澶氾紝濂冲効绗竴娆″潗椋炴満锛屼笖闄堝厛鐢熼潪甯稿鎬曚笉鑳介『鍒╁畬鎴愪箻鏈烘墜缁殑鍔炵悊銆�</p> + <p class="p-odd"> + 鎯呭锛氶檲鍏堢敓涓鸿嚜宸卞拰濡诲瓙浠ュ強9宀佺殑濂冲効璐拱浜嗕粠鎴愰兘椋炲線骞垮窞鐨勬満绁紝鍑嗗鍘诲箍宸炴父鐜┿�傜敱浜庢槸瀹跺涵鏃呰锛岃鏉庤緝澶氾紝濂冲効绗竴娆″潗椋炴満锛屼笖闄堝厛鐢熼潪甯稿鎬曚笉鑳介『鍒╁畬鎴愪箻鏈烘墜缁殑鍔炵悊銆�</p> <p class="p-odd">鏍规嵁涓婅堪鎯呭锛屽垎灏忕粍閲囩敤瑙掕壊鎵紨娉曞畬鎴愭娆′箻鏈烘墜缁姙鐞嗙殑妯℃嫙婕旂粌銆�</p> <p class="p-odd">锛�1锛夊皢鍏ㄧ彮鍚屽鍒嗘垚鑻ュ共缁勶紝姣忕粍5锝�8浜恒��</p> <p class="p-odd">锛�2锛夋瘡缁勬垚鍛橀�夊畾瑙掕壊锛屼娇鐢ㄧ櫥鏈虹墝銆佽鏉庣鍜岃鏉庢潯绛夊紑灞曚箻鏈烘墜缁殑鍔炵悊娲诲姩銆�</p> <p class="left p-oddd"><span class="bj2">鑷垜璇勪环鈻�</span></p> + <textarea v-model="questionData.teskThree.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-16 mr-9 textarea-box" @change="setBookQuestion"></textarea> </div> </div> </div> @@ -645,6 +1376,8 @@ </template> <script> +import { getResourcePath } from "@/assets/methods/resources"; +import { getCollectResource, setCollectResource } from "@/assets/methods/resources"; export default { name: "chapterFive", props: { @@ -652,6 +1385,198 @@ type: Array, }, }, + data() { + return { + collectImg: require("../../assets/images/icon/heart.png"), + collectCheck: require("../../assets/images/icon/heart-check.png"), + videoPathOne: "", + videoPathTwo: "", + videoPathThree: "", + videoPathFour: "", + collectResourceList: [], + chapterData: { + isCollectVideo: false, + isCollectVideo01: false, + isCollectVideo02: false, + isCollectVideo03: false, + }, + questionData: { + teskOne: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + }, + teskTwo: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + }, + teskThree: { + 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: "", + }, + teskTableThree: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + thirteen: "", + fourteen: "", + fifteen: "", + sixteen: "", + seventeen: "", + eighteen: "", + nineteen: "", + twenty: "", + }, + }, + }; + }, + async mounted() { + const bookQuestion = localStorage.getItem("aviation-book-chapter05"); + if (bookQuestion) { + this.questionData = JSON.parse(bookQuestion); + } + const bookTableData = localStorage.getItem("aviation-book-chapter05-tableData"); + if (bookTableData) { + this.tableData = JSON.parse(bookTableData); + } + + const choiceQuestion = localStorage.getItem("aviation-book-chapter05-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( + "665da7513bb7123d5bae84feae3cd6d6" + ); + this.videoPathTwo = await getResourcePath( + "d54fca9b232c021dbd52762af605c926" + ); + this.videoPathThree = await getResourcePath( + "42a9fba9050e235ec7511ba0c4b2c0b4" + ); + this.videoPathFour = await getResourcePath( + "e30cc3eb8514972b784bcfcacb82d26f" + ); + }, + handleCollect(e) { + if (e == 'video-01') { + this.handleCollectResource("665da7513bb7123d5bae84feae3cd6d6", "665da7513bb7123d5bae84feae3cd6d6", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩簲 瀵煎叆_1') + this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo + } else if (e == 'video-02') { + this.handleCollectResource("d54fca9b232c021dbd52762af605c926", "d54fca9b232c021dbd52762af605c926", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩簲 浠诲姟1') + this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01 + } else if (e == 'video-03') { + this.handleCollectResource("42a9fba9050e235ec7511ba0c4b2c0b4", "42a9fba9050e235ec7511ba0c4b2c0b4", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩簲 浠诲姟浜�') + this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02 + } else if (e == 'video-04') { + this.handleCollectResource("e30cc3eb8514972b784bcfcacb82d26f", "e30cc3eb8514972b784bcfcacb82d26f", '', "瑙嗛", "bits", '瑙嗛锛氶」鐩簲 浠诲姟涓塤1') + this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03 + } + 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-chapter05-Data", + JSON.stringify(this.chapterData) + ); + }, + setBookQuestion() { + localStorage.setItem( + "aviation-book-chapter05", + JSON.stringify(this.questionData) + ); + }, + setBookTableData() { + localStorage.setItem( + "aviation-book-chapter05-tableData", + JSON.stringify(this.tableData) + ); + } + }, } </script> -- Gitblit v1.9.1