From 8d1b3ab8d78cdcdd745f931ae6a8cf68173cfe69 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期五, 27 十二月 2024 11:41:49 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/aviationSafety/view/components/chapter007.vue | 961 +++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 807 insertions(+), 154 deletions(-) diff --git a/src/books/aviationSafety/view/components/chapter007.vue b/src/books/aviationSafety/view/components/chapter007.vue index 05200cb..71e1c1e 100644 --- a/src/books/aviationSafety/view/components/chapter007.vue +++ b/src/books/aviationSafety/view/components/chapter007.vue @@ -402,16 +402,16 @@ @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.three" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecial.three" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.four" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecial.four" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.five" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecial.five" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> <input v-model="tableData.teskTableSpecial.six" class="table-input-border fz-14" @@ -420,28 +420,28 @@ </tr> <tr class="table-tr-bc"> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.seven" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecial.seven" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.eight" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecial.eight" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.nine" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecial.nine" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.eleven" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecial.eleven" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.twelve" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecial.twelve" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> <tr class="table-th-bc"> @@ -450,128 +450,128 @@ @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.two" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.two" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.three" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.three" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.four" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.four" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.five" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.five" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.six" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.six" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> <tr class="table-tr-bc"> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.seven" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.seven" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.eight" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.eight" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.nine" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.nine" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.ten" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.eleven" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.eleven" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialOne.twelve" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialOne.twelve" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> <tr class="table-th-bc"> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.one" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.one" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.two" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.two" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.three" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.three" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.four" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.four" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.five" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.five" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.six" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.six" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> <tr class="table-tr-bc"> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.seven" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.seven" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.eight" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.eight" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.nine" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.nine" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.ten" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.eleven" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.eleven" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialTwo.twelve" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialTwo.twelve" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> <tr class="table-th-bc"> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialThree.one" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialThree.one" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialThree.two" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialThree.two" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialThree.three" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialThree.three" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialThree.four" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialThree.four" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialThree.five" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialThree.five" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecialThree.six" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialThree.six" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> </table> @@ -602,78 +602,95 @@ <td class="center">璐х墿鍝佸悕</td> <td class="center">鍏枻</td> <td class="center">浠舵暟</td> - <td class="center">鑸崗澶�</td> <td class="center">鐩殑鍦�</td> <td class="center">杩愯緭鏉′欢<br>閴村畾涔�</td> <td class="center">鑸┖鍏徃鍚�<br>鎰忚繍杈撹瘉鏄�</td> </tr> + <tr class="table-tr-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialThree.seven" + class="table-input-border fz-14" @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialThree.eight" + class="table-input-border fz-14" @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialThree.nine" + class="table-input-border fz-14" @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialThree.ten" + class="table-input-border fz-14" @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialThree.eleven" + class="table-input-border fz-14" @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialThree.twelve" + class="table-input-border fz-14" @change="setBookTableData" /> + </td> + </tr> <tr class="table-th-bc"> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.one" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.two" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.three" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.four" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.five" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> - </td> - <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.six" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> <tr class="table-tr-bc"> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.seven" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.eight" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.nine" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.ten" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.eleven" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> - </td> - <td class="ta-l"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.twelve" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> <tr class="table-th-bc"> - <td class="ta-l" colspan="7"> + <td class="ta-l" colspan="6"> 鑸┖璐х墿鎵樿繍浜哄0鏄�:鑸┖璐х墿鐢虫姤鍐呭鐪熷疄鍑嗙‘锛屼笌瀹為檯璐х墿鐩哥锛屾効鎵挎媴涓�鍒囧洜璇ヨ揣鐗╀骇鐢熺殑鍚庢灉鍜屾硶寰嬭矗浠汇�� </td> </tr> <tr class="table-tr-bc"> - <td class="ta-l" colspan="7"> + <td class="ta-l" colspan="6"> 鑸┖璐ц繍閿�鍞唬鐞嗕汉澹版槑:宸叉寜鐓с�婁腑鍗庝汉姘戝叡鍜屽浗鍙嶆亹鎬栦富涔夋硶銆嬭瀹氭煡楠屾墭杩愪汉韬唤锛屽苟瀵硅埅绌鸿揣鐗╄繘琛屽畨鍏ㄦ鏌ユ垨鑰呭紑灏侀獙瑙嗭紝鐢虫姤鍐呭涓庡疄闄呰揣鐗╃浉绗︼紝骞跺瀹㈡埛韬唤銆佺墿鍝佷俊鎭繘琛岀櫥璁帮紝鎰挎壙鎷呬竴鍒囧洜璇ヨ揣鐗╀骇鐢熺殑鍚庢灉鍜屾硶寰嬭矗浠汇�� </td> </tr> @@ -682,20 +699,172 @@ 鑸┖璐х墿鎵樿繍浜虹绔� </td> <td class="ta-l" colspan="2"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <input v-model="tableData.teskTableSpecialFour.thirteen" + class="table-input-border fz-14" @change="setBookTableData" /> </td> <td class="center" colspan="1"> 鑸┖璐ц繍閿�鍞唬鐞嗕汉绛剧珷 </td> - <td class="ta-l" colspan="3"> - <input v-model="tableData.teskTableSpecial.ten" class="table-input-border fz-14" - @change="setBookTableData" /> + <td class="ta-l" colspan="2"> + <input v-model="tableData.teskTableSpecialFour.fourteen" + class="table-input-border fz-14" @change="setBookTableData" /> </td> </tr> </table> </div> </div> + <p>浠ヤ笅鐢卞畨妫�鍛樺~鍐欍��</p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0"> + <tr class="table-th-bc"> + <td class="center" rowspan="2">鎵樿繍浜烘垨鑸┖璐ц繍閿�鍞唬鐞嗕汉淇$敤鎯呭喌</td> + <td class="center" rowspan="2"> + <input v-model="tableData.teskTableThree.one" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center"> + 瀹夊叏妫�鏌ュ紑濮嬫椂闂� + </td> + <td class="center"> + <input v-model="tableData.teskTableThree.two" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center" rowspan="2">瀹夊叏妫�鏌ョ粨璁�</td> + <td class="center" rowspan="2"> <input v-model="tableData.teskTableThree.three" + class="table-input-border fz-14" @change="setBookTableData" /></td> + </tr> + <tr class="table-th-bc"> + <td class="center ">瀹夊叏妫�鏌ョ粨鏉熸椂闂�</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">瀹夊叏妫�鏌ラ�氶亾</td> + <td class="center"> <input v-model="tableData.teskTableThree.five" + class="table-input-border fz-14" @change="setBookTableData" />鍙�</td> + <td class="center"> + 璐ч偖蹇欢瀹夋璁惧鎿嶄綔鍛� + </td> + <td class="center"> + <input v-model="tableData.teskTableThree.six" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">寮�绠辨鏌ュ憳</td> + <td class="center"> + <input v-model="tableData.teskTableThree.seven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-th-bc"> + <td class="center">瀹夋鍕ゅ姟璋冨害鍛�</td> + <td class="center" colspan="2"> + <input v-model="tableData.teskTableThree.eight" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center"> + 鍗曟嵁瀹℃牳鍛� + </td> + <td class="center" colspan="2"> + <input v-model="tableData.teskTableThree.nine" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center">宸叉璐х墿鎶芥鍛�</td> + <td class="center" colspan="2"> + <input v-model="tableData.teskTableThree.ten" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center"> + 宸叉璐х墿鎶芥鎯呭喌 + </td> + <td class="center" colspan="2"> + <input v-model="tableData.teskTableThree.eleven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + </table> + <p class="fz-14 center" style="color: #8091BC;">鑸┖閭欢瀹夋鐢虫姤娓呭崟锛堢ず渚嬶級</p> + <p> + <span>鑸┖閭欢鎵樿繍浜哄悕绉帮細<input v-model="tableData.teskTableFour.one" + class="input-bottom-border1 fz-14 mr-5" @change="setBookTableData" /></span> + <span>鑸┖閭欢閭寘姹囨�诲崟鍙凤細<input v-model="tableData.teskTableFour.two" class="input-bottom-border fz-14" + @change="setBookTableData" /></span> + </p> + <p> + <span class="td-1">鎵胯繍鑸┖鍏徃锛�<input v-model="tableData.teskTableFour.three" + class="input-bottom-border fz-14 mr-5" @change="setBookTableData" /></span> + <span class="td-1">鑸彮鍙凤細<input v-model="tableData.teskTableFour.four" + class="input-bottom-border fz-14 mr-5" @change="setBookTableData" /></span> + <span class="td-1">鏃ユ湡锛�<input v-model="tableData.teskTableFour.five" + class="input-bottom-border fz-14 mr-5" @change="setBookTableData" /></span> + </p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0"> + <tr class="table-title-bc"> + <td class="center">閭寘缂栧彿</td> + <td class="center">鍐呭惈閭欢鍝佸悕</td> + <td class="center">鐩殑鍦�</td> + </tr> + <tr class="table-th-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.one" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.two" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.three" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.four" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.five" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.six" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-th-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.seven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.eight" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.nine" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.ten" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.eleven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialFive.twelve" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + </table> </div> </div> </div> @@ -707,33 +876,237 @@ <li class="header-left-text">姘戣埅瀹夊叏妫�鏌ュ疄鍔★紙绗� 2 鐗堬級</li> </ul> <div class="bodystyle p-odd"> - + <p class="continued fz-14">缁〃</p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0"> + <tr class="table-title-bc"> + <td class="center">閭寘缂栧彿</td> + <td class="center">鍐呭惈閭欢鍝佸悕</td> + <td class="center">鐩殑鍦�</td> + </tr> + <tr class="table-th-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.one" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.two" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.three" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.four" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.five" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.six" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-th-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.seven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.eight" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.nine" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.ten" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.eleven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.twelve" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-th-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.thirteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.fourteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.fifteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.sixteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.seventeen" + class="table-input-border fz-14" @change="setBookTableData" /> + </td> + <td class="ta-l"> + <input v-model="tableData.teskTableSpecialSix.eighteen" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-th-bc"> + <td class="ta-l" colspan="3"> + 鑸┖閭欢鎵樿繍浜哄0鏄�:宸插鑸┖閭欢灞ヨ銆婁腑鍗庝汉姘戝叡鍜屽浗鍙嶆亹鎬栦富涔夋硶銆嬭瀹氱殑瀹夊叏瑕佹眰锛岃埅绌洪偖浠剁敵鎶ュ唴瀹圭湡瀹炲噯纭紝涓庡疄闄呰揣鐗╃浉绗︼紝涓嶅惈鏈夊浗瀹剁姝㈠瘎閫掔墿鍝侊紝涓旇埅绌洪偖浠堕偖鍖呭皝鍙o紝鍖呰瀹屽ソ涓斿崟涓偖鍖呭寘瑁呴噸閲忎笉瓒呰繃30鍏枻锛屾効鎵挎媴涓�鍒囧洜璇ヨ揣鐗╀骇鐢熺殑鍚庢灉鍜屾硶寰嬭矗浠汇��<br> +   鑸┖閭欢鎵樿繍浜烘巿鏉冧汉鍛樼瀛�:<br> +  (鍔犵洊鑸┖閭欢鎵樿繍浜哄叕绔�) + </td> + </tr> + </table> + <p class="td-0 fz-14"> + 澶囨敞:鍝佸悕濡傛棤娉曞湪娓呭崟浣撶幇锛屽彲閲囩敤闄勮〃褰㈠紡鎴栬�呯數瀛愯〃鍗曪紝骞朵綔涓虹敵鎶ユ竻鍗曠殑闄勪欢銆� + </p> + <p><br></p> + <p>浠ヤ笅鐢卞畨妫�鍛樺~鍐欍��</p> + <table border="1" cellpadding="4" cellspacing="0" + style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0"> + <tr class="table-th-bc"> + <td class="center" rowspan="2">鎵樿繍浜烘垨鑸┖璐ц繍閿�鍞唬鐞嗕汉淇$敤鎯呭喌</td> + <td class="center" rowspan="2"> + <input v-model="tableData.teskTableThree.one" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center"> + 瀹夊叏妫�鏌ュ紑濮嬫椂闂� + </td> + <td class="center"> + <input v-model="tableData.teskTableThree.two" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center" rowspan="2">瀹夊叏妫�鏌ョ粨璁�</td> + <td class="center" rowspan="2"> <input v-model="tableData.teskTableThree.three" + class="table-input-border fz-14" @change="setBookTableData" /></td> + </tr> + <tr class="table-th-bc"> + <td class="center ">瀹夊叏妫�鏌ョ粨鏉熸椂闂�</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">瀹夊叏妫�鏌ラ�氶亾</td> + <td class="center"> <input v-model="tableData.teskTableThree.five" + class="table-input-border fz-14" @change="setBookTableData" />鍙�</td> + <td class="center"> + 璐ч偖蹇欢瀹夋璁惧鎿嶄綔鍛� + </td> + <td class="center"> + <input v-model="tableData.teskTableThree.six" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center">寮�绠辨鏌ュ憳</td> + <td class="center"> + <input v-model="tableData.teskTableThree.seven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-th-bc"> + <td class="center" colspan="2">瀹夋鍕ゅ姟璋冨害鍛�</td> + <td class="center"> + <input v-model="tableData.teskTableThree.eight" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center"> + 鍗曟嵁瀹℃牳鍛� + </td> + <td class="center" colspan="2"> + <input v-model="tableData.teskTableThree.nine" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="center" colspan="2">宸叉璐х墿鎶芥鍛�</td> + <td class="center"> + <input v-model="tableData.teskTableThree.ten" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + <td class="center"> + 宸叉璐х墿鎶芥鎯呭喌 + </td> + <td class="center" colspan="2"> + <input v-model="tableData.teskTableThree.eleven" class="table-input-border fz-14" + @change="setBookTableData" /> + </td> + </tr> + </table> + <p class="left mt-20 mb-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p> + <p>1.鑸┖璐х墿鐨勫畨鍏ㄦ鏌ュ寘鎷摢浜涙鏌ユ柟寮忥紵</p> + <textarea v-model="questionData.teskTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea> + <p>2.閬囧埌鍝簺鎯呭舰鏃讹紝搴斿綋閫氱煡璐ч偖蹇欢寮�绠卞憳杩涜寮�绠辨鏌ワ紵</p> + <textarea v-model="questionData.teskTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea> + <p>3.璐ч偖蹇欢寮�绠卞憳杩涜寮�绠辨鏌ュ悗锛屼粛瑙夊緱璐х墿鏈夌枒鐐癸紝璇ュ浣曞仛锛�</p> + <textarea v-model="questionData.teskTwo.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" + class="fz-14 textarea-box-right" @change="setBookQuestion"></textarea> </div> </div> </div> - <!-- 123椤� --> - <div class="page-box" page="130"> - <div v-if="showPageList.indexOf(130) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" /> - <li class="headerText">椤圭洰涓�</li> - <li class="headerText">璐ч偖瀹夋</li> - <li class="headerNumber">123</li> - </ul> - <div class="bodystyle p-even"> - </div> - </div> - </div> - </div> + </div> </template> <script> -import preView from '@/components/pdfview/index.vue' +import preView from "@/components/pdfview/index.vue"; +import { getResourcePath } from "@/assets/methods/resources"; +import { + getCollectResource, + setCollectResource, +} from "@/assets/methods/resources"; export default { - name: "chapterSeven", - props: { - showPageList: { - type: Array, + name: "chapterSeven", + props: { + showPageList: { + type: Array, + }, + }, + components: { + preView, + }, + data() { + return { + collectImg: require("../../assets/images/icon/heart.png"), + collectCheck: require("../../assets/images/icon/heart-check.png"), + collectResourceList: [], + videoPathOne: "", + videoPathTwo: "", + videoPathThree: "", + chapterData: { + isCollectVideo: false, + isCollectVideo2: false, + isCollectVideo3: false + }, + pdfDialogRef: "", + somePdfTitleValue: "", + p_md5: "", + dialogVisible: false, + questionData: { + isComplete: false, + checkOne: { + value: [], }, }, components: { @@ -772,14 +1145,6 @@ one: "", two: "", three: "", - }, - teskThree: { - one: "", - two: "", - }, - teskFour: { - one: "", - two: "", }, }, tableData: { @@ -855,6 +1220,78 @@ eleven: "", twelve: "", }, + teskTableSpecialFour: { + 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: "", + }, + teskTableFour: { + one: "", + two: "", + three: "", + four: "", + five: "", + }, + teskTableSpecialFive: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + thirteen: "", + fourteen: "", + }, + teskTableSpecialSix: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + thirteen: "", + fourteen: "", + fifteen: "", + sixteen: "", + seventeen: "", + eighteen: "", + }, }, }; }, @@ -875,21 +1312,237 @@ JSON.stringify(this.questionData) ); }, - setBookTableData() { - localStorage.setItem( - "safety-book-chapter07-tableData", - JSON.stringify(this.tableData) - ); + checkThree: { + value: [], }, - toUrl(val) { - if (val) { - this.p_md5 = this.chapter06.pdfMd5[val].md5 - this.somePdfTitleValue = this.chapter06.pdfMd5[val].name - this.$refs.pdfDialogRef.openDialog() - } + checkFour: { + value: [], }, + checkFive: { + value: [], + }, + teskOne: { + one: "", + two: "", + three: "", + four: "", + }, + teskTwo: { + one: "", + two: "", + three: "", + }, + teskThree: { + one: "", + two: "", + }, + teskFour: { + one: "", + two: "", + }, + }, + tableData: { + teskTableOne: { + one: "", + }, + teskTableTwo: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + }, + teskTableSpecial: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + }, + teskTableSpecialOne: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + }, + teskTableSpecialTwo: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + }, + teskTableSpecialThree: { + one: "", + two: "", + three: "", + four: "", + five: "", + six: "", + seven: "", + eight: "", + nine: "", + ten: "", + eleven: "", + twelve: "", + }, + }, + }; + }, + async mounted() { + const bookQuestion = localStorage.getItem("safety-book-chapter07"); + if (bookQuestion) { + this.questionData = JSON.parse(bookQuestion); + } + const bookTableData = localStorage.getItem( + "safety-book-chapter07-tableData" + ); + if (bookTableData) { + this.tableData = JSON.parse(bookTableData); + } + + const choiceQuestion = localStorage.getItem("safety-book-chapter07-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( + "9f2d39d6006dd01b6cc03c7b493a48cb" + ); + this.videoPathTwo = await getResourcePath( + "e417b24d23bfcf0fd883a437f14efbee" + ); + this.videoPathThree = await getResourcePath( + "defb9b72a2cadcbbbffbc477f30209b1" + ); }, + handleCollect(e) { + if (e == "video-01") { + this.handleCollectResource( + "9f2d39d6006dd01b6cc03c7b493a48cb", + "9f2d39d6006dd01b6cc03c7b493a48cb", + "", + "瑙嗛", + "bits", + "瑙嗛锛氳揣閭畨妫�鐨勬櫘閫氳揣鐗╂鏌ユ祦绋�" + ); + this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo; + } else if (e == "video-02") { + this.handleCollectResource( + "e417b24d23bfcf0fd883a437f14efbee", + "e417b24d23bfcf0fd883a437f14efbee", + "", + "瑙嗛", + "bits", + "瑙嗛锛氳揣閭畨妫�鍙戠幇鐤戜技鐖嗙偢鐗╁搧鐨勫畨鍏ㄦ鏌ユ祦绋�" + ); + this.chapterData.isCollectVideo2 = !this.chapterData.isCollectVideo2; + } else if (e == "video-03") { + this.handleCollectResource( + "defb9b72a2cadcbbbffbc477f30209b1", + "defb9b72a2cadcbbbffbc477f30209b1", + "", + "瑙嗛", + "bits", + "瑙嗛锛氳揣閭畨妫�璐х墿妫�鏌ュ拰鐖嗘帰妫�娴嬫祦绋�" + ); + this.chapterData.isCollectVideo3 = !this.chapterData.isCollectVideo3; + } + 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( + "safety-book-chapter06-Data", + JSON.stringify(this.chapterData) + ); + }, + setBookQuestion() { + localStorage.setItem( + "safety-book-chapter07", + JSON.stringify(this.questionData) + ); + }, + setBookTableData() { + localStorage.setItem( + "safety-book-chapter07-tableData", + JSON.stringify(this.tableData) + ); + }, + toUrl(val) { + if (val) { + this.p_md5 = this.chapter06.pdfMd5[val].md5; + this.somePdfTitleValue = this.chapter06.pdfMd5[val].name; + this.$refs.pdfDialogRef.openDialog(); + } + }, + }, }; </script> -<style lang="less" scoped></style> \ No newline at end of file +<style lang="less" scoped></style> -- Gitblit v1.9.1