From 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 27 十二月 2024 15:21:21 +0800
Subject: [PATCH] 轮播图优化

---
 src/books/aviationSafety/view/components/chapter005.vue | 1067 ++++++++++++++++------------------------------------------
 1 files changed, 305 insertions(+), 762 deletions(-)

diff --git a/src/books/aviationSafety/view/components/chapter005.vue b/src/books/aviationSafety/view/components/chapter005.vue
index 88bf410..90be736 100644
--- a/src/books/aviationSafety/view/components/chapter005.vue
+++ b/src/books/aviationSafety/view/components/chapter005.vue
@@ -4,11 +4,7 @@
     <div class="page-box" page="70">
       <div v-if="showPageList.indexOf(70) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">63</li>
@@ -20,9 +16,7 @@
           <p><br /></p>
           <div class="bk">
             <p class="bj1-qjms fl al-c">
-              <span class="span-box"></span
-              ><span class="span-text">椤圭洰瀵煎叆</span
-              ><span class="span-box"></span>
+              <span class="span-box"></span><span class="span-text">椤圭洰瀵煎叆</span><span class="span-box"></span>
             </p>
             <p class="fz-16">
               浜鸿韩妫�鏌ユ槸瀹夊叏妫�鏌ョ殑鍙堜竴閲嶈鍐呭锛屽畠鏄畨妫�宸ヤ綔涓毦搴︽渶澶э紝浠诲姟鏈�閲嶇殑鍐呭涔嬩竴锛屽湪杩涜浜鸿韩妫�鏌ユ椂锛屼笉浠呰姹傚畨妫�鍛橀�熷害蹇紝鍑嗙‘鐜囬珮锛岃繕瑕佹眰瀹夋鍛樺姩浣滆鑼冿紝娉ㄦ剰鍔涢泦涓紝璀︽儠鎬ч珮銆傛湰椤圭洰灏嗛噸鐐逛粙缁嶄汉韬鏌ヨ澶囥�佷汉韬鏌ョ殑鎿嶄綔娴佺▼鍙婃柟娉曠瓑锛屼互鎻愰珮浜鸿韩妫�鏌ョ殑瀹為檯鎿嶄綔鑳藉姏銆�
@@ -82,13 +76,8 @@
             </p>
           </span>
           <p class="left mt-20 mb-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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="3">浠诲姟鐩爣</td>
               <td class="center">鐭ヨ瘑鐩爣</td>
@@ -133,24 +122,15 @@
     <div class="page-box" page="72">
       <div v-if="showPageList.indexOf(72) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">65</li>
         </ul>
         <div class="bodystyle p-even">
           <p class="continued fz-14 p-odd">缁〃</p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
+            class="fz-14 img-0">
             <tr class="table-tr-bc">
               <td class="center w15">瀛︿範寤鸿</td>
               <td class="ta-l" colspan="2">
@@ -168,13 +148,8 @@
             <tr class="table-tr-bc">
               <td class="center w15">瀛︿範鍙嶆��</td>
               <td class="center" colspan="2">
-                <textarea
-                  v-model="tableData.teskTableOne.one"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="6"
-                  class="img-0 b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
           </table>
@@ -185,10 +160,27 @@
           <p>
             浜鸿韩妫�鏌ユ槸鎸囬噰鐢ㄥ叕寮�鐨勪华鍣ㄥ拰鎵嬪伐鐩哥粨鍚堢殑鏂瑰紡锛屽鏃呭浜鸿韩杩涜瀹夊叏妫�鏌ャ�傚叾鐩殑鏄‘璁ゆ梾瀹㈣韩涓婃槸鍚﹁棌鍖垮嵄闄┿�佽繚绂佺墿鍝侊紝淇濋殰姘戠敤鑸┖鍣ㄥ強鍏舵墍杞戒汉鍛樼殑鐢熷懡璐骇瀹夊叏锛堝浘5-2锛夈��
           </p>
-          <p class="center openImgBox">
-            <img class="img-b" alt="" src="../../assets/images/0076-1.jpg" />
-          </p>
-          <p class="img">鍥�5-2 浜鸿韩妫�鏌�</p>
+          <!-- 杞挱鍥� -->
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container swiper-img">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../assets/images/0072-01.jpg" />
+                    <p class="img">鍥�5-2 浜鸿韩妫�鏌�</p>
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../../assets/images/0072-02.jpg" />
+                    <p class="img">鍥�5-2 浜鸿韩妫�鏌�</p>
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+          </div>
           <h3 id="c034">浜屻�佷汉韬鏌ョ殑閲嶇偣瀵硅薄鍜岄噸鐐归儴浣�</h3>
           <h4 id="d056">锛堜竴锛変汉韬鏌ョ殑閲嶇偣瀵硅薄</h4>
           <p>锛�1锛夌簿绁炴亹鎱屻�佽█琛屽彲鐤戙�佷蒋瑁呴晣闈欒�呫��</p>
@@ -240,224 +232,115 @@
           </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>
+              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
             </p>
             <p class="center videoname">
               <span>瑙嗛锛氳剼閮ㄦ鏌� </span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '56c43ed86d34a55712397dfd59f3dcf1'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-01')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '56c43ed86d34a55712397dfd59f3dcf1'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
               </el-tooltip>
             </p>
           </div>
           <div class="video-box-cover">
             <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>
+              <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>瑙嗛锛氭墜閮ㄦ鏌� </span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="chapterData.isCollectVideo2 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == 'ee997e31ce174e33d57c3e57bdf039de'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-02')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == 'ee997e31ce174e33d57c3e57bdf039de'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
               </el-tooltip>
             </p>
           </div>
           <div class="video-box-cover">
             <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>
