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