+              <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.isCollectVideo3 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '430d75e18615644130195d3d0346ede4'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-03')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '430d75e18615644130195d3d0346ede4'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
               </el-tooltip>
             </p>
           </div>
           <div class="video-box-cover">
             <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>
+              <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>瑙嗛锛氳兏閮ㄦ鏌� </span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="chapterData.isCollectVideo4 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '336ab36a074a2b5ac5d2a1dde94cd9f5'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-04')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo4 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '336ab36a074a2b5ac5d2a1dde94cd9f5'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
               </el-tooltip>
             </p>
           </div>
           <div class="video-box-cover">
             <p class="center text">
-              <video
-                :src="videoPathFive"
-                webkit-playsinline="true"
-                x-webkit-airplay="true"
-                playsinline="true"
-                x5-video-orientation="h5"
-                x5-video-player-fullscreen="true"
-                x5-playsinline=""
-                controls
-                controlslist="nodownload"
-                class="w100 video"
-                style="border-radius: 10px"
-              ></video>
+              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
             </p>
             <p class="center videoname">
               <span>瑙嗛锛氳叞閮ㄦ鏌� </span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="chapterData.isCollectVideo5 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '19d33a36e76e7b5ee465e490deaac65c'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-05')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo5 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '19d33a36e76e7b5ee465e490deaac65c'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
               </el-tooltip>
             </p>
           </div>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">鐭�</span><span class="zt-zysx1">璇�</span
-                ><span class="zt-zysx1">琛�</span
-                ><span class="zt-zysx1">鍏�</span>
+                <span class="zt-zysx1">鐭�</span><span class="zt-zysx1">璇�</span><span class="zt-zysx1">琛�</span><span
+                  class="zt-zysx1">鍏�</span>
               </p>
             </div>
             <div class="bj3">
               <p class="center"><span class="zt-1">妫�鏌ユ敞鎰忎簨椤�</span></p>
               <div class="img-rights w150 openImgBox mt--25">
                 <p class="center openImgBox">
-                  <img
-                    class="img-e"
-                    alt=""
-                    src="../../assets/images/0077-1.jpg"
-                  />
+                  <img class="img-e" alt="" src="../../assets/images/0077-1.jpg" />
                 </p>
                 <p class="img">鍥�5-3 妫�鏌ュ彛缃�</p>
                 <p class="center openImgBox">
-                  <img
-                    class="img-e"
-                    alt=""
-                    src="../../assets/images/0077-2.jpg"
-                  />
+                  <img class="img-e" alt="" src="../../assets/images/0077-2.jpg" />
                 </p>
                 <p class="img">鍥�5-4 妫�鏌ユ墜</p>
               </div>
@@ -483,11 +366,7 @@
     <div class="page-box" page="74">
       <div v-if="showPageList.indexOf(74) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">67</li>
@@ -496,20 +375,15 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">鍏�</span><span class="zt-zysx1">鍨�</span
-                ><span class="zt-zysx1">妗�</span
-                ><span class="zt-zysx1">渚�</span>
+                <span class="zt-zysx1">鍏�</span><span class="zt-zysx1">鍨�</span><span class="zt-zysx1">妗�</span><span
+                  class="zt-zysx1">渚�</span>
               </p>
             </div>
             <div class="bj3">
               <p class="center"><span class="zt-1">鑴氶儴钘忓尶鎵撶伀鏈�</span></p>
               <div class="img-rights w170 openImgBox mt-20">
                 <p class="center">
-                  <img
-                    class="img-c"
-                    alt=""
-                    src="../../assets/images/0078-1.jpg"
-                  />
+                  <img class="img-c" alt="" src="../../assets/images/0078-1.jpg" />
                 </p>
                 <p class="img">鍥�5-5 鏌ュ澶氭灇鎵撶伀鏈�</p>
               </div>
@@ -535,11 +409,7 @@
                 2021骞�4鏈�18鏃ワ紝瀹夋鍛樺皬閭瑰噯澶囧鏃呭鍛ㄦ煇杩涜浜鸿韩妫�鏌ャ�傚懆鏌愮鑹茬揣寮狅紝闈㈤儴鏈変簺寮傚父锛岃繖寮曡捣浜嗗皬閭圭殑娉ㄦ剰銆傚皬閭逛粩缁嗚瀵燂紝鍙戠幇鍛ㄦ煇鐨勫彛缃╀笌鍒汉鏈変簺涓嶄竴鏍凤紝鍙g僵涓嬪潬锛屼笅宸撮儴鍒嗘湁浜涘嚫璧凤紝灏忛偣褰撳嵆璀︽儠璧锋潵銆備粬璇锋梾瀹㈡闈㈡憳涓嬪彛缃╋紝闅忓悗鏌ュ鎵撶伀鏈轰竴涓紙鍥�5-6锛夈��
               </p>
               <p class="center openImgBox">
-                <img
-                  class="img-f"
-                  alt=""
-                  src="../../assets/images/0078-2.jpg"
-                />
+                <img class="img-f" alt="" src="../../assets/images/0078-2.jpg" />
               </p>
               <p class="img">鍥�5-6 鏌ュ涓�涓墦鐏満</p>
             </div>
@@ -579,9 +449,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">鍏�</span><span class="zt-zysx1">鍨�</span
-                ><span class="zt-zysx1">妗�</span
-                ><span class="zt-zysx1">渚�</span>
+                <span class="zt-zysx1">鍏�</span><span class="zt-zysx1">鍨�</span><span class="zt-zysx1">妗�</span><span
+                  class="zt-zysx1">渚�</span>
               </p>
             </div>
             <div class="bj3">
@@ -593,12 +462,29 @@
               <p>
                 鏌愭満鍦哄畨妫�鍛樺皬鐜嬪湪閫氶亾鎵ц浜鸿韩妫�鏌ヤ换鍔℃椂锛屼竴鍚嶅コ鎬ф梾瀹㈣繃瀹夊叏闂ㄦ椂鎶ヨ澹板搷璧凤紝浜鸿韩妫�鏌ュ憳灏忕帇瀵硅鍚嶆梾瀹㈣繘琛屼汉韬鏌ワ紝褰撴鏌ュ埌鍏跺彸鑵挎椂锛屾墜鎸侀噾灞炴帰娴嬪櫒鍙戝嚭杩炵画鎶ヨ澹帮紝闅忓悗灏忕帇浠庢梾瀹㈠彸闈村瓙閲屾煡鑾锋按鏋滃垁1鎶娿�傛鏌ュ憳灏忕帇闅忓嵆灏嗗叾鎺у埗浣忥紝骞跺鍏朵汉韬強琛屾潕鐗╁搧杩涜浜嗕弗鏍兼鏌ワ紝鏈彂鐜板叾浠栧紓甯告儏鍐碉紙鍥�5-7锛夈��
               </p>
+              <!-- 杞挱鍥� -->
+              <div class="imgBox-003 openImgBox">
+                <div class="swiper-container swiper-img">
+                  <div class="swiper-wrapper">
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/0072-01.jpg" />
+                        <p class="img">鍥�5-7 鏌ュ鐗╁搧</p>
+                      </div>
+                    </div>
+                    <div class="swiper-slide">
+                      <div class="imgBox" style="width: 100%; height: 100%">
+                        <img src="../../assets/images/0072-02.jpg" />
+                        <p class="img">鍥�5-7 鏌ュ鐗╁搧</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="swiper-button-next"></div>
+                  <div class="swiper-button-prev"></div>
+                </div>
+              </div>
               <p class="center openImgBox">
-                <img
-                  class="img-c"
-                  alt=""
-                  src="../../assets/images/0079-1.jpg"
-                />
+                <img class="img-c" alt="" src="../../assets/images/0079-1.jpg" />
               </p>
               <p class="img">鍥�5-7 鏌ュ鐗╁搧</p>
             </div>
@@ -610,11 +496,7 @@
     <div class="page-box" page="76">
       <div v-if="showPageList.indexOf(76) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">69</li>
@@ -659,25 +541,29 @@
         </ul>
         <div class="bodystyle p-odd">
           <p class="left mb-20 mt-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
-          <p>1.瀵规梾瀹㈣繘琛屼汉韬鏌ョ殑鏂规硶鏈夛紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputOne" @change="setBookQuestion"/>銆�锛夈��</p>
+          <p>1.瀵规梾瀹㈣繘琛屼汉韬鏌ョ殑鏂规硶鏈夛紙銆�<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputOne"
+              @change="setBookQuestion" />銆�锛夈��</p>
           <p>A.涓�绉�</p>
           <p>B.涓ょ</p>
           <p>C.涓夌</p>
           <p>D.鍥涚</p>
-          <p>2.瀵规梾瀹㈣繘琛屼汉韬鏌ョ殑涓ょ鏂规硶鍖呮嫭浠櫒妫�鏌ュ拰锛堛��<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTwo" @change="setBookQuestion"/>銆�锛夈��</p>
+          <p>2.瀵规梾瀹㈣繘琛屼汉韬鏌ョ殑涓ょ鏂规硶鍖呮嫭浠櫒妫�鏌ュ拰锛堛��<input class="selectInput" maxlength="1" type="text"
+              v-model="questionData.inputTwo" @change="setBookQuestion" />銆�锛夈��</p>
           <p>A.閲戝睘鎺㈡祴闂ㄦ鏌�</p>
           <p>B.鎵嬫寔閲戝睘鎺㈡祴鍣ㄦ鏌�</p>
           <p>C.鎵嬪伐妫�鏌�</p>
           <p>D.鐩祴妫�鏌�</p>
           <p>
-            3.锛堛��<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputThree" @change="setBookQuestion"/>銆�锛夋槸鎸囬噰鐢ㄥ叕寮�鐨勪华鍣ㄥ拰鎵嬪伐鐩哥粨鍚堢殑鏂瑰紡锛屽鏃呭浜鸿韩杩涜瀹夊叏妫�鏌ャ��
+            3.锛堛��<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputThree"
+              @change="setBookQuestion" />銆�锛夋槸鎸囬噰鐢ㄥ叕寮�鐨勪华鍣ㄥ拰鎵嬪伐鐩哥粨鍚堢殑鏂瑰紡锛屽鏃呭浜鸿韩杩涜瀹夊叏妫�鏌ャ��
           </p>
           <p>A.浠櫒妫�鏌�</p>
           <p>B.浜鸿韩妫�鏌�</p>
           <p>C.鎼滆韩妫�鏌�</p>
           <p>D.鎵嬪伐浜鸿韩妫�鏌�</p>
           <p>
-            4.浜鸿韩妫�鏌ユ槸涓轰簡鍙戠幇鏃呭韬笂钘忓尶鐨勶紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputFour" @change="setBookQuestion"/>銆�锛夈�佽繚绂佺墿鍝侊紝淇濋殰姘戠敤鑸┖鍣ㄥ強鍏舵墍杞戒汉鍛樼殑鐢熷懡璐骇鐨勫畨鍏ㄣ��
+            4.浜鸿韩妫�鏌ユ槸涓轰簡鍙戠幇鏃呭韬笂钘忓尶鐨勶紙銆�<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputFour"
+              @change="setBookQuestion" />銆�锛夈�佽繚绂佺墿鍝侊紝淇濋殰姘戠敤鑸┖鍣ㄥ強鍏舵墍杞戒汉鍛樼殑鐢熷懡璐骇鐨勫畨鍏ㄣ��
           </p>
           <p>A.闈炶繚绂佸搧</p>
           <p>B.姣掑搧</p>
@@ -685,13 +571,8 @@
           <p>D.鍗遍櫓</p>
           <p>5.浜鸿韩妫�鏌ョ殑閲嶇偣閮ㄤ綅鏈夊摢浜涳紵</p>
           <p class="fz-14 center" style="color: #8091bc">浠诲姟妫�娴嬭〃</p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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>
@@ -702,88 +583,48 @@
               <td class="ta-l">鎺屾彙浜鸿韩妫�鏌ョ殑鏇寸偣閮ㄤ綅</td>
               <td class="center">40</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableOne.two"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableOne.three"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-tr-bc">
               <td class="ta-l img-g">鐔熺煡浜鸿韩妫�鏌ョ殑閲嶇偣瀵硅薄</td>
               <td class="center w15">20</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableOne.four"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableOne.five"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-th-bc">
               <td class="ta-l w25">鐔熺煡浠庝弗妫�鏌ョ殑鐩稿叧瑕佹眰</td>
               <td class="center">15</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableOne.six"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableOne.seven"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-tr-bc">
               <td class="ta-l">鎺屾彙浜鸿韩妫�鏌ュ憳宸ヤ綔娴佺▼</td>
               <td class="center w15">25</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableOne.eight"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableOne.nine"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableOne.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
           </table>
@@ -794,11 +635,7 @@
     <div class="page-box" page="78">
       <div v-if="showPageList.indexOf(78) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">71</li>
@@ -824,13 +661,8 @@
             </p>
           </span>
           <p class="left mb-20 mt-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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="3">浠诲姟鐩爣</td>
               <td class="center">鐭ヨ瘑鐩爣</td>
@@ -890,13 +722,8 @@
         </ul>
         <div class="bodystyle p-odd">
           <p class="continued fz-14 p-odd">缁〃</p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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 w15">瀛︿範杩愮敤</td>
               <td class="ta-l" colspan="2">
@@ -907,13 +734,8 @@
             <tr class="table-tr-bc">
               <td class="center w15">瀛︿範鍙嶆��</td>
               <td class="center" colspan="2">
-                <textarea
-                  v-model="tableData.teskTableTwo.one"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="6"
-                  class="img-0 b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableTwo.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
           </table>
@@ -959,11 +781,7 @@
     <div class="page-box" page="80">
       <div v-if="showPageList.indexOf(80) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">73</li>
@@ -1049,11 +867,7 @@
     <div class="page-box" page="82">
       <div v-if="showPageList.indexOf(82) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">75</li>
@@ -1113,49 +927,28 @@
           <p>锛�3锛夋墜鎸侀噾灞炴帰娴嬪櫒搴斾娇鐢ㄥ井婀挎煍杞殑甯冭繘琛屾竻娲併��</p>
           <div class="video-box-cover">
             <p class="center text">
-              <video
-                :src="videoPathSix"
-                webkit-playsinline="true"
-                x-webkit-airplay="true"
-                playsinline="true"
-                x5-video-orientation="h5"
-                x5-video-player-fullscreen="true"
-                x5-playsinline=""
-                controls
-                controlslist="nodownload"
-                class="w100 video"
-                style="border-radius: 10px"
-              ></video>
+              <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
             </p>
             <p class="center videoname">
               <span>瑙嗛锛氫汉韬鏌ュ噯澶� </span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="chapterData.isCollectVideo6 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '62727bcc2277fab7b057a450c60569e0'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-06')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo6 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '62727bcc2277fab7b057a450c60569e0'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
               </el-tooltip>
             </p>
           </div>
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">鍏�</span><span class="zt-zysx1">鍨�</span
-                ><span class="zt-zysx1">妗�</span
-                ><span class="zt-zysx1">渚�</span>
+                <span class="zt-zysx1">鍏�</span><span class="zt-zysx1">鍨�</span><span class="zt-zysx1">妗�</span><span
+                  class="zt-zysx1">渚�</span>
               </p>
             </div>
             <div class="bj3">
@@ -1172,18 +965,21 @@
           </div>
           <p class="left mb-20 mt-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
           <p>
-            1.閲戝睘鎺㈡祴闂ㄥ簲閰嶅瑙嗚璀︽姤鏄剧ず瑁呯疆锛屾寜閫氳繃鐨勶紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputFive" @change="setBookQuestion"/>銆�锛夌粰鍑轰竴涓潯褰㈢殑瑙嗚璀︽姤銆�
+            1.閲戝睘鎺㈡祴闂ㄥ簲閰嶅瑙嗚璀︽姤鏄剧ず瑁呯疆锛屾寜閫氳繃鐨勶紙銆�<input class="selectInput" maxlength="1" type="text"
+              v-model="questionData.inputFive" @change="setBookQuestion" />銆�锛夌粰鍑轰竴涓潯褰㈢殑瑙嗚璀︽姤銆�
           </p>
           <p>A.鐗╁搧鎬ц川</p>
           <p>B.閲戝睘姣斾緥</p>
           <p>C.鐗╁搧閫熷害</p>
           <p>D.鐘舵�佹柟寮�</p>
-          <p>2.涓嬪垪鍏充簬閲戝睘鎺㈡祴闂ㄨ瑙夎鎶ョ殑鎻忚堪姝g‘鐨勬槸锛堛��<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputSix" @change="setBookQuestion"/>銆�锛夈��</p>
+          <p>2.涓嬪垪鍏充簬閲戝睘鎺㈡祴闂ㄨ瑙夎鎶ョ殑鎻忚堪姝g‘鐨勬槸锛堛��<input class="selectInput" maxlength="1" type="text"
+              v-model="questionData.inputSix" @change="setBookQuestion" />銆�锛夈��</p>
           <p>A.閲戝睘鎺㈡祴闂ㄤ粎閰嶅瑙嗚璀︽姤鏄剧ず瑁呯疆</p>
           <p>B.閲戝睘鎺㈡祴闂ㄦ寜閫氳繃鐨勯噾灞炴瘮渚嬬粰鍑轰竴涓墖褰㈢殑瑙嗚璀︽姤</p>
           <p>C.瑙嗚璀︽姤鏃犺鐜鍏夌嚎鎯呭喌濡備綍锛岃嚦灏戝彲浠ヤ粠5m澶栬娓呮櫚鍦拌瀵熷埌</p>
           <p>D.淇″彿浣庝簬鎶ヨ闄愮晫鍊兼椂鏄剧ず绾㈣壊锛岄珮浜庢姤璀﹂檺鐣屽�兼椂鏄剧ず缁胯壊</p>
-          <p>3.閲戝睘鎺㈡祴闂ㄧ殑鏄剧ず瑁呯疆搴旈厤澶囷紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputSeven" @change="setBookQuestion"/>銆�锛夛紙澶氶�夛級銆�</p>
+          <p>3.閲戝睘鎺㈡祴闂ㄧ殑鏄剧ず瑁呯疆搴旈厤澶囷紙銆�<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputSeven"
+              @change="setBookQuestion" />銆�锛夛紙澶氶�夛級銆�</p>
           <p>A.鐢靛瓙</p>
           <p>B.澹伴煶璀︽姤</p>
           <p>C.瑙嗚璀︽姤</p>
@@ -1196,17 +992,14 @@
     <div class="page-box" page="84">
       <div v-if="showPageList.indexOf(84) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">77</li>
         </ul>
         <div class="bodystyle p-even">
-          <p>4.涓嬪垪鍏充簬閲戝睘鎺㈡祴闂ㄥ0闊宠鎶ョ殑鎻忚堪涓嶆纭殑鏄紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputEight" @change="setBookQuestion"/>銆�锛夈��</p>
+          <p>4.涓嬪垪鍏充簬閲戝睘鎺㈡祴闂ㄥ0闊宠鎶ョ殑鎻忚堪涓嶆纭殑鏄紙銆�<input class="selectInput" maxlength="1" type="text"
+              v-model="questionData.inputEight" @change="setBookQuestion" />銆�锛夈��</p>
           <p>A.閲戝睘鎺㈡祴闂ㄥ簲閰嶆湁澹伴煶鎶ヨ淇″彿璋冭妭瑁呯疆</p>
           <p>B.閲戝睘鎺㈡祴闂ㄥ0闊虫姤璀︿俊鍙疯皟鑺傝缃彲浠ヨ皟鑺傛寔缁椂闂淬�侀煶璋冨拰闊抽噺</p>
           <p>C.閲戝睘鎺㈡祴闂ㄦ寜閫氳繃鐨勯噾灞炴瘮渚嬬粰鍑轰竴涓潯褰㈢殑澹伴煶璀︽姤</p>
@@ -1215,13 +1008,8 @@
             dBA璋冭妭鍒�90 dBA
           </p>
           <p class="fz-14 center" style="color: #8091bc">浠诲姟妫�娴嬭〃</p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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>
@@ -1232,22 +1020,12 @@
               <td class="ta-l td-1">鐔熺煡閲戝睘鎺㈡祴闂ㄧ殑鐩稿叧鐭ヨ瘑</td>
               <td class="center">20</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableTwo.two"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableTwo.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableTwo.three"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableTwo.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-tr-bc">
@@ -1256,44 +1034,24 @@
               </td>
               <td class="center w10">20</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableTwo.four"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableTwo.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableTwo.five"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableTwo.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-th-bc">
               <td class="ta-l td-1">鎺屾彙鎵嬫寔閲戝睘鎺㈡祴鍣ㄧ殑鐩稿叧鐭ヨ瘑</td>
               <td class="center">15</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableTwo.six"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableTwo.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableTwo.seven"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableTwo.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
           </table>
@@ -1334,13 +1092,8 @@
         </ul>
         <div class="bodystyle p-odd">
           <p class="left mt-20 mb-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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="3">浠诲姟鐩爣</td>
               <td class="center">鐭ヨ瘑鐩爣</td>
@@ -1396,13 +1149,8 @@
             <tr class="table-tr-bc">
               <td class="center w15">瀛︿範鍙嶆��</td>
               <td class="center" colspan="2">
-                <textarea
-                  v-model="tableData.teskTableThree.one"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="6"
-                  class="img-0 b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
           </table>
@@ -1421,11 +1169,7 @@
     <div class="page-box" page="86">
       <div v-if="showPageList.indexOf(86) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">79</li>
@@ -1448,40 +1192,20 @@
           </p>
           <div class="video-box-cover">
             <p class="center text">
-              <video
-                :src="videoPathSeven"
-                webkit-playsinline="true"
-                x-webkit-airplay="true"
-                playsinline="true"
-                x5-video-orientation="h5"
-                x5-video-player-fullscreen="true"
-                x5-playsinline=""
-                controls
-                controlslist="nodownload"
-                class="w100 video"
-                style="border-radius: 10px"
-              ></video>
+              <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
             </p>
             <p class="center videoname">
               <span>瑙嗛锛氫汉韬鏌ユ祦绋� </span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="chapterData.isCollectVideo7 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '3a579e5edbb66561e6d0de9fe86b71c0'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-07')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo7 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '3a579e5edbb66561e6d0de9fe86b71c0'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
               </el-tooltip>
             </p>
           </div>
@@ -1546,40 +1270,20 @@
           </p>
           <div class="video-box-cover">
             <p class="center text">
-              <video
-                :src="videoPathEight"
-                webkit-playsinline="true"
-                x-webkit-airplay="true"
-                playsinline="true"
-                x5-video-orientation="h5"
-                x5-video-player-fullscreen="true"
-                x5-playsinline=""
-                controls
-                controlslist="nodownload"
-                class="w100 video"
-                style="border-radius: 10px"
-              ></video>
+              <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
+                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
+                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
             </p>
             <p class="center videoname">
               <span>瑙嗛锛氱函鎵嬪伐妫�鏌� </span>
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="chapterData.isCollectVideo8 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '743200b86b4e9262632737b0b9660923'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-08')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo8 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '743200b86b4e9262632737b0b9660923'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
               </el-tooltip>
             </p>
           </div>
@@ -1619,11 +1323,7 @@
     <div class="page-box" page="88">
       <div v-if="showPageList.indexOf(88) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">81</li>
@@ -1646,43 +1346,50 @@
           </p>
           <p>锛�6锛夋鏌ュ畬姣曞悗锛屼汉韬鏌ュ憳搴旀彁閱掓梾瀹㈡嬁濂借嚜宸辩殑琛屾潕鐗╁搧銆�</p>
           <p class="left mt-20 mb-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
-          <p>1.鎵嬫寔閲戝睘鎺㈡祴鍣ㄦ鏌ョ殑绋嬪簭涓猴細鍙宠啙閮ㄥ唴渚р啋瑁嗛儴鈫掞紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputNine" @change="setBookQuestion"/>銆�锛夈��</p>
+          <p>1.鎵嬫寔閲戝睘鎺㈡祴鍣ㄦ鏌ョ殑绋嬪簭涓猴細鍙宠啙閮ㄥ唴渚р啋瑁嗛儴鈫掞紙銆�<input class="selectInput" maxlength="1" type="text"
+              v-model="questionData.inputNine" @change="setBookQuestion" />銆�锛夈��</p>
           <p>A.鍙宠啙閮ㄥ渚�</p>
           <p>B.宸﹁啙閮ㄥ唴渚�</p>
           <p>C.宸﹁啙閮ㄥ渚�</p>
           <p>D.鑴氶儴</p>
-          <p>2.浜鸿韩妫�鏌ョ殑绋嬪簭鏄敱涓婂埌涓嬶紝锛堛��<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTen" @change="setBookQuestion"/>銆�锛夈�佺敱鍓嶅埌鍚庛��</p>
+          <p>2.浜鸿韩妫�鏌ョ殑绋嬪簭鏄敱涓婂埌涓嬶紝锛堛��<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputTen"
+              @change="setBookQuestion" />銆�锛夈�佺敱鍓嶅埌鍚庛��</p>
           <p>A.鐢卞乏鍒板彸</p>
           <p>B.鐢卞鍒伴噷</p>
           <p>C.鐢遍噷鍒板</p>
           <p>D.鐢卞彸鍒板乏</p>
           <p>
-            3.鎵嬪伐浜鸿韩妫�鏌ョ殑绋嬪簭涓猴細浜鸿韩妫�鏌ュ憳闈㈠鏃呭锛屽厛浠庯紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputEle" @change="setBookQuestion"/>銆�锛夊紑濮嬶紝鑷冲弻鑲┿�佸墠鑳搞�佽叞閮ㄤ负姝€��
+            3.鎵嬪伐浜鸿韩妫�鏌ョ殑绋嬪簭涓猴細浜鸿韩妫�鏌ュ憳闈㈠鏃呭锛屽厛浠庯紙銆�<input class="selectInput" maxlength="1" type="text"
+              v-model="questionData.inputEle" @change="setBookQuestion" />銆�锛夊紑濮嬶紝鑷冲弻鑲┿�佸墠鑳搞�佽叞閮ㄤ负姝€��
           </p>
           <p>A.琛~</p>
           <p>B.棰嗗甫</p>
           <p>C.鍓嶈。棰�</p>
           <p>D.澶撮儴</p>
           <p>
-            4.浜鸿韩妫�鏌ユ槸鎸囬噰鐢ㄥ叕寮�鐨勪华鍣ㄥ拰锛堛��<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTev" @change="setBookQuestion"/>銆�锛夌浉缁撳悎鐨勬柟寮忥紝瀵规梾瀹汉韬繘琛屽畨鍏ㄦ鏌ャ��
+            4.浜鸿韩妫�鏌ユ槸鎸囬噰鐢ㄥ叕寮�鐨勪华鍣ㄥ拰锛堛��<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputTev"
+              @change="setBookQuestion" />銆�锛夌浉缁撳悎鐨勬柟寮忥紝瀵规梾瀹汉韬繘琛屽畨鍏ㄦ鏌ャ��
           </p>
           <p>A.鎵嬪伐</p>
           <p>B.鎼滆韩妫�鏌�</p>
           <p>C.绉樺瘑姝﹀櫒</p>
           <p>D.鍏紑鎵嬫</p>
-          <p>5.涓嬪垪灞炰簬浜鸿韩妫�鏌ラ噸鐐归儴浣嶇殑鏄紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputTir" @change="setBookQuestion"/>銆�锛夈��</p>
+          <p>5.涓嬪垪灞炰簬浜鸿韩妫�鏌ラ噸鐐归儴浣嶇殑鏄紙銆�<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputTir"
+              @change="setBookQuestion" />銆�锛夈��</p>
           <p>A.澶撮儴</p>
           <p>B.棰堥儴</p>
           <p>C.闈㈤儴</p>
           <p>D.灏忚吙</p>
           <p>
-            6.妫�鏌ヤ腑瑕佽鐪熸鏌ユ梾瀹㈢殑鍏ㄨ韩锛屼笉鍙彧鏌ワ紙銆�<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputFot" @change="setBookQuestion"/>銆�锛夛紝涓嶆煡涓嬪崐韬紝搴旂壒鍒敞鎰忔鏌ラ噸鐐归儴浣嶃��
+            6.妫�鏌ヤ腑瑕佽鐪熸鏌ユ梾瀹㈢殑鍏ㄨ韩锛屼笉鍙彧鏌ワ紙銆�<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputFot"
+              @change="setBookQuestion" />銆�锛夛紝涓嶆煡涓嬪崐韬紝搴旂壒鍒敞鎰忔鏌ラ噸鐐归儴浣嶃��
           </p>
           <p>A.宸﹀崐韬�</p>
           <p>B.涓婂崐韬�</p>
           <p>C.鍙冲崐韬�</p>
           <p>D.鍚庤儗</p>
-          <p>7.瀵瑰コ鎬ф梾瀹㈠疄鏂芥墜宸ユ鏌ユ椂锛屽繀椤荤敱锛堛��<input class="selectInput"  maxlength="1" type="text" v-model="questionData.inputFit" @change="setBookQuestion"/>銆�锛夊畨妫�鍛樿繘琛屻��</p>
+          <p>7.瀵瑰コ鎬ф梾瀹㈠疄鏂芥墜宸ユ鏌ユ椂锛屽繀椤荤敱锛堛��<input class="selectInput" maxlength="1" type="text" v-model="questionData.inputFit"
+              @change="setBookQuestion" />銆�锛夊畨妫�鍛樿繘琛屻��</p>
           <p>A.鐢锋��</p>
           <p>B.涓��</p>
           <p>C.涓勾</p>
@@ -1699,13 +1406,8 @@
         </ul>
         <div class="bodystyle p-odd">
           <p class="fz-14 center" style="color: #8091bc">浠诲姟妫�娴嬭〃</p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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>
@@ -1716,88 +1418,48 @@
               <td class="ta-l td-1">鐔熺煡浜鸿韩妫�鏌ョ殑椤哄簭鍜屾柟娉�</td>
               <td class="center">30</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableThree.two"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableThree.three"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-tr-bc">
               <td class="ta-l img-d td-1">鎺屾彙浣跨敤鎵嬫寔閲戝睘鎺㈡祴鍣ㄦ鏌ョ殑椤哄簭</td>
               <td class="center w10">40</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableThree.four"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableThree.five"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-th-bc">
               <td class="ta-l td-1">鎺屾彙鎵嬪伐浜鸿韩妫�鏌ョ殑娴佺▼</td>
               <td class="center">20</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableThree.six"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableThree.seven"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-tr-bc">
               <td class="ta-l img-d td-1">鐔熺煡绉讳綅浜鸿韩妫�鏌ユ硶鐨勮姹�</td>
               <td class="center w10">10</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableThree.eight"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableThree.nine"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableThree.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
           </table>
@@ -1819,13 +1481,8 @@
             閫氳繃浠ヤ笂浠诲姟鎻忚堪锛屾垜浠彲浠ヤ簡瑙e埌鍦ㄤ汉韬鏌ュ矖浣嶄笂瑕佷繚鎸侀珮搴︾殑涓撴敞鍔涳紝瀛︿細瑙傚療鏃呭鐨勫井琛ㄦ儏锛屽寮傚父琛屼负杩涜鏈夋晥璇嗗埆銆�
           </p>
           <p class="left mb-20 mt-20"><span class="bj2">路瀛︿範浠诲姟鍗暵�</span></p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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="3">浠诲姟鐩爣</td>
               <td class="center">鐭ヨ瘑鐩爣</td>
@@ -1854,24 +1511,15 @@
     <div class="page-box" page="90">
       <div v-if="showPageList.indexOf(90) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">83</li>
         </ul>
         <div class="bodystyle p-even">
           <p class="continued fz-14 p-odd">缁〃</p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
+            class="fz-14 img-0">
             <tr class="table-tr-bc">
               <td class="center">鎬濇斂铻嶅叆</td>
               <td class="ta-l" colspan="2">
@@ -1902,13 +1550,8 @@
             <tr class="table-tr-bc">
               <td class="center w15">瀛︿範鍙嶆��</td>
               <td class="center" colspan="2">
-                <textarea
-                  v-model="tableData.teskTableFour.one"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="6"
-                  class="img-0 b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
           </table>
@@ -1961,40 +1604,20 @@
           </p>
           <div class="video-box-cover">
             <p class="center text">
-              <video
-                :src="videoPathNine"
-                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>
+              <video :src="videoPathNine" 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.isCollectVideo9 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
-                placement="top-start"
-              >
-                <img
-                  :src="
-                    collectResourceList.findIndex(
-                      (item) => item.id == '28102551aa167cbc2666f25bb8ff64fb'
-                    ) > -1
-                      ? collectCheck
-                      : collectImg
-                  "
-                  alt=""
-                  class="collect-btn"
-                  @click="handleCollect('video-09')"
-                />
+              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo9 ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
+                placement="top-start">
+                <img :src="collectResourceList.findIndex(
+                  (item) => item.id == '28102551aa167cbc2666f25bb8ff64fb'
+                ) > -1
+                  ? collectCheck
+                  : collectImg
+                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
               </el-tooltip>
             </p>
           </div>
@@ -2035,11 +1658,7 @@
     <div class="page-box" page="92">
       <div v-if="showPageList.indexOf(92) > -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=""
-          />
+          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
           <li class="headerText">椤圭洰浜�</li>
           <li class="headerText">浜鸿韩妫�鏌�</li>
           <li class="headerNumber">85</li>
@@ -2111,9 +1730,8 @@
           <div class="bk2">
             <div class="zysx">
               <p>
-                <span class="zt-zysx1">鎷�</span><span class="zt-zysx1">灞�</span
-                ><span class="zt-zysx1">鐭�</span
-                ><span class="zt-zysx1">璇�</span>
+                <span class="zt-zysx1">鎷�</span><span class="zt-zysx1">灞�</span><span class="zt-zysx1">鐭�</span><span
+                  class="zt-zysx1">璇�</span>
               </p>
             </div>
             <div class="bj3">
@@ -2135,29 +1753,14 @@
           </div>
           <p class="left mb-20 mt-20"><span class="bj2">路鏁堟灉妫�娴嬄�</span></p>
           <p>1.浜鸿韩妫�鏌ョ殑绋嬪簭鏄粈涔堬紵</p>
-          <textarea
-            v-model="questionData.teskFour.one"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="6"
-            class="fz-14 textarea-box-right"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.teskFour.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="fz-14 textarea-box-right"
+            @change="setBookQuestion"></textarea>
           <p>2.浜鸿韩妫�鏌ュ憳杩涜鎵嬪伐浜鸿韩妫�鏌ユ椂鏈夊摢浜涙敞鎰忎簨椤癸紵</p>
-          <textarea
-            v-model="questionData.teskFour.two"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="6"
-            class="fz-14 textarea-box-right"
-            @change="setBookQuestion"
-          ></textarea>
+          <textarea v-model="questionData.teskFour.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6" class="fz-14 textarea-box-right"
+            @change="setBookQuestion"></textarea>
           <p class="fz-14 center" style="color: #8091bc">浠诲姟妫�娴嬭〃</p>
-          <table
-            border="1"
-            cellpadding="4"
-            cellspacing="0"
-            style="border-color: #fff; border-collapse: collapse"
-            class="fz-14 img-0"
-          >
+          <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>
@@ -2168,110 +1771,60 @@
               <td class="ta-l td-1">鎺屾彙瀛曞銆佸┐鍎挎梾瀹㈢殑妫�鏌ユ柟娉�</td>
               <td class="center">10</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.two"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.three"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-tr-bc">
               <td class="ta-l img-d td-1">鎺屾彙娈嬬柧鏃呭鐨勬鏌ユ柟娉�</td>
               <td class="center w10">30</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.four"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.five"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-th-bc">
               <td class="ta-l td-1">鍫傛彙娈嬬柧鏃呭杞鐨勬鏌ユ柟娉�</td>
               <td class="center">20</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.six"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.seven"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-tr-bc">
               <td class="ta-l img-d td-1">鎺屾彙瀵规墦缁峰甫銆佺煶鑶忕殑鏃呭妫�鏌ユ柟娉�</td>
               <td class="center w10">10</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.eight"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.nine"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-th-bc">
               <td class="ta-l td-1">鐔熺煡娈嬬柧鏃呭鈥滄湇鍔$姮鈥濈殑妫�鏌ユ敞鎰忎簨椤�</td>
               <td class="center">10</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.ten"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.eleven"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.eleven" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
             <tr class="table-tr-bc">
@@ -2280,22 +1833,12 @@
               </td>
               <td class="center w10">20</td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.twelve"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.twelve" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
               <td class="center">
-                <textarea
-                  v-model="tableData.teskTableFour.thirteen"
-                  placeholder="璇疯緭鍏ュ唴瀹�"
-                  rows="2"
-                  class="b0 table-textarea textarea-box"
-                  @change="setBookTableData"
-                ></textarea>
+                <textarea v-model="tableData.teskTableFour.thirteen" placeholder="璇疯緭鍏ュ唴瀹�" rows="2"
+                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
               </td>
             </tr>
           </table>
@@ -2553,7 +2096,7 @@
           "瑙嗛锛氳叞閮ㄦ鏌�"
         );
         this.chapterData.isCollectVideo5 = !this.chapterData.isCollectVideo5;
-      } else if(e == "video-06") {
+      } else if (e == "video-06") {
         this.handleCollectResource(
           "62727bcc2277fab7b057a450c60569e0",
           "62727bcc2277fab7b057a450c60569e0",
@@ -2563,7 +2106,7 @@
           "瑙嗛锛氫汉韬鏌ュ噯澶�"
         );
         this.chapterData.isCollectVideo6 = !this.chapterData.isCollectVideo6;
-      } else if(e == "video-07") {
+      } else if (e == "video-07") {
         this.handleCollectResource(
           "3a579e5edbb66561e6d0de9fe86b71c0",
           "3a579e5edbb66561e6d0de9fe86b71c0",
@@ -2573,7 +2116,7 @@
           "瑙嗛锛氫汉韬鏌ユ祦绋�"
         );
         this.chapterData.isCollectVideo7 = !this.chapterData.isCollectVideo7;
-      } else if(e == "video-08") {
+      } else if (e == "video-08") {
         this.handleCollectResource(
           "743200b86b4e9262632737b0b9660923",
           "743200b86b4e9262632737b0b9660923",
@@ -2584,7 +2127,7 @@
         );
         this.chapterData.isCollectVideo8 = !this.chapterData.isCollectVideo8;
       }
-      else if(e == "video-09") {
+      else if (e == "video-09") {
         this.handleCollectResource(
           "28102551aa167cbc2666f25bb8ff64fb",
           "28102551aa167cbc2666f25bb8ff64fb",

--
Gitblit v1.9.1