From 4a005e0d39e74f0175d67d0d6f06ae438f3a6c50 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期四, 30 五月 2024 18:32:27 +0800
Subject: [PATCH] 分页修改

---
 src/books/lifeCare/view/chapter002.vue        |   74 -
 src/books/lifeCare/view/chapter016.vue        |   63 -
 src/books/lifeCare/view/chapter015.vue        |   73 -
 src/books/lifeCare/css/default.less           |   15 
 src/books/lifeCare/view/chapter003.vue        |  376 ++++-----
 src/books/lifeCare/view/chapter011.vue        |   54 -
 src/books/lifeCare/view/chapter007.vue        |  130 +--
 src/books/lifeCare/view/front001.vue          |  283 +++++--
 src/books/sportsAndHealth/image/sports.png    |    0 
 src/books/lifeCare/view/chapter006.vue        |   64 
 src/books/sportsAndHealth/view/chapter002.vue |   56 +
 src/books/lifeCare/view/chapter014.vue        |  192 +---
 src/books/lifeCare/view/chapter001.vue        |   49 
 src/books/lifeCare/view/chapter010.vue        |   98 -
 src/books/lifeCare/view/chapter018.vue        |    7 
 src/books/lifeCare/view/chapter013.vue        |   92 -
 src/books/sportsAndHealth/css/default.less    |   65 +
 src/books/lifeCare/view/chapter005.vue        |  136 +--
 src/books/sportsAndHealth/view/chapter001.vue |   31 
 src/books/lifeCare/view/chapter009.vue        |    4 
 src/books/lifeCare/image/Cover.jpg            |    0 
 src/books/lifeCare/view/chapter012.vue        |   88 -
 src/books/lifeCare/view/chapter017.vue        |   53 -
 src/books/lifeCare/index.vue                  |    6 
 src/books/lifeCare/view/chapter004.vue        |   73 -
 src/App.vue                                   |    3 
 src/books/lifeCare/view/chapter008.vue        |   42 
 27 files changed, 965 insertions(+), 1,162 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 23906da..96d9efc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -50,7 +50,6 @@
           if (tryPageCount) {
             this.activeBook.tryPageCount = tryPageCount;
           }
-          console.log("鍥句功", this.activeBook);
           if (
             (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig)
           ) {
@@ -65,7 +64,7 @@
         // childHealth
         // lifeCare
         // sportsAndHealth
-        this.config.resourceCtx + "sportsAndHealth"
+        this.config.resourceCtx + "lifeCare"
       );
       // 娴嬭瘯璇曡30椤�
       // this.activeBook.tryPageCount = 10;
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 04686e4..6e165c4 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -11,6 +11,10 @@
   border-color: #f49a4c;
   height: 100%;
 
+  .swiper-button-prev, .swiper-button-next {
+    color: #F49A4C;
+  }
+
   textarea:focus,
   input:focus {
     border: 0 !important;
@@ -23,6 +27,12 @@
     text-indent: 2em;
     max-width: 653px;
     min-height: 100px;
+  }
+  
+  .coverImg{
+    position: absolute;
+    top: 0;
+    left: 0;
   }
 
   .prefaceImg {
@@ -329,6 +339,11 @@
       background-color: #eee;
     }
 
+    .imgBox-003 {
+      width: 100%;
+      height: 220px;
+    }
+
     .chapter01Table {
       width: 100%;
 
diff --git a/src/books/lifeCare/image/Cover.jpg b/src/books/lifeCare/image/Cover.jpg
new file mode 100644
index 0000000..d0b231a
--- /dev/null
+++ b/src/books/lifeCare/image/Cover.jpg
Binary files differ
diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/index.vue
index 4dd6659..1981346 100644
--- a/src/books/lifeCare/index.vue
+++ b/src/books/lifeCare/index.vue
@@ -122,6 +122,10 @@
 import _ from "lodash";
 import getQuestionList from "@/assets/methods/examination";
 import testData from "./js/examinationList";
+import Swiper from "swiper/bundle";
+import "swiper/swiper-bundle.css";
+import Viewer from "viewerjs";
+import "viewerjs/dist/viewer.css";
 export default {
   data() {
     return {
@@ -182,7 +186,7 @@
   },
   mounted() {
     // 榛樿鍔犺浇绔犺妭
-    this.showCatalogList = [1];
+    this.showCatalogList = [4];
     // 婊氬姩鐩戝惉鑺傛祦
     this.throttledScrollHandler = _.throttle(
       this.scrollFun,
diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/chapter001.vue
index 7e2264d..1dad02f 100644
--- a/src/books/lifeCare/view/chapter001.vue
+++ b/src/books/lifeCare/view/chapter001.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="chapter" num="2">
-    <div class="page-box" page="7">
-      <div v-if="showPageList.indexOf(7) > -1">
+    <div class="page-box" page="10">
+      <div v-if="showPageList.indexOf(10) > -1">
         <div class="bodystyle topImg">
           <h2 id="b001">
             <img class="img-0" alt="" src="../image/dy1.jpg" />
@@ -55,8 +55,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="8">
-      <div v-if="showPageList.indexOf(8) > -1">
+    <div class="page-box" page="11">
+      <div v-if="showPageList.indexOf(11) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -76,21 +76,16 @@
                 <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
               </p>
             </div>
-            <p class="center">
+            <!-- <p class="center">
               <el-image
                 class="chapter001-img-0018"
                 :src="picOneUrl"
                 :preview-src-list="picArr"
               />
+            </p> -->
+            <p class="center openImgBox">
+              <img class="img-a" alt="" src="../image/0018-1.jpg" />
             </p>
-            <!-- <p class="center">
-            <img
-              class="img-a"
-              alt=""
-              @click="previewOne()"
-              src="../image/0018-1.jpg"
-            />
-          </p> -->
           </div>
           <div class="bk">
             <div class="bj1">
@@ -178,8 +173,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="9">
-      <div v-if="showPageList.indexOf(9) > -1">
+    <div class="page-box" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -328,8 +323,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="10">
-      <div v-if="showPageList.indexOf(10) > -1">
+    <div class="page-box" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -386,8 +381,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="11">
-      <div v-if="showPageList.indexOf(11) > -1">
+    <div class="page-box" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -453,8 +448,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="12">
-      <div v-if="showPageList.indexOf(12) > -1">
+    <div class="page-box" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -524,8 +519,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="13">
-      <div v-if="showPageList.indexOf(13) > -1">
+    <div class="page-box" page="16">
+      <div v-if="showPageList.indexOf(16) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -595,8 +590,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="14">
-      <div v-if="showPageList.indexOf(14) > -1">
+    <div class="page-box" page="17">
+      <div v-if="showPageList.indexOf(17) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1186,8 +1181,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="15">
-      <div v-if="showPageList.indexOf(15) > -1">
+    <div class="page-box" page="18">
+      <div v-if="showPageList.indexOf(18) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
diff --git a/src/books/lifeCare/view/chapter002.vue b/src/books/lifeCare/view/chapter002.vue
index ad7d79a..02dbdaa 100644
--- a/src/books/lifeCare/view/chapter002.vue
+++ b/src/books/lifeCare/view/chapter002.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="chapter" num="3">
-    <div class="page-box" page="16">
-      <div v-if="showPageList.indexOf(16) > -1">
+    <div class="page-box" page="19">
+      <div v-if="showPageList.indexOf(19) > -1">
         <div class="bodystyle topImg">
           <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2>
           <div class="bk">
@@ -53,8 +53,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="17">
-      <div v-if="showPageList.indexOf(17) > -1">
+    <div class="page-box" page="20">
+      <div v-if="showPageList.indexOf(20) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -75,13 +75,8 @@
                 <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
               </p>
             </div>
-            <p class="center">
-              <el-image
-                class="chapter002-img-0035"
-                :src="picOneUrl"
-                :preview-src-list="picArr"
-              />
-              <!-- <img class="img-a" alt="" src="../image/0027-1.jpg" /> -->
+            <p class="center openImgBox">
+              <img class="img-a" alt="" src="../image/0027-1.jpg" />
             </p>
           </div>
           <div class="bk">
@@ -98,8 +93,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="18">
-      <div v-if="showPageList.indexOf(18) > -1">
+    <div class="page-box" page="21">
+      <div v-if="showPageList.indexOf(21) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -205,8 +200,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="19">
-      <div v-if="showPageList.indexOf(19) > -1">
+    <div class="page-box" page="22">
+      <div v-if="showPageList.indexOf(22) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -374,8 +369,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="20">
-      <div v-if="showPageList.indexOf(20) > -1">
+    <div class="page-box" page="23">
+      <div v-if="showPageList.indexOf(23) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -476,8 +471,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="21">
-      <div v-if="showPageList.indexOf(21) > -1">
+    <div class="page-box" page="24">
+      <div v-if="showPageList.indexOf(24) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -537,8 +532,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="22">
-      <div v-if="showPageList.indexOf(22) > -1">
+    <div class="page-box" page="25">
+      <div v-if="showPageList.indexOf(25) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -643,8 +638,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="23">
-      <div v-if="showPageList.indexOf(23) > -1">
+    <div class="page-box" page="26">
+      <div v-if="showPageList.indexOf(26) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -836,8 +831,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="24">
-      <div v-if="showPageList.indexOf(24) > -1">
+    <div class="page-box" page="27">
+      <div v-if="showPageList.indexOf(27) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -928,8 +923,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="25">
-      <div v-if="showPageList.indexOf(25) > -1">
+    <div class="page-box" page="28">
+      <div v-if="showPageList.indexOf(28) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1064,20 +1059,15 @@
             4.浠嬬粛銆佸垎浜紝缁勯暱浠嬬粛璁捐澧欓潰鐨勬�濊矾銆佹剰涔変笌鐩殑锛岀粍鍛樺垎浜嚜宸卞湪娲诲姩杩囩▼涓殑蹇冨緱銆�
           </p>
           <p>5.璇勫垎锛岀敱鍏朵粬缁勬寜鐓ц璁℃潵鍥彁绀哄崱鐨勮瘎鍒嗘爣鍑嗘墦鍒嗐��</p>
-          <p class="center">
-            <el-image
-              class="chapter002-img-0035"
-              :src="picOneUrl"
-              :preview-src-list="picArr"
-            />
-            <!-- <img class="img-b" alt="" src="../image/0035-2.jpg" /> -->
+          <p class="center openImgBox">
+            <img class="img-b" alt="" src="../image/0035-2.jpg" />
           </p>
           <p class="img">鍥�1-2-1銆�鏉ュ洯鎻愮ず鍗�</p>
         </div>
       </div>
     </div>
-    <div class="page-box" page="26">
-      <div v-if="showPageList.indexOf(26) > -1">
+    <div class="page-box" page="29">
+      <div v-if="showPageList.indexOf(29) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1141,8 +1131,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="27">
-      <div v-if="showPageList.indexOf(27) > -1">
+    <div class="page-box" page="30">
+      <div v-if="showPageList.indexOf(30) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1214,8 +1204,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="28">
-      <div v-if="showPageList.indexOf(28) > -1">
+    <div class="page-box" page="31">
+      <div v-if="showPageList.indexOf(31) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1291,8 +1281,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="29">
-      <div v-if="showPageList.indexOf(29) > -1">
+    <div class="page-box" page="32">
+      <div v-if="showPageList.indexOf(32) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/chapter003.vue
index 5771971..2953fbf 100644
--- a/src/books/lifeCare/view/chapter003.vue
+++ b/src/books/lifeCare/view/chapter003.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="chapter" num="4">
-    <div class="page-box" page="30">
-      <div v-if="showPageList.indexOf(30) > -1">
+    <div class="page-box" page="33">
+      <div v-if="showPageList.indexOf(33) > -1">
         <div class="bodystyle topImg">
           <h2 id="b003">
             <img class="img-0" alt="" src="../image/dy3.jpg" />
@@ -54,8 +54,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="31">
-      <div v-if="showPageList.indexOf(31) > -1">
+    <div class="page-box" page="34">
+      <div v-if="showPageList.indexOf(34) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -76,13 +76,8 @@
                 <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
               </p>
             </div>
-            <p class="center">
-              <el-image
-                class="chapter002-img-0035"
-                :src="picOneUrl"
-                :preview-src-list="picArr"
-              />
-              <!-- <img class="img-a" alt="" src="../image/0041-1.jpg" /> -->
+            <p class="center openImgBox">
+              <img class="img-a" alt="" src="../image/0041-1.jpg" />
             </p>
           </div>
           <div class="bk">
@@ -98,8 +93,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="32">
-      <div v-if="showPageList.indexOf(32) > -1">
+    <div class="page-box" page="35">
+      <div v-if="showPageList.indexOf(35) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -191,27 +186,54 @@
           <p>绗簲姝ワ細涓�鎵嬫彙鍙︿竴鎵嬬殑鎷囨寚鏃嬭浆鎼撴摝锛岀劧鍚庝氦鎹㈣繘琛岋紙瑙佸浘1-3-5锛夈��</p>
           <p>绗叚姝ワ細鎸囧皷鍦ㄥ彟涓�鎵嬬殑鎺屽績鎼撴摝锛堣鍥�1-3-6锛夈��</p>
           <p>绗竷姝ワ細鏃嬭浆鎻夋悡鑵曢儴鑷宠倶閮紙瑙佸浘1-3-7锛夈��</p>
-          <el-carousel
-            :interval="3000"
-            :type="sevenImgList?.length > 2 ? 'card' : ''"
-            indicator-position="none"
-          >
-            <el-carousel-item v-for="(item, i) in sevenImgList" :key="i">
-              <div class="imgCarousel">
-                <el-image
-                  :src="item.url"
-                  :preview-src-list="sevenSrcList"
-                  :fit="'fill'"
-                />
-                <span v-if="item.name" class="medium">{{ item.name }}</span>
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0042-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0042-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0042-4.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0043-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0043-2.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0043-3.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0043-4.jpg" />
+                  </div>
+                </div>
               </div>
-            </el-carousel-item>
-          </el-carousel>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
-    <div class="page-box" page="33">
-      <div v-if="showPageList.indexOf(33) > -1">
+    <div class="page-box" page="36">
+      <div v-if="showPageList.indexOf(36) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -343,8 +365,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="34">
-      <div v-if="showPageList.indexOf(34) > -1">
+    <div class="page-box" page="37">
+      <div v-if="showPageList.indexOf(37) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -465,8 +487,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="35">
-      <div v-if="showPageList.indexOf(35) > -1">
+    <div class="page-box" page="38">
+      <div v-if="showPageList.indexOf(38) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -589,8 +611,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="36">
-      <div v-if="showPageList.indexOf(36) > -1">
+    <div class="page-box" page="39">
+      <div v-if="showPageList.indexOf(39) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -648,8 +670,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="37">
-      <div v-if="showPageList.indexOf(37) > -1">
+    <div class="page-box" page="40">
+      <div v-if="showPageList.indexOf(40) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -770,8 +792,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="38">
-      <div v-if="showPageList.indexOf(38) > -1">
+    <div class="page-box" page="41">
+      <div v-if="showPageList.indexOf(41) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -835,8 +857,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="39">
-      <div v-if="showPageList.indexOf(39) > -1">
+    <div class="page-box" page="42">
+      <div v-if="showPageList.indexOf(42) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -989,8 +1011,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="40">
-      <div v-if="showPageList.indexOf(40) > -1">
+    <div class="page-box" page="43">
+      <div v-if="showPageList.indexOf(43) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1114,8 +1136,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="41">
-      <div v-if="showPageList.indexOf(41) > -1">
+    <div class="page-box" page="44">
+      <div v-if="showPageList.indexOf(44) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1177,8 +1199,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="42">
-      <div v-if="showPageList.indexOf(42) > -1">
+    <div class="page-box" page="45">
+      <div v-if="showPageList.indexOf(45) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1320,8 +1342,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="43">
-      <div v-if="showPageList.indexOf(43) > -1">
+    <div class="page-box" page="46">
+      <div v-if="showPageList.indexOf(46) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1435,8 +1457,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="44">
-      <div v-if="showPageList.indexOf(44) > -1">
+    <div class="page-box" page="47">
+      <div v-if="showPageList.indexOf(47) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1495,8 +1517,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="45">
-      <div v-if="showPageList.indexOf(45) > -1">
+    <div class="page-box" page="48">
+      <div v-if="showPageList.indexOf(48) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1701,8 +1723,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="46">
-      <div v-if="showPageList.indexOf(46) > -1">
+    <div class="page-box" page="49">
+      <div v-if="showPageList.indexOf(49) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1848,8 +1870,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="47">
-      <div v-if="showPageList.indexOf(47) > -1">
+    <div class="page-box" page="50">
+      <div v-if="showPageList.indexOf(50) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1864,7 +1886,7 @@
           </div>
         </div>
         <div class="bodystyle">
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0057-1.jpg" />
           </p>
           <p class="img">鍥�1-3-8</p>
@@ -1897,8 +1919,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="48">
-      <div v-if="showPageList.indexOf(48) > -1">
+    <div class="page-box" page="51">
+      <div v-if="showPageList.indexOf(51) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1989,17 +2011,6 @@
             </div>
           </div>
           <p><br /></p>
-          <!-- <div class="bk-sys">
-          <div class="bj1-sys">
-            <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
-            </p>
-          </div>
-          <p class="center">
-            <img class="img-h" alt="" src="../image/0058-2.jpg" />
-          </p>
-          <p class="img">鍒风墮</p>
-        </div> -->
           <p><b>鈶℃椿鍔ㄨ繃绋�</b></p>
           <p>1.鏃犵墮鏈熺殑鍙h厰鎶ょ悊锛堣鍥�1-3-9锛夈��</p>
           <p>
@@ -2016,22 +2027,43 @@
           <p>
             绗簩姝ワ細璋冩暣濂藉┐鍎垮湪鎬�涓殑浣嶇疆锛屼娇濠村効鐨勫ご閮ㄥ敖閲忓線鍚庝话锛岀劧鍚庡皢鎸囧鐗欏埛浣╂埓鍦ㄦ墜涓婏紝灏忓績鍦版摝鎷┐鍎跨殑鐗欓娇鍜岀墮榫堥儴鍒嗭紝閲嶇偣娓呯悊瀵硅薄涓虹墮榻夸笌鐗欏簥浜ゆ帴鐨勫湴鏂瑰強鐗欑紳锛屾竻闄ょ墮榫堝拰涔崇墮涓婃畫鐣欑殑濂舵笉鍜岃緟椋燂紝娉ㄦ剰鍔ㄤ綔瑕佽交鏌斻��
           </p>
-          <el-carousel
-            :interval="3000"
-            :type="picImageList?.length > 2 ? 'card' : ''"
-            indicator-position="none"
-          >
-            <el-carousel-item v-for="(item, i) in picImageList" :key="i">
-              <div class="imgCarousel">
-                <el-image
-                  :src="item.url"
-                  :preview-src-list="picArr110"
-                  :fit="'fill'"
-                />
-                <span v-if="item.name" class="medium">{{ item.name }}</span>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="52">
+      <div v-if="showPageList.indexOf(52) > -1">
+        <div class="header">
+          <div class="pageHeader-second">
+            <div class="second-con">
+              <div class="second-left"></div>
+              <div class="second-right">
+                <img src="../image/pageImg.png" alt="" />
+                <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
+                <span class="pageNum">1-43</span>
               </div>
-            </el-carousel-item>
-          </el-carousel>
+            </div>
+            <div class="borderLine"></div>
+          </div>
+        </div>
+        <div class="bodystyle">
+          <div class="imgBox-003 openImgBox">
+            <div class="swiper-container">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0059-1.jpg" />
+                  </div>
+                </div>
+                <div class="swiper-slide">
+                  <div class="imgBox" style="width: 100%; height: 100%">
+                    <img src="../image/0059-2.jpg" />
+                  </div>
+                </div>
+              </div>
+              <div class="swiper-button-next"></div>
+              <div class="swiper-button-prev"></div>
+            </div>
+          </div>
           <p>3.涓�宀佷互涓婂辜鍎跨殑鍙h厰鎶ょ悊锛堣鍥�1-3-11锛夈��</p>
           <p>绗竴姝ワ細灏嗙墮鍒风敤娓╂按娴告场1锝�2鍒嗛挓锛屼娇鍒锋瘺鍙樺緱鏌旇蒋銆�</p>
           <p>
@@ -2042,7 +2074,7 @@
           </p>
           <p>绗洓姝ワ細鐢ㄦ俯姘村惈婕辨暟娆★紝鐩磋嚦鐗欒啅娉℃搏瀹屽叏婕卞共鍑�涓烘銆�</p>
           <p>绗簲姝ワ細鎿︽礂鍢磋鍙婇潰閮ㄦ畫浣欐按娓嶃��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0059-3.jpg" />
           </p>
           <p class="img">鍥�1-3-11銆�宸存皬鍒风墮娉�</p>
@@ -2060,19 +2092,18 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="49">
-      <div v-if="showPageList.indexOf(49) > -1">
+    <div class="page-box" page="53">
+      <div v-if="showPageList.indexOf(53) > -1">
         <div class="header">
-          <div class="pageHeader-second">
-            <div class="second-con">
-              <div class="second-left"></div>
-              <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
-                <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
-                <span class="pageNum">1-43</span>
+          <div class="pageHeader-first">
+            <div class="header-bj"></div>
+            <div class="content">
+              <div class="pageStr">1-44</div>
+              <div class="title">
+                <img src="../image/chapter.png" alt="" />
+                <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
-            <div class="borderLine"></div>
           </div>
         </div>
         <div class="bodystyle">
@@ -2080,18 +2111,6 @@
           <p>
             2锝�4浜轰负涓�缁勫紑灞曞┐骞煎効鍙h厰娓呮磥鐨勬ā鎷熷疄璁紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収濠村辜鍎垮彛鑵旀竻娲佺殑璇勫垎鏍囧噯缁欐搷浣滆�呮墦鍒嗐��
           </p>
-          <!-- <p><br /></p>
-        <div class="bk-sys">
-          <div class="bj1-sys">
-            <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
-            </p>
-          </div>
-          <p class="center">
-            <img class="img-h" alt="" src="../image/0060-1.jpg" />
-          </p>
-          <p class="img">濠村辜鍎垮彛鑵旀竻娲佺殑璇勫垎鏍囧噯</p>
-        </div> -->
           <h4 id="d028">
             鈻垛柖 娲诲姩3锛氭寚瀵煎辜鍎挎急鍙�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
           </h4>
@@ -2139,17 +2158,6 @@
             </div>
           </div>
           <p><br /></p>
-          <!-- <div class="bk-sys">
-          <div class="bj1-sys">
-            <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
-            </p>
-          </div>
-          <p class="center">
-            <img class="img-h" alt="" src="../image/0060-2.jpg" />
-          </p>
-          <p class="img">鎸囧骞煎効婕卞彛</p>
-        </div> -->
           <img class="img-gn2" alt="" src="../image/xxgcy.png" />
           <p>
             璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鍦ㄦ急鍙f椂锛屼繚鏁欎汉鍛橀兘鍋氫簡鍝簺鎸囧銆傝鐢诲嚭婕卞彛鎸囧鐨勬祦绋嬪浘锛岃褰曟寚瀵煎辜鍎挎急鍙g殑鍎挎瓕骞跺洖绛旂浉鍏抽棶棰樸��
@@ -2187,18 +2195,19 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="50">
-      <div v-if="showPageList.indexOf(50) > -1">
+    <div class="page-box" page="54">
+      <div v-if="showPageList.indexOf(54) > -1">
         <div class="header">
-          <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">1-44</div>
-              <div class="title">
-                <img src="../image/chapter.png" alt="" />
-                <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+          <div class="pageHeader-second">
+            <div class="second-con">
+              <div class="second-left"></div>
+              <div class="second-right">
+                <img src="../image/pageImg.png" alt="" />
+                <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
+                <span class="pageNum">1-45</span>
               </div>
             </div>
+            <div class="borderLine"></div>
           </div>
         </div>
         <div class="bodystyle">
@@ -2282,17 +2291,6 @@
             </div>
           </div>
           <p><br /></p>
-          <!-- <div class="bk-sys">
-          <div class="bj1-sys">
-            <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
-            </p>
-          </div>
-          <p class="center">
-            <img class="img-h" alt="" src="../image/0061-1.jpg" />
-          </p>
-          <p class="img">骞煎効涓嶈壇娲楁墜涔犳儻</p>
-        </div> -->
           <img class="img-gn2" alt="" src="../image/xxgcy.png" />
           <p>
             璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鏈夊摢浜涗笉鑹崼鐢熶範鎯�傚鏋滄湁璇锋寚鍑洪棶棰橈紝骞舵彁鍑烘敼姝g殑鏂规硶銆�
@@ -2310,19 +2308,18 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="51">
-      <div v-if="showPageList.indexOf(51) > -1">
+    <div class="page-box" page="55">
+      <div v-if="showPageList.indexOf(55) > -1">
         <div class="header">
-          <div class="pageHeader-second">
-            <div class="second-con">
-              <div class="second-left"></div>
-              <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
-                <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
-                <span class="pageNum">1-45</span>
+          <div class="pageHeader-first">
+            <div class="header-bj"></div>
+            <div class="content">
+              <div class="pageStr">1-46</div>
+              <div class="title">
+                <img src="../image/chapter.png" alt="" />
+                <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
-            <div class="borderLine"></div>
           </div>
         </div>
         <div class="bodystyle">
@@ -2385,17 +2382,6 @@
             </div>
           </div>
           <p><br /></p>
-          <!-- <div class="bk-sys">
-          <div class="bj1-sys">
-            <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
-            </p>
-          </div>
-          <p class="center">
-            <img class="img-h" alt="" src="../image/0062-1.jpg" />
-          </p>
-          <p class="img">骞煎効鐨勪笉鑹埛鐗欎範鎯�</p>
-        </div> -->
           <p><b>鈶犳椿鍔ㄥ噯澶�</b></p>
           <p>1.鐜鍑嗗锛氶�夋嫨閫氶涓旈噰鍏夎壇濂界殑鐜銆�</p>
           <p>
@@ -2436,18 +2422,19 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="52">
-      <div v-if="showPageList.indexOf(52) > -1">
+    <div class="page-box" page="56">
+      <div v-if="showPageList.indexOf(56) > -1">
         <div class="header">
-          <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">1-46</div>
-              <div class="title">
-                <img src="../image/chapter.png" alt="" />
-                <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+          <div class="pageHeader-second">
+            <div class="second-con">
+              <div class="second-left"></div>
+              <div class="second-right">
+                <img src="../image/pageImg.png" alt="" />
+                <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
+                <span class="pageNum">1-47</span>
               </div>
             </div>
+            <div class="borderLine"></div>
           </div>
         </div>
         <div class="bodystyle">
@@ -2501,19 +2488,18 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="53">
-      <div v-if="showPageList.indexOf(53) > -1">
+    <div class="page-box" page="57">
+      <div v-if="showPageList.indexOf(57) > -1">
         <div class="header">
-          <div class="pageHeader-second">
-            <div class="second-con">
-              <div class="second-left"></div>
-              <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
-                <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
-                <span class="pageNum">1-47</span>
+          <div class="pageHeader-first">
+            <div class="header-bj"></div>
+            <div class="content">
+              <div class="pageStr">1-48</div>
+              <div class="title">
+                <img src="../image/chapter.png" alt="" />
+                <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
-            <div class="borderLine"></div>
           </div>
         </div>
         <div class="bodystyle">
@@ -2617,18 +2603,19 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="54">
-      <div v-if="showPageList.indexOf(54) > -1">
+    <div class="page-box" page="58">
+      <div v-if="showPageList.indexOf(58) > -1">
         <div class="header">
-          <div class="pageHeader-first">
-            <div class="header-bj"></div>
-            <div class="content">
-              <div class="pageStr">1-48</div>
-              <div class="title">
-                <img src="../image/chapter.png" alt="" />
-                <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+          <div class="pageHeader-second">
+            <div class="second-con">
+              <div class="second-left"></div>
+              <div class="second-right">
+                <img src="../image/pageImg.png" alt="" />
+                <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
+                <span class="pageNum">1-49</span>
               </div>
             </div>
+            <div class="borderLine"></div>
           </div>
         </div>
         <div class="bodystyle">
@@ -2755,15 +2742,6 @@
           name: "鍥�1-3-10",
           url: require("../image/0059-2.jpg"),
         },
-      ],
-      sevenSrcList: [
-        "../image/0042-2.jpg",
-        "../image/0042-3.jpg",
-        "../image/0042-4.jpg",
-        "../image/0043-1.jpg",
-        "../image/0043-2.jpg",
-        "../image/0043-3.jpg",
-        "../image/0043-4.jpg",
       ],
       sevenImgList: [
         {
diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/chapter004.vue
index c39758f..c9f32f4 100644
--- a/src/books/lifeCare/view/chapter004.vue
+++ b/src/books/lifeCare/view/chapter004.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="chapter" num="5">
-    <div class="page-box" page="55">
-      <div v-if="showPageList.indexOf(55) > -1">
+    <div class="page-box" page="59">
+      <div v-if="showPageList.indexOf(59) > -1">
         <div class="bodystyle topImg">
           <h2 id="b004">
             <img class="img-0" alt="" src="../image/dy4.jpg" />
@@ -62,8 +62,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="56">
-      <div v-if="showPageList.indexOf(56) > -1">
+    <div class="page-box" page="60">
+      <div v-if="showPageList.indexOf(60) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -84,13 +84,8 @@
                 <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
               </p>
             </div>
-            <p class="center">
-              <el-image
-                class="chapter002-img-0035"
-                :src="picOneUrl"
-                :preview-src-list="picArr"
-              />
-              <!-- <img class="img-b" alt="" src="../image/0067-1.jpg" /> -->
+            <p class="center openImgBox">
+              <img class="img-b" alt="" src="../image/0067-1.jpg" />
             </p>
           </div>
           <div class="bk">
@@ -132,8 +127,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="57">
-      <div v-if="showPageList.indexOf(57) > -1">
+    <div class="page-box" page="61">
+      <div v-if="showPageList.indexOf(61) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -218,8 +213,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="58">
-      <div v-if="showPageList.indexOf(58) > -1">
+    <div class="page-box" page="62">
+      <div v-if="showPageList.indexOf(62) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -287,8 +282,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="59">
-      <div v-if="showPageList.indexOf(59) > -1">
+    <div class="page-box" page="63">
+      <div v-if="showPageList.indexOf(63) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -404,8 +399,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="60">
-      <div v-if="showPageList.indexOf(60) > -1">
+    <div class="page-box" page="64">
+      <div v-if="showPageList.indexOf(64) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -559,8 +554,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="61">
-      <div v-if="showPageList.indexOf(61) > -1">
+    <div class="page-box" page="65">
+      <div v-if="showPageList.indexOf(65) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -627,8 +622,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="62">
-      <div v-if="showPageList.indexOf(62) > -1">
+    <div class="page-box" page="66">
+      <div v-if="showPageList.indexOf(66) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -693,8 +688,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="63">
-      <div v-if="showPageList.indexOf(63) > -1">
+    <div class="page-box" page="67">
+      <div v-if="showPageList.indexOf(67) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -749,8 +744,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="64">
-      <div v-if="showPageList.indexOf(64) > -1">
+    <div class="page-box" page="68">
+      <div v-if="showPageList.indexOf(68) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -872,8 +867,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="65">
-      <div v-if="showPageList.indexOf(65) > -1">
+    <div class="page-box" page="69">
+      <div v-if="showPageList.indexOf(69) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -937,8 +932,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="66">
-      <div v-if="showPageList.indexOf(66) > -1">
+    <div class="page-box" page="70">
+      <div v-if="showPageList.indexOf(70) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -995,8 +990,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="67">
-      <div v-if="showPageList.indexOf(67) > -1">
+    <div class="page-box" page="71">
+      <div v-if="showPageList.indexOf(71) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1115,8 +1110,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="68">
-      <div v-if="showPageList.indexOf(68) > -1">
+    <div class="page-box" page="72">
+      <div v-if="showPageList.indexOf(72) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1171,8 +1166,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="69">
-      <div v-if="showPageList.indexOf(69) > -1">
+    <div class="page-box" page="73">
+      <div v-if="showPageList.indexOf(73) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1269,8 +1264,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="70">
-      <div v-if="showPageList.indexOf(70) > -1">
+    <div class="page-box" page="74">
+      <div v-if="showPageList.indexOf(74) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue
index c192e2d..ad7a97a 100644
--- a/src/books/lifeCare/view/chapter005.vue
+++ b/src/books/lifeCare/view/chapter005.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="chapter" num="6">
-    <div class="page-box" page="71">
-      <div v-if="showPageList.indexOf(71) > -1">
+    <div class="page-box" page="75">
+      <div v-if="showPageList.indexOf(75) > -1">
         <div class="bodystyle topImg">
           <h2 id="b005">
             <img class="img-0" alt="" src="../image/dy5.jpg" />
@@ -62,8 +62,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="72">
-      <div v-if="showPageList.indexOf(72) > -1">
+    <div class="page-box" page="76">
+      <div v-if="showPageList.indexOf(76) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -84,13 +84,8 @@
                 <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
               </p>
             </div>
-            <p class="center">
-              <el-image
-                class="chapter002-img-0035"
-                :src="picOneUrl"
-                :preview-src-list="picArr"
-              />
-              <!-- <img class="img-a" alt="" src="../image/0083-1.jpg" /> -->
+            <p class="center openImgBox">
+              <img class="img-a" alt="" src="../image/0083-1.jpg" />
             </p>
           </div>
           <div class="bk">
@@ -109,8 +104,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="73">
-      <div v-if="showPageList.indexOf(73) > -1">
+    <div class="page-box" page="77">
+      <div v-if="showPageList.indexOf(77) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -168,8 +163,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="74">
-      <div v-if="showPageList.indexOf(74) > -1">
+    <div class="page-box" page="78">
+      <div v-if="showPageList.indexOf(78) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -290,8 +285,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="75">
-      <div v-if="showPageList.indexOf(75) > -1">
+    <div class="page-box" page="79">
+      <div v-if="showPageList.indexOf(79) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -404,16 +399,11 @@
               v-if="chapter005.pictrueListTwo.length > 0"
             >
               <div
-                class="demo-image__preview"
+                class="demo-image__preview openImgBox"
                 v-for="item in chapter005.pictrueListTwo"
                 :key="item"
               >
-                <el-image
-                  style="height: 100%"
-                  :src="item"
-                  :preview-src-list="chapter005.pictrueListTwo"
-                >
-                </el-image>
+                <img style="height: 100%" :src="item" alt="" />
               </div>
             </div>
             <div class="bk-inputUpload">
@@ -428,8 +418,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="76">
-      <div v-if="showPageList.indexOf(76) > -1">
+    <div class="page-box" page="80">
+      <div v-if="showPageList.indexOf(80) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -546,8 +536,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="77">
-      <div v-if="showPageList.indexOf(77) > -1">
+    <div class="page-box" page="81">
+      <div v-if="showPageList.indexOf(81) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -712,8 +702,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="78">
-      <div v-if="showPageList.indexOf(78) > -1">
+    <div class="page-box" page="82">
+      <div v-if="showPageList.indexOf(82) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -818,8 +808,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="79">
-      <div v-if="showPageList.indexOf(79) > -1">
+    <div class="page-box" page="83">
+      <div v-if="showPageList.indexOf(83) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -923,8 +913,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="80">
-      <div v-if="showPageList.indexOf(80) > -1">
+    <div class="page-box" page="84">
+      <div v-if="showPageList.indexOf(84) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -998,8 +988,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="81">
-      <div v-if="showPageList.indexOf(81) > -1">
+    <div class="page-box" page="85">
+      <div v-if="showPageList.indexOf(85) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1061,8 +1051,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="82">
-      <div v-if="showPageList.indexOf(82) > -1">
+    <div class="page-box" page="86">
+      <div v-if="showPageList.indexOf(86) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1231,8 +1221,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="83">
-      <div v-if="showPageList.indexOf(83) > -1">
+    <div class="page-box" page="87">
+      <div v-if="showPageList.indexOf(87) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1320,8 +1310,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="84">
-      <div v-if="showPageList.indexOf(84) > -1">
+    <div class="page-box" page="88">
+      <div v-if="showPageList.indexOf(88) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1393,8 +1383,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="85">
-      <div v-if="showPageList.indexOf(85) > -1">
+    <div class="page-box" page="89">
+      <div v-if="showPageList.indexOf(89) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1501,8 +1491,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="86">
-      <div v-if="showPageList.indexOf(86) > -1">
+    <div class="page-box" page="90">
+      <div v-if="showPageList.indexOf(90) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1724,8 +1714,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="87">
-      <div v-if="showPageList.indexOf(87) > -1">
+    <div class="page-box" page="91">
+      <div v-if="showPageList.indexOf(91) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1895,8 +1885,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="88">
-      <div v-if="showPageList.indexOf(88) > -1">
+    <div class="page-box" page="92">
+      <div v-if="showPageList.indexOf(92) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -2010,8 +2000,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="89">
-      <div v-if="showPageList.indexOf(89) > -1">
+    <div class="page-box" page="93">
+      <div v-if="showPageList.indexOf(93) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -2074,8 +2064,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="90">
-      <div v-if="showPageList.indexOf(90) > -1">
+    <div class="page-box" page="94">
+      <div v-if="showPageList.indexOf(94) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -2248,8 +2238,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="91">
-      <div v-if="showPageList.indexOf(91) > -1">
+    <div class="page-box" page="95">
+      <div v-if="showPageList.indexOf(95) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -2334,8 +2324,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="92">
-      <div v-if="showPageList.indexOf(92) > -1">
+    <div class="page-box" page="96">
+      <div v-if="showPageList.indexOf(96) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -2398,8 +2388,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="93">
-      <div v-if="showPageList.indexOf(93) > -1">
+    <div class="page-box" page="97">
+      <div v-if="showPageList.indexOf(97) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -2461,8 +2451,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="94">
-      <div v-if="showPageList.indexOf(94) > -1">
+    <div class="page-box" page="98">
+      <div v-if="showPageList.indexOf(98) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -2540,8 +2530,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="95">
-      <div v-if="showPageList.indexOf(95) > -1">
+    <div class="page-box" page="99">
+      <div v-if="showPageList.indexOf(99) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -2657,8 +2647,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="96">
-      <div v-if="showPageList.indexOf(96) > -1">
+    <div class="page-box" page="100">
+      <div v-if="showPageList.indexOf(100) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -2666,7 +2656,7 @@
               <div class="second-right">
                 <img src="../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
-                <span class="pageNum">1-91</span>
+                <span class="pageNum">1-95</span>
               </div>
             </div>
             <div class="borderLine"></div>
@@ -2776,8 +2766,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="97">
-      <div v-if="showPageList.indexOf(97) > -1">
+    <div class="page-box" page="101">
+      <div v-if="showPageList.indexOf(101) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -2835,8 +2825,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="98">
-      <div v-if="showPageList.indexOf(98) > -1">
+    <div class="page-box" page="102">
+      <div v-if="showPageList.indexOf(102) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -2930,8 +2920,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="99">
-      <div v-if="showPageList.indexOf(99) > -1">
+    <div class="page-box" page="103">
+      <div v-if="showPageList.indexOf(103) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
diff --git a/src/books/lifeCare/view/chapter006.vue b/src/books/lifeCare/view/chapter006.vue
index f23b7df..b35e5e8 100644
--- a/src/books/lifeCare/view/chapter006.vue
+++ b/src/books/lifeCare/view/chapter006.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="chapter" num="7">
-    <div class="page-box" page="100">
-      <div v-if="showPageList.indexOf(100) > -1">
+    <div class="page-box" page="104">
+      <div v-if="showPageList.indexOf(104) > -1">
         <div class="bodystyle topImg">
           <h2 id="b006"><img class="img-0" alt="" src="../image/dy6.jpg" /></h2>
           <div class="bk">
@@ -49,8 +49,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="101">
-      <div v-if="showPageList.indexOf(101) > -1">
+    <div class="page-box" page="105">
+      <div v-if="showPageList.indexOf(105) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -70,13 +70,13 @@
                 <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
               </p>
             </div>
-            <p class="center">
-              <el-image
+            <p class="center openImgBox">
+              <!-- <el-image
                 class="chapter002-img-0035"
                 :src="picOneUrl"
                 :preview-src-list="picArr"
-              />
-              <!-- <img class="img-b" alt="" src="../image/0112-1.jpg" /> -->
+              /> -->
+              <img class="img-b" alt="" src="../image/0112-1.jpg" />
             </p>
           </div>
           <div class="bk">
@@ -114,8 +114,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="102">
-      <div v-if="showPageList.indexOf(102) > -1">
+    <div class="page-box" page="106">
+      <div v-if="showPageList.indexOf(106) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -180,8 +180,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="103">
-      <div v-if="showPageList.indexOf(103) > -1">
+    <div class="page-box" page="107">
+      <div v-if="showPageList.indexOf(107) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -288,8 +288,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="104">
-      <div v-if="showPageList.indexOf(104) > -1">
+    <div class="page-box" page="108">
+      <div v-if="showPageList.indexOf(108) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -349,8 +349,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="105">
-      <div v-if="showPageList.indexOf(105) > -1">
+    <div class="page-box" page="109">
+      <div v-if="showPageList.indexOf(109) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -404,8 +404,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="106">
-      <div v-if="showPageList.indexOf(106) > -1">
+    <div class="page-box" page="110">
+      <div v-if="showPageList.indexOf(110) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -461,8 +461,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="107">
-      <div v-if="showPageList.indexOf(107) > -1">
+    <div class="page-box" page="111">
+      <div v-if="showPageList.indexOf(111) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -521,8 +521,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="108">
-      <div v-if="showPageList.indexOf(108) > -1">
+    <div class="page-box" page="112">
+      <div v-if="showPageList.indexOf(112) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -585,8 +585,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="109">
-      <div v-if="showPageList.indexOf(109) > -1">
+    <div class="page-box" page="113">
+      <div v-if="showPageList.indexOf(113) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -733,8 +733,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="110">
-      <div v-if="showPageList.indexOf(110) > -1">
+    <div class="page-box" page="114">
+      <div v-if="showPageList.indexOf(114) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -797,8 +797,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="111">
-      <div v-if="showPageList.indexOf(111) > -1">
+    <div class="page-box" page="115">
+      <div v-if="showPageList.indexOf(115) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1020,8 +1020,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="112">
-      <div v-if="showPageList.indexOf(112) > -1">
+    <div class="page-box" page="116">
+      <div v-if="showPageList.indexOf(116) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1204,8 +1204,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="113">
-      <div v-if="showPageList.indexOf(113) > -1">
+    <div class="page-box" page="117">
+      <div v-if="showPageList.indexOf(117) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
diff --git a/src/books/lifeCare/view/chapter007.vue b/src/books/lifeCare/view/chapter007.vue
index 1add9fb..335d64d 100644
--- a/src/books/lifeCare/view/chapter007.vue
+++ b/src/books/lifeCare/view/chapter007.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="chapter" num="8">
-    <div class="page-box" page="114">
-      <div v-if="showPageList.indexOf(114) > -1">
+    <div class="page-box" page="118">
+      <div v-if="showPageList.indexOf(118) > -1">
         <div class="bodystyle topImg">
           <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
           <div class="bk">
@@ -50,8 +50,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="115">
-      <div v-if="showPageList.indexOf(115) > -1">
+    <div class="page-box" page="119">
+      <div v-if="showPageList.indexOf(119) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -71,13 +71,8 @@
                 <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
               </p>
             </div>
-            <p class="center">
-              <el-image
-                class="chapter002-img-0035"
-                :src="picOneUrl"
-                :preview-src-list="picArr"
-              />
-              <!-- <img class="img-a" alt="" src="../image/0126-1.jpg" /> -->
+            <p class="center openImgBox">
+              <img class="img-a" alt="" src="../image/0126-1.jpg" />
             </p>
           </div>
           <div class="bk">
@@ -101,8 +96,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="116">
-      <div v-if="showPageList.indexOf(116) > -1">
+    <div class="page-box" page="120">
+      <div v-if="showPageList.indexOf(120) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -219,8 +214,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="117">
-      <div v-if="showPageList.indexOf(117) > -1">
+    <div class="page-box" page="121">
+      <div v-if="showPageList.indexOf(121) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -304,8 +299,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="118">
-      <div v-if="showPageList.indexOf(118) > -1">
+    <div class="page-box" page="122">
+      <div v-if="showPageList.indexOf(122) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -364,8 +359,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="119">
-      <div v-if="showPageList.indexOf(119) > -1">
+    <div class="page-box" page="123">
+      <div v-if="showPageList.indexOf(123) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -521,8 +516,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="120">
-      <div v-if="showPageList.indexOf(120) > -1">
+    <div class="page-box" page="124">
+      <div v-if="showPageList.indexOf(124) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -569,16 +564,11 @@
               v-if="chapter007.pictrueListTwo.length > 0"
             >
               <div
-                class="demo-image__preview"
+                class="demo-image__preview openImgBox"
                 v-for="item in chapter007.pictrueListTwo"
                 :key="item"
               >
-                <el-image
-                  style="height: 100%"
-                  :src="item"
-                  :preview-src-list="chapter007.pictrueListTwo"
-                >
-                </el-image>
+                <img style="height: 100%" :src="item" alt="" />
               </div>
             </div>
             <div class="bk-inputUpload">
@@ -641,8 +631,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="121">
-      <div v-if="showPageList.indexOf(121) > -1">
+    <div class="page-box" page="125">
+      <div v-if="showPageList.indexOf(125) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -697,8 +687,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="122">
-      <div v-if="showPageList.indexOf(122) > -1">
+    <div class="page-box" page="126">
+      <div v-if="showPageList.indexOf(126) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -912,8 +902,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="123">
-      <div v-if="showPageList.indexOf(123) > -1">
+    <div class="page-box" page="127">
+      <div v-if="showPageList.indexOf(127) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1139,8 +1129,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="124">
-      <div v-if="showPageList.indexOf(124) > -1">
+    <div class="page-box" page="128">
+      <div v-if="showPageList.indexOf(128) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1197,8 +1187,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="125">
-      <div v-if="showPageList.indexOf(125) > -1">
+    <div class="page-box" page="129">
+      <div v-if="showPageList.indexOf(129) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1353,8 +1343,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="126">
-      <div v-if="showPageList.indexOf(126) > -1">
+    <div class="page-box" page="130">
+      <div v-if="showPageList.indexOf(130) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1406,16 +1396,11 @@
               v-if="chapter007.pictrueList.length > 0"
             >
               <div
-                class="demo-image__preview-swdt"
+                class="demo-image__preview-swdt openImgBox"
                 v-for="item in chapter007.pictrueList"
                 :key="item"
               >
-                <el-image
-                  style="width: 100%"
-                  :src="item"
-                  :preview-src-list="chapter007.pictrueList"
-                >
-                </el-image>
+                <img style="width: 100%" :src="item" alt="" />
               </div>
             </div>
           </div>
@@ -1483,8 +1468,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="127">
-      <div v-if="showPageList.indexOf(127) > -1">
+    <div class="page-box" page="131">
+      <div v-if="showPageList.indexOf(131) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1606,8 +1591,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="128">
-      <div v-if="showPageList.indexOf(128) > -1">
+    <div class="page-box" page="132">
+      <div v-if="showPageList.indexOf(132) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1629,16 +1614,11 @@
               v-if="chapter007.pictrueListThree.length > 0"
             >
               <div
-                class="demo-image__preview"
+                class="demo-image__preview openImgBox"
                 v-for="item in chapter007.pictrueListThree"
                 :key="item"
               >
-                <el-image
-                  style="height: 100%"
-                  :src="item"
-                  :preview-src-list="chapter007.pictrueListThree"
-                >
-                </el-image>
+                <img style="height: 100%" :src="item" alt="" />
               </div>
             </div>
             <div class="bk-inputUpload">
@@ -1715,8 +1695,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="129">
-      <div v-if="showPageList.indexOf(129) > -1">
+    <div class="page-box" page="133">
+      <div v-if="showPageList.indexOf(133) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1816,8 +1796,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="130">
-      <div v-if="showPageList.indexOf(130) > -1">
+    <div class="page-box" page="134">
+      <div v-if="showPageList.indexOf(134) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1902,8 +1882,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="131">
-      <div v-if="showPageList.indexOf(131) > -1">
+    <div class="page-box" page="135">
+      <div v-if="showPageList.indexOf(135) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -1971,8 +1951,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="132">
-      <div v-if="showPageList.indexOf(132) > -1">
+    <div class="page-box" page="136">
+      <div v-if="showPageList.indexOf(136) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -1980,7 +1960,7 @@
               <div class="second-right">
                 <img src="../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
-                <span class="pageNum">1-127</span>
+                <span class="pageNum">1-126</span>
               </div>
             </div>
             <div class="borderLine"></div>
@@ -2051,8 +2031,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="133">
-      <div v-if="showPageList.indexOf(133) > -1">
+    <div class="page-box" page="137">
+      <div v-if="showPageList.indexOf(137) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -2173,8 +2153,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="134">
-      <div v-if="showPageList.indexOf(134) > -1">
+    <div class="page-box" page="138">
+      <div v-if="showPageList.indexOf(138) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -2295,8 +2275,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="135">
-      <div v-if="showPageList.indexOf(135) > -1">
+    <div class="page-box" page="139">
+      <div v-if="showPageList.indexOf(139) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -2421,8 +2401,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="136">
-      <div v-if="showPageList.indexOf(136) > -1">
+    <div class="page-box" page="140">
+      <div v-if="showPageList.indexOf(140) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
diff --git a/src/books/lifeCare/view/chapter008.vue b/src/books/lifeCare/view/chapter008.vue
index f607b9c..4a68b78 100644
--- a/src/books/lifeCare/view/chapter008.vue
+++ b/src/books/lifeCare/view/chapter008.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="chapter" num="9">
-    <div class="page-box" page="137">
-      <div v-if="showPageList.indexOf(137) > -1">
+    <div class="page-box" page="141">
+      <div v-if="showPageList.indexOf(141) > -1">
         <div class="bodystyle topImg">
           <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
           <div class="bk">
@@ -45,8 +45,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="138">
-      <div v-if="showPageList.indexOf(138) > -1">
+    <div class="page-box" page="142">
+      <div v-if="showPageList.indexOf(142) > -1">
         <div class="header">
           <div class="pageHeader-second">
             <div class="second-con">
@@ -67,7 +67,7 @@
                 <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
               </p>
             </div>
-            <p class="center">
+            <p class="center openImgBox">
               <img class="img-a" alt="" src="../image/0148-1.jpg" />
             </p>
           </div>
@@ -110,8 +110,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="139">
-      <div v-if="showPageList.indexOf(139) > -1">
+    <div class="page-box" page="143">
+      <div v-if="showPageList.indexOf(143) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -217,8 +217,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="140">
-      <div v-if="showPageList.indexOf(140) > -1">
+    <div class="page-box" page="144">
+      <div v-if="showPageList.indexOf(144) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -364,8 +364,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="141">
-      <div v-if="showPageList.indexOf(141) > -1">
+    <div class="page-box" page="145">
+      <div v-if="showPageList.indexOf(145) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -522,8 +522,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="142">
-      <div v-if="showPageList.indexOf(142) > -1">
+    <div class="page-box" page="146">
+      <div v-if="showPageList.indexOf(146) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -598,8 +598,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="143">
-      <div v-if="showPageList.indexOf(143) > -1">
+    <div class="page-box" page="147">
+      <div v-if="showPageList.indexOf(147) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -659,8 +659,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="144">
-      <div v-if="showPageList.indexOf(144) > -1">
+    <div class="page-box" page="148">
+      <div v-if="showPageList.indexOf(148) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -877,8 +877,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="145">
-      <div v-if="showPageList.indexOf(145) > -1">
+    <div class="page-box" page="149">
+      <div v-if="showPageList.indexOf(149) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -1000,8 +1000,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="146">
-      <div v-if="showPageList.indexOf(146) > -1">
+    <div class="page-box" page="150">
+      <div v-if="showPageList.indexOf(150) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
diff --git a/src/books/lifeCare/view/chapter009.vue b/src/books/lifeCare/view/chapter009.vue
index 2aee84b..8ba7ee6 100644
--- a/src/books/lifeCare/view/chapter009.vue
+++ b/src/books/lifeCare/view/chapter009.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="chapter" num="10">
-    <div class="page-box" page="147">
-      <div v-if="showPageList.indexOf(147) > -1">
+    <div class="page-box" page="151">
+      <div v-if="showPageList.indexOf(151) > -1">
         <div class="bodystyle">
           <template>
             <p class="center">
diff --git a/src/books/lifeCare/view/chapter010.vue b/src/books/lifeCare/view/chapter010.vue
index 24b7c97..8b7738c 100644
--- a/src/books/lifeCare/view/chapter010.vue
+++ b/src/books/lifeCare/view/chapter010.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="chapter" num="11">
-    <div class="page-box" page="148">
-      <div v-if="showPageList.indexOf(148) > -1">
+    <div class="page-box" page="152">
+      <div v-if="showPageList.indexOf(152) > -1">
         <div class="bodystyle topImg">
           <h2 id="b009"><img class="img-0" alt="" src="../image/zt1.jpg" /></h2>
           <div class="bk">
@@ -71,12 +71,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="149">
-
-      <div v-if="showPageList.indexOf(149) > -1">
+    <div class="page-box" page="153">
+      <div v-if="showPageList.indexOf(153) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -193,13 +190,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="150">
-
-
-      <div v-if="showPageList.indexOf(150) > -1">
+    <div class="page-box" page="154">
+      <div v-if="showPageList.indexOf(154) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -309,11 +302,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="151">
-
-      <div v-if="showPageList.indexOf(151) > -1">
+    <div class="page-box" page="155">
+      <div v-if="showPageList.indexOf(155) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -351,12 +342,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="152">
-
-      <div v-if="showPageList.indexOf(152) > -1">
+    <div class="page-box" page="156">
+      <div v-if="showPageList.indexOf(156) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -395,18 +383,15 @@
             鎵樿偛鏈烘瀯鐨勪竴鏃ョ敓娲绘槸鎸囨牴鎹┐骞煎効韬績鍙戝睍鐨勭壒鐐癸紝瀵逛粬浠湪鎵樿偛鏈烘瀯鍐呬竴鏃ョ敓娲荤殑姣忎釜鐜妭鍦ㄥ唴瀹广�佹椂闂淬�侀『搴忋�佹鏁板拰闂撮殧鏃堕棿涓婂仛鐨勫畨鎺掞紙瑙佽〃2-1-1锛夈��
           </p>
           <p class="img">琛�2-1-1銆�鎵樿偛鏈烘瀯涓�鏃ョ敓娲讳妇渚嬶紙澶忓锛�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0168-1.jpg" />
           </p>
         </div>
       </div>
-
-
     </div>
     <!-- 涓婁笅鍒嗗壊琛ㄦ牸 -->
-    <div class="page-box" page="153">
-
-      <div v-if="showPageList.indexOf(153) > -1">
+    <div class="page-box" page="157">
+      <div v-if="showPageList.indexOf(157) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -420,9 +405,8 @@
             </div>
           </div>
         </div>
-
         <div class="bodystyle">
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0168-1.jpg" />
           </p>
           <h4 class="h4-zt" id="d099">锛堜簩锛夊悎鐞嗙殑涓�鏃ョ敓娲荤殑鎰忎箟</h4>
@@ -436,12 +420,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="154">
-
-      <div v-if="showPageList.indexOf(154) > -1">
+    <div class="page-box" page="158">
+      <div v-if="showPageList.indexOf(158) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -499,13 +480,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="155">
-
-
-      <div v-if="showPageList.indexOf(155) > -1">
+    <div class="page-box" page="159">
+      <div v-if="showPageList.indexOf(159) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -519,7 +496,6 @@
             </div>
           </div>
         </div>
-
         <div class="bodystyle">
           <p>
             绗竷锛屾墭鑲叉満鏋勫簲褰撳缓绔嬬収鎶ゆ湇鍔℃棩甯歌褰曞拰鍙嶉鍒跺害锛屽畾鏈熶笌濠村辜鍎跨殑鐩戞姢浜烘矡閫氬┐骞煎効鐨勫彂灞曟儏鍐点��
@@ -547,10 +523,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="156">
-      <div v-if="showPageList.indexOf(156) > -1">
+    <div class="page-box" page="160">
+      <div v-if="showPageList.indexOf(160) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -565,7 +540,6 @@
             <div class="borderLine"></div>
           </div>
         </div>
-
         <div class="bodystyle">
           <h4 class="h4-zt" id="d102">锛堜簲锛夋墭鑲叉満鏋勪竴鏃ョ敓娲讳繚鑲茬殑涓昏鍐呭</h4>
           <p>
@@ -574,19 +548,14 @@
           <p class="img">
             琛�2-1-2銆�鏌愭墭鑲叉満鏋勪竴鏃ョ敓娲讳繚鑲茬殑娴佺▼鍙婁汉鍛樺垎宸ワ紙鎵樼彮锛�
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0172-1.jpg" />
           </p>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="157">
-
-
-      <div v-if="showPageList.indexOf(157) > -1">
+    <div class="page-box" page="161">
+      <div v-if="showPageList.indexOf(161) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -603,17 +572,14 @@
 
         <div class="bodystyle">
           <p class="img-right">缁〃</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0173-1.jpg" />
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="158">
-
-      <div v-if="showPageList.indexOf(158) > -1">
+    <div class="page-box" page="162">
+      <div v-if="showPageList.indexOf(162) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -628,10 +594,9 @@
             <div class="borderLine"></div>
           </div>
         </div>
-
         <div class="bodystyle">
           <p class="img-right">缁〃</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0174-1.jpg" />
           </p>
           <div class="bk-tx">
@@ -641,16 +606,12 @@
           </div>
         </div>
       </div>
-
-
     </div>
   </div>
 </template>
 <script>
 export default {
-  name: "chapter010",
-
-
+  name: "chapter-010",
   props: {
     showPageList: {
       type: Array,
@@ -660,9 +621,6 @@
       type: Object,
     },
   },
-
-
-
   data() {
     return {
       chapter010: {
diff --git a/src/books/lifeCare/view/chapter011.vue b/src/books/lifeCare/view/chapter011.vue
index 1b4f3e5..98e144b 100644
--- a/src/books/lifeCare/view/chapter011.vue
+++ b/src/books/lifeCare/view/chapter011.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="chapter" num="12">
-    <div class="page-box" page="159">
-      <div v-if="showPageList.indexOf(159) > -1">
+    <div class="page-box" page="163">
+      <div v-if="showPageList.indexOf(163) > -1">
         <div class="bodystyle topImg">
           <h2 id="b010"><img class="img-0" alt="" src="../image/zt2.jpg" /></h2>
           <div class="bk">
@@ -61,12 +61,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="160">
-
-      <div v-if="showPageList.indexOf(160) > -1">
+    <div class="page-box" page="164">
+      <div v-if="showPageList.indexOf(164) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -117,10 +114,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="161">
-      <div v-if="showPageList.indexOf(161) > -1">
+    <div class="page-box" page="165">
+      <div v-if="showPageList.indexOf(165) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -171,15 +167,9 @@
           <p>鈶㈡墍鏈夌墿鍝佸簲鎸夋寚瀹氱殑褰掔撼浣嶇疆鍒嗙被鎽嗘斁锛屽仛鍒版暣娲併�佺編瑙傘��</p>
         </div>
       </div>
-
-
-
     </div>
-
-    <div class="page-box" page="162">
-
-
-      <div v-if="showPageList.indexOf(162) > -1">
+    <div class="page-box" page="166">
+      <div v-if="showPageList.indexOf(166) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -232,12 +222,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="163">
-
-
-      <div v-if="showPageList.indexOf(163) > -1">
+    <div class="page-box" page="167">
+      <div v-if="showPageList.indexOf(167) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -291,10 +278,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="164">
-      <div v-if="showPageList.indexOf(164) > -1">
+    <div class="page-box" page="168">
+      <div v-if="showPageList.indexOf(168) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -339,10 +325,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="165">
-
-
-      <div v-if="showPageList.indexOf(165) > -1">
+    <div class="page-box" page="169">
+      <div v-if="showPageList.indexOf(169) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -386,15 +370,9 @@
           </p>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="166">
-
-
-
-      <div v-if="showPageList.indexOf(166) > -1">
+    <div class="page-box" page="170">
+      <div v-if="showPageList.indexOf(170) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
diff --git a/src/books/lifeCare/view/chapter012.vue b/src/books/lifeCare/view/chapter012.vue
index df27772..a8f48b2 100644
--- a/src/books/lifeCare/view/chapter012.vue
+++ b/src/books/lifeCare/view/chapter012.vue
@@ -1,8 +1,7 @@
 锘�<template>
   <div class="chapter" num="13">
-    <div class="page-box" page="167">
-
-      <div v-if="showPageList.indexOf(167) > -1">
+    <div class="page-box" page="171">
+      <div v-if="showPageList.indexOf(171) > -1">
         <div class="bodystyle topImg">
           <h2 id="b011"><img class="img-0" alt="" src="../image/zt3.jpg" /></h2>
           <div class="bk">
@@ -52,11 +51,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="168">
-
-      <div v-if="showPageList.indexOf(168) > -1">
+    <div class="page-box" page="172">
+      <div v-if="showPageList.indexOf(172) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -107,12 +104,9 @@
           </p>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="169">
-      <div v-if="showPageList.indexOf(169) > -1">
+    <div class="page-box" page="173">
+      <div v-if="showPageList.indexOf(173) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -221,11 +215,9 @@
           <p>鈶ゅ煿鍏诲┐骞煎効鐨勮嚜鐞嗚兘鍔涳紝涓嶅寘鍔炰唬鏇匡紝鍩瑰吇濠村辜鍎胯壇濂界殑鐩ユ礂涔犳儻銆�</p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="170">
-      <div v-if="showPageList.indexOf(170) > -1">
+    <div class="page-box" page="174">
+      <div v-if="showPageList.indexOf(174) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -276,11 +268,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="171">
-
-      <div v-if="showPageList.indexOf(171) > -1">
+    <div class="page-box" page="175">
+      <div v-if="showPageList.indexOf(175) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -324,16 +314,9 @@
           </p>
         </div>
       </div>
-
-
-
-
     </div>
-    <div class="page-box" page="172">
-
-
-
-      <div v-if="showPageList.indexOf(172) > -1">
+    <div class="page-box" page="176">
+      <div v-if="showPageList.indexOf(176) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -384,13 +367,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="173">
-
-
-
-      <div v-if="showPageList.indexOf(173) > -1">
+    <div class="page-box" page="177">
+      <div v-if="showPageList.indexOf(177) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -436,12 +415,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="174">
-
-
-      <div v-if="showPageList.indexOf(174) > -1">
+    <div class="page-box" page="178">
+      <div v-if="showPageList.indexOf(178) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -490,13 +466,9 @@
           </p>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="175">
-
-      <div v-if="showPageList.indexOf(175) > -1">
+    <div class="page-box" page="179">
+      <div v-if="showPageList.indexOf(179) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -544,8 +516,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="176">
-      <div v-if="showPageList.indexOf(176) > -1">
+    <div class="page-box" page="180">
+      <div v-if="showPageList.indexOf(180) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -583,13 +555,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="177">
-
-
-
-      <div v-if="showPageList.indexOf(177) > -1">
+    <div class="page-box" page="181">
+      <div v-if="showPageList.indexOf(181) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -627,13 +595,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="178">
-
-
-      <div v-if="showPageList.indexOf(178) > -1">
-
+    <div class="page-box" page="182">
+      <div v-if="showPageList.indexOf(182) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -664,14 +628,12 @@
           </div>
         </div>
       </div>
-
-
     </div>
   </div>
 </template>
 <script>
 export default {
-  name: "chapter012",
+  name: "chapter-012",
   props: {
     showPageList: {
       type: Array,
diff --git a/src/books/lifeCare/view/chapter013.vue b/src/books/lifeCare/view/chapter013.vue
index cbbf10c..56a80a2 100644
--- a/src/books/lifeCare/view/chapter013.vue
+++ b/src/books/lifeCare/view/chapter013.vue
@@ -1,8 +1,7 @@
 锘�<template>
   <div class="chapter" num="14">
-    <div class="page-box" page="179">
-
-      <div v-if="showPageList.indexOf(179) > -1">
+    <div class="page-box" page="183">
+      <div v-if="showPageList.indexOf(183) > -1">
         <div class="bodystyle topImg">
           <h2 id="b012"><img class="img-0" alt="" src="../image/zt4.jpg" /></h2>
           <div class="bk">
@@ -72,13 +71,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="180">
-
-
-      <div v-if="showPageList.indexOf(180) > -1">
+    <div class="page-box" page="184">
+      <div v-if="showPageList.indexOf(184) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -118,14 +113,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="181">
-
-
-
-      <div v-if="showPageList.indexOf(181) > -1">
+    <div class="page-box" page="185">
+      <div v-if="showPageList.indexOf(185) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -171,13 +161,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="182">
-
-
-
-      <div v-if="showPageList.indexOf(182) > -1">
+    <div class="page-box" page="186">
+      <div v-if="showPageList.indexOf(186) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -218,13 +204,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="183">
-
-
-
-      <div v-if="showPageList.indexOf(183) > -1">
+    <div class="page-box" page="187">
+      <div v-if="showPageList.indexOf(187) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -277,11 +259,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="184">
-
-      <div v-if="showPageList.indexOf(184) > -1">
+    <div class="page-box" page="188">
+      <div v-if="showPageList.indexOf(188) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -337,14 +317,9 @@
           <p>璐拱閫傚悎濠村辜鍎夸娇鐢ㄧ殑渚跨泦锛岄�夋嫨姝h鍘傚鐢熶骇鐨勫畨鍏ㄣ�佸鏄撴竻娲椼�佹棤</p>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="185">
-
-
-      <div v-if="showPageList.indexOf(185) > -1">
+    <div class="page-box" page="189">
+      <div v-if="showPageList.indexOf(189) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -393,10 +368,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="186">
-      <div v-if="showPageList.indexOf(186) > -1">
+    <div class="page-box" page="190">
+      <div v-if="showPageList.indexOf(190) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -427,12 +401,9 @@
           </p>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="187">
-      <div v-if="showPageList.indexOf(187) > -1">
+    <div class="page-box" page="191">
+      <div v-if="showPageList.indexOf(191) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -487,13 +458,9 @@
           </p>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="188">
-
-      <div v-if="showPageList.indexOf(188) > -1">
+    <div class="page-box" page="192">
+      <div v-if="showPageList.indexOf(192) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -540,11 +507,9 @@
           <p>鈶︿繚鑲插憳搴旀彁閱掑┐骞煎効渚垮悗鍐叉按鍜屾寜娆″簭娲楁墜銆�</p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="189">
-      <div v-if="showPageList.indexOf(189) > -1">
+    <div class="page-box" page="193">
+      <div v-if="showPageList.indexOf(193) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -593,14 +558,9 @@
           </p>
         </div>
       </div>
-
-
-
-
     </div>
-    <div class="page-box" page="190">
-
-      <div v-if="showPageList.indexOf(190) > -1">
+    <div class="page-box" page="194">
+      <div v-if="showPageList.indexOf(194) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -635,15 +595,13 @@
           </div>
         </div>
       </div>
-
-
     </div>
   </div>
 </template>
 <script>
 
 export default {
-  name: "chapter013",
+  name: "chapter-013",
 
 
   props: {
diff --git a/src/books/lifeCare/view/chapter014.vue b/src/books/lifeCare/view/chapter014.vue
index 594a75a..81d7388 100644
--- a/src/books/lifeCare/view/chapter014.vue
+++ b/src/books/lifeCare/view/chapter014.vue
@@ -1,8 +1,7 @@
 锘�<template>
   <div class="chapter" num="15">
-    <div class="page-box" page="191">
-
-      <div v-if="showPageList.indexOf(191) > -1">
+    <div class="page-box" page="195">
+      <div v-if="showPageList.indexOf(195) > -1">
         <div class="bodystyle topImg">
           <h2 id="b013"><img class="img-0" alt="" src="../image/zt5.jpg" /></h2>
           <div class="bk">
@@ -78,12 +77,9 @@
           </div>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="192">
-
-
-      <div v-if="showPageList.indexOf(192) > -1">
+    <div class="page-box" page="196">
+      <div v-if="showPageList.indexOf(196) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -125,14 +121,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="193">
-
-
-
-
-      <div v-if="showPageList.indexOf(193) > -1">
+    <div class="page-box" page="197">
+      <div v-if="showPageList.indexOf(197) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -171,15 +162,10 @@
           </p>
         </div>
       </div>
-
     </div>
     <!-- 涓婁笅琛ㄦ牸鎷嗗垎 -->
-    <div class="page-box" page="194">
-
-
-
-
-      <div v-if="showPageList.indexOf(194) > -1">
+    <div class="page-box" page="198">
+      <div v-if="showPageList.indexOf(198) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -222,12 +208,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="195">
-
-
-      <div v-if="showPageList.indexOf(195) > -1">
+    <div class="page-box" page="199">
+      <div v-if="showPageList.indexOf(199) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -275,13 +258,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="196">
-
-
-
-      <div v-if="showPageList.indexOf(196) > -1">
+    <div class="page-box" page="200">
+      <div v-if="showPageList.indexOf(200) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -333,13 +312,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="197">
-
-
-
-      <div v-if="showPageList.indexOf(197) > -1">
+    <div class="page-box" page="201">
+      <div v-if="showPageList.indexOf(201) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -383,11 +358,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="198">
-
-      <div v-if="showPageList.indexOf(198) > -1">
+    <div class="page-box" page="202">
+      <div v-if="showPageList.indexOf(202) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -439,14 +412,9 @@
           <p>灏芥棭鏁欎細濠村辜鍎胯嚜宸卞姩鎵嬪悆楗紝鍙互鎻愰珮濠村辜鍎胯繘椁愮殑鍏磋叮銆�</p>
         </div>
       </div>
-
-
-
-
     </div>
-    <div class="page-box" page="199">
-
-      <div v-if="showPageList.indexOf(199) > -1">
+    <div class="page-box" page="203">
+      <div v-if="showPageList.indexOf(203) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -680,13 +648,9 @@
         </div>
 
       </div>
-
-
     </div>
-    <div class="page-box" page="200">
-
-
-      <div v-if="showPageList.indexOf(200) > -1">
+    <div class="page-box" page="204">
+      <div v-if="showPageList.indexOf(204) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -742,11 +706,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="201">
-
-      <div v-if="showPageList.indexOf(201) > -1">
+    <div class="page-box" page="205">
+      <div v-if="showPageList.indexOf(205) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -912,13 +874,9 @@
           <p class="img">鍥�2-5-3銆�椋熺墿鍔犵洊淇濇俯</p>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="202">
-
-      <div v-if="showPageList.indexOf(202) > -1">
+    <div class="page-box" page="206">
+      <div v-if="showPageList.indexOf(206) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -958,14 +916,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="203">
-
-
-
-      <div v-if="showPageList.indexOf(203) > -1">
+    <div class="page-box" page="207">
+      <div v-if="showPageList.indexOf(207) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -1010,12 +963,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="204">
-
-
-      <div v-if="showPageList.indexOf(204) > -1">
+    <div class="page-box" page="208">
+      <div v-if="showPageList.indexOf(208) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -1145,12 +1095,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="205">
-
-
-      <div v-if="showPageList.indexOf(205) > -1">
+    <div class="page-box" page="209">
+      <div v-if="showPageList.indexOf(209) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -1210,14 +1157,9 @@
           </div>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="206">
-
-
-
-      <div v-if="showPageList.indexOf(206) > -1">
+    <div class="page-box" page="210">
+      <div v-if="showPageList.indexOf(210) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -1272,13 +1214,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="207">
-
-
-
-      <div v-if="showPageList.indexOf(207) > -1">
+    <div class="page-box" page="211">
+      <div v-if="showPageList.indexOf(211) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -1331,11 +1269,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="208">
-
-      <div v-if="showPageList.indexOf(208) > -1">
+    <div class="page-box" page="212">
+      <div v-if="showPageList.indexOf(212) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -1388,15 +1324,9 @@
           </div>
         </div>
       </div>
-
-
-
     </div>
-    <div class="page-box" page="209">
-
-
-
-      <div v-if="showPageList.indexOf(209) > -1">
+    <div class="page-box" page="213">
+      <div v-if="showPageList.indexOf(213) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -1447,12 +1377,9 @@
           <p>鈶h繘椁愭椿鍔ㄧ粨鏉熷悗锛屽簲鍦ㄤ笓鐢ㄦ按姹犲唴娓呮礂琚薄鏌撶殑琛h¥銆�</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="210">
-
-
-      <div v-if="showPageList.indexOf(210) > -1">
+    <div class="page-box" page="214">
+      <div v-if="showPageList.indexOf(214) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -1507,13 +1434,9 @@
           <p>骞煎効鏌愰杩涢閲忚緝灏戞椂涓嶈寮鸿揩骞煎効杩涢锛屼互鍏嶉�犳垚鍘岄銆傝繘椁愭椂涓嶈兘</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="211">
-
-
-
-      <div v-if="showPageList.indexOf(211) > -1">
+    <div class="page-box" page="215">
+      <div v-if="showPageList.indexOf(215) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -1562,12 +1485,9 @@
           <p>鈶¤繘椁愭椂娉ㄦ剰鍔涗笉闆嗕腑锛岃竟鍚冭竟鐜┿�佽竟鍚冭竟璁茶瘽銆�</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="212">
-
-
-      <div v-if="showPageList.indexOf(212) > -1">
+    <div class="page-box" page="216">
+      <div v-if="showPageList.indexOf(216) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -1623,12 +1543,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="213">
-
-
-      <div v-if="showPageList.indexOf(213) > -1">
+    <div class="page-box" page="217">
+      <div v-if="showPageList.indexOf(217) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -1683,12 +1600,9 @@
           <p>鈶e皢纰椼�佺銆佸嫼鍒嗗埆鏀惧埌鎸囧畾鍦版柟銆�</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="214">
-
-
-      <div v-if="showPageList.indexOf(214) > -1">
+    <div class="page-box" page="218">
+      <div v-if="showPageList.indexOf(218) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -1745,12 +1659,9 @@
           <p>鈶犳壂銆傜敤娼箍鐨勬壂甯氭寜鐢遍噷鍚戝鐨勯『搴忓帇浣忓湴闈㈡竻鎵��</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="215">
-
-
-      <div v-if="showPageList.indexOf(215) > -1">
+    <div class="page-box" page="219">
+      <div v-if="showPageList.indexOf(219) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -1790,13 +1701,12 @@
           </div>
         </div>
       </div>
-
     </div>
   </div>
 </template>
 <script>
 export default {
-  name: "chapter014",
+  name: "chapter-014",
 
   props: {
     showPageList: {
diff --git a/src/books/lifeCare/view/chapter015.vue b/src/books/lifeCare/view/chapter015.vue
index 126117a..ba4b503 100644
--- a/src/books/lifeCare/view/chapter015.vue
+++ b/src/books/lifeCare/view/chapter015.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="chapter" num="16">
-    <div class="page-box" page="216">
-      <div v-if="showPageList.indexOf(216) > -1">
+    <div class="page-box" page="220">
+      <div v-if="showPageList.indexOf(220) > -1">
         <div class="bodystyle topImg">
           <h2 id="b014"><img class="img-0" alt="" src="../image/zt6.jpg" /></h2>
           <div class="bk">
@@ -61,12 +61,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="217">
-
-      <div v-if="showPageList.indexOf(217) > -1">
+    <div class="page-box" page="221">
+      <div v-if="showPageList.indexOf(221) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -118,12 +115,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="218">
-
-
-      <div v-if="showPageList.indexOf(218) > -1">
+    <div class="page-box" page="221">
+      <div v-if="showPageList.indexOf(221) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -171,11 +165,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="219">
-
-      <div v-if="showPageList.indexOf(219) > -1">
+    <div class="page-box" page="223">
+      <div v-if="showPageList.indexOf(223) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -250,12 +242,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="220">
-
-
-      <div v-if="showPageList.indexOf(220) > -1">
+    <div class="page-box" page="224">
+      <div v-if="showPageList.indexOf(224) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -300,11 +289,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="221">
-
-      <div v-if="showPageList.indexOf(221) > -1">
+    <div class="page-box" page="225">
+      <div v-if="showPageList.indexOf(225) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -342,12 +329,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="222">
-
-
-      <div v-if="showPageList.indexOf(222) > -1">
+    <div class="page-box" page="226">
+      <div v-if="showPageList.indexOf(226) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -375,11 +359,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="223">
-
-      <div v-if="showPageList.indexOf(223) > -1">
+    <div class="page-box" page="227">
+      <div v-if="showPageList.indexOf(227) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -441,11 +423,9 @@
           <p>鈶¤鍑嗗鍏呰冻鐨勯ギ鐢ㄦ按锛屼緵骞煎効鍏ㄥぉ闅忔椂楗敤銆�</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="224">
-
-      <div v-if="showPageList.indexOf(224) > -1">
+    <div class="page-box" page="228">
+      <div v-if="showPageList.indexOf(228) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -499,12 +479,9 @@
           <p>鈥滃皬鏈嬪弸浠潵鍠濇按锛屼竴鍙d竴鍙f參鎱㈠枬銆傗��</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="225">
-
-
-      <div v-if="showPageList.indexOf(225) > -1">
+    <div class="page-box" page="229">
+      <div v-if="showPageList.indexOf(229) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -561,12 +538,9 @@
           <p>鈶℃彁閱掑辜鍎挎复浜嗗氨瑕佷富鍔ㄥ枬姘淬��</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="226">
-
-
-      <div v-if="showPageList.indexOf(226) > -1">
+    <div class="page-box" page="230">
+      <div v-if="showPageList.indexOf(230) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -615,13 +589,12 @@
           </div>
         </div>
       </div>
-
     </div>
   </div>
 </template>
 <script>
 export default {
-  name: "chapter015",
+  name: "chapter-015",
 
   props: {
     showPageList: {
diff --git a/src/books/lifeCare/view/chapter016.vue b/src/books/lifeCare/view/chapter016.vue
index 25c8617..db29927 100644
--- a/src/books/lifeCare/view/chapter016.vue
+++ b/src/books/lifeCare/view/chapter016.vue
@@ -1,8 +1,7 @@
 锘�<template>
   <div class="chapter" num="17">
-    <div class="page-box" page="227">
-
-      <div v-if="showPageList.indexOf(227) > -1">
+    <div class="page-box" page="231">
+      <div v-if="showPageList.indexOf(231) > -1">
         <div class="bodystyle topImg">
           <h2 id="b015"><img class="img-0" alt="" src="../image/zt7.jpg" /></h2>
           <div class="bk">
@@ -55,10 +54,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="228">
-      <div v-if="showPageList.indexOf(228) > -1">
+    <div class="page-box" page="232">
+      <div v-if="showPageList.indexOf(232) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -105,11 +103,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="229">
-
-      <div v-if="showPageList.indexOf(229) > -1">
+    <div class="page-box" page="233">
+      <div v-if="showPageList.indexOf(233) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -152,12 +148,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="230">
-
-
-      <div v-if="showPageList.indexOf(230) > -1">
+    <div class="page-box" page="234">
+      <div v-if="showPageList.indexOf(234) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -205,12 +198,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="231">
-
-
-      <div v-if="showPageList.indexOf(231) > -1">
+    <div class="page-box" page="235">
+      <div v-if="showPageList.indexOf(235) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -258,12 +248,9 @@
           <p class="img">鍥�2-7-1銆�绀轰緥</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="232">
-
-
-      <div v-if="showPageList.indexOf(232) > -1">
+    <div class="page-box" page="236">
+      <div v-if="showPageList.indexOf(236) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -307,13 +294,10 @@
           </p>
         </div>
       </div>
-
     </div>
     <!-- 涓婁笅鎷嗗垎琛ㄦ牸 -->
-    <div class="page-box" page="233">
-
-
-      <div v-if="showPageList.indexOf(233) > -1">
+    <div class="page-box" page="237">
+      <div v-if="showPageList.indexOf(237) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -343,12 +327,9 @@
           <p>棣栧厛锛屽垎杈ㄨ。鏈嶇殑閲屽鍜屽墠鍚庯紝鍙屾墜鎶撲綇琛i锛屽皢琛f湇寮�鍙g殑涓�闈㈠鐫�</p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="234">
-
-
-      <div v-if="showPageList.indexOf(234) > -1">
+    <div class="page-box" page="238">
+      <div v-if="showPageList.indexOf(238) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -397,13 +378,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="235">
-
-
-
-      <div v-if="showPageList.indexOf(235) > -1">
+    <div class="page-box" page="239">
+      <div v-if="showPageList.indexOf(239) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -417,7 +394,6 @@
             </div>
           </div>
         </div>
-
         <div class="bodystyle">
           <h4 class="h4-zt" id="d244">锛堜簩锛夎嚜涓诲叆鐫�</h4>
           <p>
@@ -442,13 +418,12 @@
           </div>
         </div>
       </div>
-
     </div>
   </div>
 </template>
 <script>
 export default {
-  name: "chapter016",
+  name: "chapter-016",
 
   props: {
     showPageList: {
diff --git a/src/books/lifeCare/view/chapter017.vue b/src/books/lifeCare/view/chapter017.vue
index ca5b242..d91437f 100644
--- a/src/books/lifeCare/view/chapter017.vue
+++ b/src/books/lifeCare/view/chapter017.vue
@@ -1,8 +1,7 @@
 锘�<template>
   <div class="chapter" num="18">
-    <div class="page-box" page="236">
-
-      <div v-if="showPageList.indexOf(236) > -1">
+    <div class="page-box" page="240">
+      <div v-if="showPageList.indexOf(240) > -1">
         <div class="bodystyle topImg">
           <h2 id="b016"><img class="img-0" alt="" src="../image/zt8.jpg" /></h2>
           <div class="bk">
@@ -55,12 +54,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="237">
-
-
-      <div v-if="showPageList.indexOf(237) > -1">
+    <div class="page-box" page="241">
+      <div v-if="showPageList.indexOf(241) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -108,12 +104,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="238">
-
-
-      <div v-if="showPageList.indexOf(238) > -1">
+    <div class="page-box" page="242">
+      <div v-if="showPageList.indexOf(242) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -154,12 +147,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="239">
-
-
-      <div v-if="showPageList.indexOf(239) > -1">
+    <div class="page-box" page="243">
+      <div v-if="showPageList.indexOf(243) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -199,13 +189,9 @@
           </p>
         </div>
       </div>
-
     </div>
-    <div class="page-box" page="240">
-
-
-
-      <div v-if="showPageList.indexOf(240) > -1">
+    <div class="page-box" page="244">
+      <div v-if="showPageList.indexOf(244) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -220,7 +206,6 @@
             <div class="borderLine"></div>
           </div>
         </div>
-
         <div class="bodystyle">
           <P>濠村辜鍎跨殑琛屼负鍜屽仴搴枫�傜鍥椂锛屼繚鏁欎汉鍛樺彲浠ュ拰瀹堕暱杩涜绠�鍗曠殑浜ゆ祦锛岀獊鍑哄┐骞煎効鍦ㄥ洯鎵�涓�鏃ヤ腑姣旇緝閲嶈鐨勪簨浠跺拰鐜妭锛堣琛�2-8-2锛夈��
           </P>
@@ -237,12 +222,9 @@
           </p>
         </div>
       </div>
-
-
     </div>
-    <div class="page-box" page="241">
-
-      <div v-if="showPageList.indexOf(241) > -1">
+    <div class="page-box" page="245">
+      <div v-if="showPageList.indexOf(245) > -1">
         <!-- 鍋舵暟椤� -->
         <div class="header">
           <div class="pageHeader-first">
@@ -256,7 +238,6 @@
             </div>
           </div>
         </div>
-
         <div class="bodystyle">
           <h3 id="c108">
             <span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�鎵樿偛鍥殑娓呮磥娑堟瘨銆�</span>
@@ -283,13 +264,10 @@
           <p>缁欐墭鑲插洯甯哥敤鐗╁搧娑堟瘨鍙弬鐓т笅琛紙瑙佽〃2-8-4锛夈��</p>
         </div>
       </div>
-
     </div>
     <!-- 涓婁笅鎷嗗垎琛ㄦ牸 -->
-    <div class="page-box" page="242">
-
-
-      <div v-if="showPageList.indexOf(242) > -1">
+    <div class="page-box" page="246">
+      <div v-if="showPageList.indexOf(246) > -1">
         <!-- 濂囨暟椤� -->
         <div class="header">
           <div class="pageHeader-second">
@@ -316,13 +294,12 @@
           </div>
         </div>
       </div>
-
     </div>
   </div>
 </template>
 <script>
 export default {
-  name: "chapter017",
+  name: "chapter-017",
 
   props: {
     showPageList: {
diff --git a/src/books/lifeCare/view/chapter018.vue b/src/books/lifeCare/view/chapter018.vue
index 5a8f48c..a11d3a6 100644
--- a/src/books/lifeCare/view/chapter018.vue
+++ b/src/books/lifeCare/view/chapter018.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="chapter" num="19">
-    <div class="page-box" page="243">
-      <div v-if="showPageList.indexOf(243) > -1">
+    <div class="page-box" page="247">
+      <div v-if="showPageList.indexOf(247) > -1">
         <div class="header">
           <div class="pageHeader-first">
             <div class="header-bj"></div>
@@ -75,13 +75,12 @@
           </p>
         </div>
       </div>
-
     </div>
   </div>
 </template>
 <script>
 export default {
-  name: 'chapter009',
+  name: 'chapter-009',
   props: {
     showPageList: {
       type: Array,
diff --git a/src/books/lifeCare/view/front001.vue b/src/books/lifeCare/view/front001.vue
index 41ae91b..1cf6466 100644
--- a/src/books/lifeCare/view/front001.vue
+++ b/src/books/lifeCare/view/front001.vue
@@ -1,97 +1,141 @@
 锘�<template>
   <div class="chapter" num="1">
     <div class="page-box" page="1">
-      <div class="bodystyle">
-        <p class="center"><img alt="" class="imz" src="../image/SMY.jpg" /></p>
+      <div v-if="showPageList.indexOf(1) > -1">
+        <div class="bodystyle">
+          <p class="center coverImg">
+            <img alt="" class="imz" src="../image/Cover.jpg" />
+          </p>
+        </div>
       </div>
     </div>
     <div class="page-box" page="2">
-      <div class="bodystyle">
-        <div class="pdf-content">
-          <hr />
-          <p><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
-          <p>濠村辜鍎跨敓娲荤収鎶�/璧甸潚涓荤紪.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2023.10</p>
-          <p>ISBN 978-7-303-27715-5</p>
-          <p>鈪�.鈶犲┐鈥� 鈪�.鈶犺档鈥� 鈪�.鈶犲┐骞煎効-鍝鸿偛-涓瓑涓撲笟瀛︽牎-鏁欐潗 鈪�.鈶燭S976.31</p>
-          <p>涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2021锛夌269882鍙�</p>
-          <hr />
-          <p>鏁欐潗鎰忚鍙嶉銆�gaozhifk@bnupg.com銆�010-58805079</p>
-          <p>钀ラ攢涓績鐢佃瘽銆�010-58802755 58800035</p>
-          <p>缂� 杈� 閮� 鐢� 璇濄��010-58802883</p>
-          <hr />
-          <p>YINGYOU鈥� ER SHENGHUO ZHAOHU</p>
-          <p>鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnup.com</p>
-          <p>銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙e澶ц12-3鍙�</p>
-          <p>銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
-          <p>鍗般��銆�鍒凤細浼樺浠曞嵃鍒锋渤鍖楁湁闄愬叕鍙�</p>
-          <p>缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
-          <p>寮�銆�銆�鏈細889mm脳1194mm銆�1/16</p>
-          <p>鍗般��銆�寮狅細16.25</p>
-          <p>瀛椼��銆�鏁帮細251鍗冨瓧</p>
-          <p>鐗堛��銆�娆★細2023骞�10鏈堢1鐗�</p>
-          <p>鍗般��銆�娆★細2023骞�10鏈堢1娆″嵃鍒�</p>
-          <p>瀹氥��銆�浠凤細44.80鍏�</p>
-          <hr />
-          <p>绛栧垝缂栬緫锛氬璐靛钩</p>
-          <p>璐d换缂栬緫锛氬啹銆�鍊�</p>
-          <p>缇庢湳缂栬緫锛氱劍銆�涓�</p>
-          <p>瑁呭抚璁捐锛氱劍銆�涓�</p>
-          <p>璐d换鏍″锛氶檲銆�鑽�</p>
-          <p>璐d换鍗板埗锛氶檲銆�娑�</p>
-          <p class="center"><b>鐗堟潈鎵�鏈夈��渚垫潈蹇呯┒</b></p>
-          <p class="center1">鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細010-58800697</p>
-          <p class="center1">鍖椾含璇昏�呮湇鍔¢儴鐢佃瘽锛�010-58808104</p>
-          <p class="center1">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
-          <p class="center1">鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�</p>
-          <p class="center1">鍗板埗绠$悊閮ㄧ數璇濓細010-58805079</p>
+      <div v-if="showPageList.indexOf(2) > -1">
+        <div class="bodystyle">
+          <p class="center">
+            <img alt="" class="imz" src="../image/SMY.jpg" />
+          </p>
         </div>
       </div>
     </div>
     <div class="page-box" page="3">
-      <div class="bodystyle">
-        <div class="front">
-          <img alt="" class="img-0 prefaceImg" src="../image/sysm.png" />
-        </div>
-        <div class="pdf-content">
-          <p>
-            鏈暀鏉愬睘浜庢柊鍨嬫椿椤靛紡鏁欐潗锛屽吋鍏封�滃伐浣滄椿椤碘�濆拰鈥滄暀鏉愨�濈殑鍙岄噸灞炴�э紝鐢辫鍔ㄦ墜鍐屽拰闃呰鎵嬪唽涓ら儴鍒嗘瀯鎴愩��
-          </p>
-          <p>
-            琛屽姩鎵嬪唽涓昏鐢ㄤ簬璇惧爞鏁欏锛屾寜鐓р�滀互瀛︿範鑰呬负涓績銆佷互瀛︿範鎴愭灉涓哄鍚戙�佷績杩涜嚜涓诲涔犫�濈殑鎬濊矾杩涜寮�鍙戝拰璁捐锛屽皢鍏稿瀷宸ヤ綔浠诲姟鍙婂伐浣滆繃绋嬩綔涓轰富浣撳唴瀹癸紝鍚屾椂鎻愪緵閫傜敤鐨勩�佸叿鏈夊紩棰嗕綔鐢ㄧ殑澶氱绫诲瀷鐨勭珛浣撳寲銆佷俊鎭寲璇剧▼璧勬簮锛屽�熷姪瀛︿範浠诲姟瀹炴柦鏁欏锛岄噰鐢ㄨ鍔ㄦ暀瀛︽硶寮曞瀛︿範鑰呭弽鎬濆拰瀹炴搷銆傞拡瀵硅繖浜涙簮浜庡疄闄呭伐浣滅殑闂锛屽涔犺�呭彲閫氳繃灏忕粍璁ㄨ杩涜瀛︿範骞舵繁鍏ユ�濊�冿紝閫氳繃鎯呭鎿嶄綔璁粌鎺屾彙鎶�鑳斤紝鍚屾椂鍒嗕韩褰兼鐨勭粡楠屻�傝繖绉嶆柟寮忎笉浠呰兘澶熷緱鍒板垱鏂扮殑鏂规锛岃�屼笖鑳藉甯姪瀛︿範鑰呮洿濂藉湴閫傚簲灏嗘潵鐨勫伐浣滃矖浣嶃��
-          </p>
-          <p>
-            闃呰鎵嬪唽涓哄涔犺�呮彁渚涘涔犺祫鏂欙紝鍏跺唴瀹逛笌瀹為檯宸ヤ綔浠诲姟瀵嗗垏鐩稿叧锛屾墦鐮翠簡浼犵粺鏁欐潗鐨勭煡璇嗕綋绯讳腑鐨勯�昏緫涓荤嚎锛屼互闂涓哄鍚戯紝寮曞瀛︿範鑰呰嚜涓绘煡闃呰祫鏂欎互瀵绘壘绛旀銆傞槄璇绘墜鍐屼富瑕佷负瀛︿範鑰呭紑灞曡嚜涓诲涔犳彁渚涙敮鎸侊紝浣滀负琛屽姩鎵嬪唽鐨勭悊璁烘敮鎾戯紝涓哄涔犺�呮彁渚涙洿澶氱浉鍏崇殑瀛︿範绱犳潗锛屾渶缁堟彁鍗囧熀浜庡矖浣嶄换鍔$殑鐞嗚姘村钩銆傛湰鏁欐潗杩橀厤浜嗚棰戙�佹枃瀛楃瓑璧勬簮锛屾壂浜岀淮鐮佸嵆鍙煡鐪嬶紝杩欑鏂板舰鎬佷娇鏁欐潗鐨勫唴瀹瑰緱浠ユ嫇灞曚笌寤朵几銆�
-          </p>
+      <div v-if="showPageList.indexOf(3) > -1">
+        <div class="bodystyle">
+          <div class="pdf-content">
+            <hr />
+            <p><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
+            <p>濠村辜鍎跨敓娲荤収鎶�/璧甸潚涓荤紪.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2023.10</p>
+            <p>ISBN 978-7-303-27715-5</p>
+            <p>鈪�.鈶犲┐鈥� 鈪�.鈶犺档鈥� 鈪�.鈶犲┐骞煎効-鍝鸿偛-涓瓑涓撲笟瀛︽牎-鏁欐潗 鈪�.鈶燭S976.31</p>
+            <p>涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2021锛夌269882鍙�</p>
+            <hr />
+            <p>鏁欐潗鎰忚鍙嶉銆�gaozhifk@bnupg.com銆�010-58805079</p>
+            <p>钀ラ攢涓績鐢佃瘽銆�010-58802755 58800035</p>
+            <p>缂� 杈� 閮� 鐢� 璇濄��010-58802883</p>
+            <hr />
+            <p>YINGYOU鈥� ER SHENGHUO ZHAOHU</p>
+            <p>鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnup.com</p>
+            <p>銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙e澶ц12-3鍙�</p>
+            <p>銆�銆�銆�銆�銆�閭斂缂栫爜锛�100088</p>
+            <p>鍗般��銆�鍒凤細浼樺浠曞嵃鍒锋渤鍖楁湁闄愬叕鍙�</p>
+            <p>缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
+            <p>寮�銆�銆�鏈細889mm脳1194mm銆�1/16</p>
+            <p>鍗般��銆�寮狅細16.25</p>
+            <p>瀛椼��銆�鏁帮細251鍗冨瓧</p>
+            <p>鐗堛��銆�娆★細2023骞�10鏈堢1鐗�</p>
+            <p>鍗般��銆�娆★細2023骞�10鏈堢1娆″嵃鍒�</p>
+            <p>瀹氥��銆�浠凤細44.80鍏�</p>
+            <hr />
+            <p>绛栧垝缂栬緫锛氬璐靛钩</p>
+            <p>璐d换缂栬緫锛氬啹銆�鍊�</p>
+            <p>缇庢湳缂栬緫锛氱劍銆�涓�</p>
+            <p>瑁呭抚璁捐锛氱劍銆�涓�</p>
+            <p>璐d换鏍″锛氶檲銆�鑽�</p>
+            <p>璐d换鍗板埗锛氶檲銆�娑�</p>
+            <p class="center"><b>鐗堟潈鎵�鏈夈��渚垫潈蹇呯┒</b></p>
+            <p class="center1">鍙嶇洍鐗堛�佷镜鏉冧妇鎶ョ數璇濓細010-58800697</p>
+            <p class="center1">鍖椾含璇昏�呮湇鍔¢儴鐢佃瘽锛�010-58808104</p>
+            <p class="center1">澶栧煚閭喘鐢佃瘽锛�010-58808083</p>
+            <p class="center1">
+              鏈功濡傛湁鍗拌璐ㄩ噺闂锛岃涓庡嵃鍒剁鐞嗛儴鑱旂郴璋冩崲銆�
+            </p>
+            <p class="center1">鍗板埗绠$悊閮ㄧ數璇濓細010-58805079</p>
+          </div>
         </div>
       </div>
     </div>
     <div class="page-box" page="4">
-      <div class="bodystyle">
-        <div class="front">
-          <img alt="" class="img-0 prefaceImg" style="top:2%" src="../image/xu.png" />
+      <div v-if="showPageList.indexOf(4) > -1">
+        <div class="bodystyle">
+          <div class="front">
+            <img alt="" class="img-0 prefaceImg" src="../image/sysm.png" />
+          </div>
+          <div class="pdf-content">
+            <p>
+              鏈暀鏉愬睘浜庢柊鍨嬫椿椤靛紡鏁欐潗锛屽吋鍏封�滃伐浣滄椿椤碘�濆拰鈥滄暀鏉愨�濈殑鍙岄噸灞炴�э紝鐢辫鍔ㄦ墜鍐屽拰闃呰鎵嬪唽涓ら儴鍒嗘瀯鎴愩��
+            </p>
+            <p>
+              琛屽姩鎵嬪唽涓昏鐢ㄤ簬璇惧爞鏁欏锛屾寜鐓р�滀互瀛︿範鑰呬负涓績銆佷互瀛︿範鎴愭灉涓哄鍚戙�佷績杩涜嚜涓诲涔犫�濈殑鎬濊矾杩涜寮�鍙戝拰璁捐锛屽皢鍏稿瀷宸ヤ綔浠诲姟鍙婂伐浣滆繃绋嬩綔涓轰富浣撳唴瀹癸紝鍚屾椂鎻愪緵閫傜敤鐨勩�佸叿鏈夊紩棰嗕綔鐢ㄧ殑澶氱绫诲瀷鐨勭珛浣撳寲銆佷俊鎭寲璇剧▼璧勬簮锛屽�熷姪瀛︿範浠诲姟瀹炴柦鏁欏锛岄噰鐢ㄨ鍔ㄦ暀瀛︽硶寮曞瀛︿範鑰呭弽鎬濆拰瀹炴搷銆傞拡瀵硅繖浜涙簮浜庡疄闄呭伐浣滅殑闂锛屽涔犺�呭彲閫氳繃灏忕粍璁ㄨ杩涜瀛︿範骞舵繁鍏ユ�濊�冿紝閫氳繃鎯呭鎿嶄綔璁粌鎺屾彙鎶�鑳斤紝鍚屾椂鍒嗕韩褰兼鐨勭粡楠屻�傝繖绉嶆柟寮忎笉浠呰兘澶熷緱鍒板垱鏂扮殑鏂规锛岃�屼笖鑳藉甯姪瀛︿範鑰呮洿濂藉湴閫傚簲灏嗘潵鐨勫伐浣滃矖浣嶃��
+            </p>
+            <p>
+              闃呰鎵嬪唽涓哄涔犺�呮彁渚涘涔犺祫鏂欙紝鍏跺唴瀹逛笌瀹為檯宸ヤ綔浠诲姟瀵嗗垏鐩稿叧锛屾墦鐮翠簡浼犵粺鏁欐潗鐨勭煡璇嗕綋绯讳腑鐨勯�昏緫涓荤嚎锛屼互闂涓哄鍚戯紝寮曞瀛︿範鑰呰嚜涓绘煡闃呰祫鏂欎互瀵绘壘绛旀銆傞槄璇绘墜鍐屼富瑕佷负瀛︿範鑰呭紑灞曡嚜涓诲涔犳彁渚涙敮鎸侊紝浣滀负琛屽姩鎵嬪唽鐨勭悊璁烘敮鎾戯紝涓哄涔犺�呮彁渚涙洿澶氱浉鍏崇殑瀛︿範绱犳潗锛屾渶缁堟彁鍗囧熀浜庡矖浣嶄换鍔$殑鐞嗚姘村钩銆傛湰鏁欐潗杩橀厤浜嗚棰戙�佹枃瀛楃瓑璧勬簮锛屾壂浜岀淮鐮佸嵆鍙煡鐪嬶紝杩欑鏂板舰鎬佷娇鏁欐潗鐨勫唴瀹瑰緱浠ユ嫇灞曚笌寤朵几銆�
+            </p>
+          </div>
         </div>
-        <div class="pdf-content">
-          <p>
-            瀛﹀墠鏁欒偛鏄繚闅滃拰鏀瑰杽姘戠敓鐨勯噸瑕佸唴瀹广�傚湪鎴戝浗锛屾寜鐓т繚鑲插拰鏁欒偛鐩哥粨鍚堢殑鍘熷垯锛屾墭鑲叉満鏋勫悇宀椾綅鐨勪繚鏁欎汉鍛橀』鍏峰淇冭繘濠村辜鍎垮叏闈㈠彂灞曠殑淇濊偛鑳藉姏銆傘�婁笂娴峰競鎵樿偛鏈嶅姟涓夊勾琛屽姩璁″垝锛�2020鈥�2022骞达級銆嬫彁鍑虹殑鈥滄暀鍏诲尰缁撳悎鈥濈殑瀛﹀墠鏁欒偛鐞嗗康锛屽鎵樿偛鏈烘瀯鐨勪繚鏁欎汉鍛樼殑淇濊偛鑳藉姏鎻愬嚭浜嗘洿楂樼殑瑕佹眰锛氬叿澶囩浉搴旂殑鑱屼笟閬撳痉銆佺瀛︽枃鍖栦笌涓撲笟鐭ヨ瘑銆佹妧鏈妧鑳姐�傝亴涓氶櫌鏍℃柊寮�璁剧殑鍩瑰吇淇濇暀浜哄憳鐨勫┐骞煎効鎵樿偛鍜屽辜鍎夸繚鑲茬瓑涓撲笟锛屽紑璁炬椂闂寸煭銆佹暀鏉愯祫婧愭瑺缂恒�佷汉鎵嶅煿鍏荤粡楠岀浉瀵圭己涔忋�傛湰鏁欐潗灏辨槸閽堝濠村辜鍎挎墭鑲插拰骞煎効淇濊偛绛変笓涓氱殑杩欑鐜扮姸缂栧啓鑰屾垚鐨勩��
-          </p>
-          <p>
-            鏂颁慨璁㈢殑銆婁腑鍗庝汉姘戝叡鍜屽浗鑱屼笟鏁欒偛娉曘�嬬浜屾潯瑙勫畾锛氣�滄湰娉曟墍绉拌亴涓氭暀鑲诧紝鏄寚涓轰簡鍩瑰吇楂樼礌璐ㄦ妧鏈妧鑳戒汉鎵嶏紝浣垮彈鏁欒偛鑰呭叿澶囦粠浜嬫煇绉嶈亴涓氭垨鑰呭疄鐜拌亴涓氬彂灞曟墍闇�瑕佺殑鑱屼笟閬撳痉銆佺瀛︽枃鍖栦笌涓撲笟鐭ヨ瘑銆佹妧鏈妧鑳界瓑鑱屼笟缁煎悎绱犺川鍜岃鍔ㄨ兘鍔涜�屽疄鏂界殑鏁欒偛锛屽寘鎷亴涓氬鏍℃暀鑲插拰鑱屼笟鍩硅銆傗�濇寜鐓ц繖涓�瑙勫畾锛屾湰鏁欐潗鎰忓湪闈㈠悜宸ヤ綔瑕佹眰鍜屽矖浣嶈姹傦紝鏄庣‘鍩瑰吇瑙勬牸鍜岃兘鍔涜姹傦紝骞朵负瀛︾敓鏈潵鐨勮亴涓氱敓娑彂灞曞瀹氳壇濂界殑鍩虹銆備负姝わ紝涓嶄粎闇�瑕佸紩鍏ュ厛杩涚殑淇濊偛鍜屾暀鑲茬悊蹇碉紝鑰屼笖闇�瑕佹妸鍏堣繘鐨勪笓涓氭暀瀛﹀唴瀹逛笌楂樿川閲忕殑鏁欏缁勭粐褰㈠紡鏈夋満缁撳悎璧锋潵銆�
-          </p>
-          <p>
-            鏈暀鏉愭寜鐓у煿鍏昏亴涓氱患鍚堢礌璐ㄥ拰琛屽姩鑳藉姏鐨勮姹傦紝缁撳悎鏁欒偛閮ㄥ叧浜�1+X璇佷功鍒跺害璇曠偣宸ヤ綔鐨勬寚瀵兼剰瑙侊紝閽堝鏈被涓撲笟灏变笟鐨勫競鍦洪渶姹傚拰鎵樿偛琛屼笟鐨勫彂灞曡秼鍔匡紝绔嬭冻鎵樿偛鏈烘瀯鐨勫疄闄呭伐浣滃満鏅紝浠嬬粛澶ч噺瀹炶返妗堜緥锛屽姏鍥句娇鑱屼笟鏁欒偛鍥炲綊瀹為檯宸ヤ綔銆傛湰鏁欐潗閲囩敤宸ュ缁撳悎涓�浣撳寲璇剧▼妯″紡锛屽熀鏈壒鐐规槸寮曞瀛︾敓鈥滃湪琛屽姩涓浼氬伐浣溾�濄��
-          </p>
-          <p>
-            鍩瑰吇鑱屼笟琛屽姩鑳藉姏銆傝亴涓氳鍔ㄨ兘鍔涙槸涓綋褰撳墠灏变笟鍜岀粓韬彂灞曟墍闇�鐨勮兘鍔涳紝鏄湪鐞嗚В銆佸弽鎬濄�佽瘎浼板拰瀹屾垚鑱屼笟宸ヤ綔浠诲姟浠ュ強鎵挎媴绀句細銆佺粡娴庡拰鐢熸�佽矗浠荤殑鍓嶆彁涓嬶紝鍙備笌璁捐鎶�鏈拰绀句細鍙戝睍鐨勬剰鎰垮拰鏈銆傛湰鏁欐潗鍦ㄥ煿鍏诲疄璺电煡璇嗘妧鑳界殑鍩虹涓婏紝寮鸿皟瀛︾敓鐨勭患鍚堢礌璐ㄥ拰琛屽姩鑳藉姏鐨勬彁鍗囧拰鍏ㄩ潰鍙戝睍銆�
-          </p>
-          <p>
-            閲囩敤涓�浣撳寲璇剧▼妯″紡銆備竴浣撳寲璇剧▼妯″紡鎻愪緵鐨勬槸鐞嗚涓庡疄璺电浉缁熶竴鐨勭患鍚堟�у涔犱换鍔°�傚湪涓�浣撳寲璇剧▼妯″紡涓嬶紝瀛︿範涓嶅啀鏄畝鍗曠殑鐭ヨ瘑鐏岃緭鍜屾妧鑳借缁冿紝鑰屾槸鐭ヨ瘑銆佹妧鑳姐�佹儏鎰熸�佸害鍜屼环鍊艰鐨勬暣浣撳彂灞曘��
-          </p>
-          <p>
-            鏍规嵁鍏稿瀷宸ヤ綔浠诲姟纭畾瀛︿範鍐呭銆傛湰鏁欐潗鐨勫涔犲唴瀹规潵鑷繚鏁欎汉鍛樿亴涓氱敓娑腑鐨勫吀鍨嬪伐浣滀换鍔★紝浠h〃浜嗚鑱屼笟鐨勪笓涓氬寲姘村钩锛屽弽鏄犱簡璇ヨ亴涓氬叿鏈夎寖寮忔剰涔夌殑宸ヤ綔鍐呭鍜屽伐浣滄柟寮忋��
-          </p>
-          <p>
-            鎸夌収鎶�鏈妧鑳戒汉鎵嶆垚闀胯寰嬪畨鎺掓暀鏉愬唴瀹广�備汉鐨勮亴涓氭垚闀块伒寰粠鍒濆鑰呭埌涓撳鐨勮兘鍔涘彂灞曢�昏緫锛岃亴涓氭暀鑲茶繃绋嬮伒寰粠瀹屾垚绠�鍗曚换鍔″埌瀹屾垚澶嶆潅浠诲姟鐨勮亴涓氳鐭ヨ兘鍔涘彂灞曢�昏緫銆傛湰鏁欐潗鐨勫唴瀹瑰氨鏄寜鐓ц繖涓ょ閫昏緫璁捐瀹夋帓鐨勩��
-          </p>
+      </div>
+    </div>
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
+        <div class="bodystyle">
+          <div class="front">
+            <img
+              alt=""
+              class="img-0 prefaceImg"
+              style="top: 2%"
+              src="../image/xu.png"
+            />
+          </div>
+          <div class="pdf-content">
+            <p>
+              瀛﹀墠鏁欒偛鏄繚闅滃拰鏀瑰杽姘戠敓鐨勯噸瑕佸唴瀹广�傚湪鎴戝浗锛屾寜鐓т繚鑲插拰鏁欒偛鐩哥粨鍚堢殑鍘熷垯锛屾墭鑲叉満鏋勫悇宀椾綅鐨勪繚鏁欎汉鍛橀』鍏峰淇冭繘濠村辜鍎垮叏闈㈠彂灞曠殑淇濊偛鑳藉姏銆傘�婁笂娴峰競鎵樿偛鏈嶅姟涓夊勾琛屽姩璁″垝锛�2020鈥�2022骞达級銆嬫彁鍑虹殑鈥滄暀鍏诲尰缁撳悎鈥濈殑瀛﹀墠鏁欒偛鐞嗗康锛屽鎵樿偛鏈烘瀯鐨勪繚鏁欎汉鍛樼殑淇濊偛鑳藉姏鎻愬嚭浜嗘洿楂樼殑瑕佹眰锛氬叿澶囩浉搴旂殑鑱屼笟閬撳痉銆佺瀛︽枃鍖栦笌涓撲笟鐭ヨ瘑銆佹妧鏈妧鑳姐�傝亴涓氶櫌鏍℃柊寮�璁剧殑鍩瑰吇淇濇暀浜哄憳鐨勫┐骞煎効鎵樿偛鍜屽辜鍎夸繚鑲茬瓑涓撲笟锛屽紑璁炬椂闂寸煭銆佹暀鏉愯祫婧愭瑺缂恒�佷汉鎵嶅煿鍏荤粡楠岀浉瀵圭己涔忋�傛湰鏁欐潗灏辨槸閽堝濠村辜鍎挎墭鑲插拰骞煎効淇濊偛绛変笓涓氱殑杩欑鐜扮姸缂栧啓鑰屾垚鐨勩��
+            </p>
+            <p>
+              鏂颁慨璁㈢殑銆婁腑鍗庝汉姘戝叡鍜屽浗鑱屼笟鏁欒偛娉曘�嬬浜屾潯瑙勫畾锛氣�滄湰娉曟墍绉拌亴涓氭暀鑲诧紝鏄寚涓轰簡鍩瑰吇楂樼礌璐ㄦ妧鏈妧鑳戒汉鎵嶏紝浣垮彈鏁欒偛鑰呭叿澶囦粠浜嬫煇绉嶈亴涓氭垨鑰呭疄鐜拌亴涓氬彂灞曟墍闇�瑕佺殑鑱屼笟閬撳痉銆佺瀛︽枃鍖栦笌涓撲笟鐭ヨ瘑銆佹妧鏈妧鑳界瓑鑱屼笟缁煎悎绱犺川鍜岃鍔ㄨ兘鍔涜�屽疄鏂界殑鏁欒偛锛屽寘鎷亴涓氬鏍℃暀鑲插拰鑱屼笟鍩硅銆傗�濇寜鐓ц繖涓�瑙勫畾锛屾湰鏁欐潗鎰忓湪闈㈠悜宸ヤ綔瑕佹眰鍜屽矖浣嶈姹傦紝鏄庣‘鍩瑰吇瑙勬牸鍜岃兘鍔涜姹傦紝骞朵负瀛︾敓鏈潵鐨勮亴涓氱敓娑彂灞曞瀹氳壇濂界殑鍩虹銆備负姝わ紝涓嶄粎闇�瑕佸紩鍏ュ厛杩涚殑淇濊偛鍜屾暀鑲茬悊蹇碉紝鑰屼笖闇�瑕佹妸鍏堣繘鐨勪笓涓氭暀瀛﹀唴瀹逛笌楂樿川閲忕殑鏁欏缁勭粐褰㈠紡鏈夋満缁撳悎璧锋潵銆�
+            </p>
+            <p>
+              鏈暀鏉愭寜鐓у煿鍏昏亴涓氱患鍚堢礌璐ㄥ拰琛屽姩鑳藉姏鐨勮姹傦紝缁撳悎鏁欒偛閮ㄥ叧浜�1+X璇佷功鍒跺害璇曠偣宸ヤ綔鐨勬寚瀵兼剰瑙侊紝閽堝鏈被涓撲笟灏变笟鐨勫競鍦洪渶姹傚拰鎵樿偛琛屼笟鐨勫彂灞曡秼鍔匡紝绔嬭冻鎵樿偛鏈烘瀯鐨勫疄闄呭伐浣滃満鏅紝浠嬬粛澶ч噺瀹炶返妗堜緥锛屽姏鍥句娇鑱屼笟鏁欒偛鍥炲綊瀹為檯宸ヤ綔銆傛湰鏁欐潗閲囩敤宸ュ缁撳悎涓�浣撳寲璇剧▼妯″紡锛屽熀鏈壒鐐规槸寮曞瀛︾敓鈥滃湪琛屽姩涓浼氬伐浣溾�濄��
+            </p>
+            <p>
+              鍩瑰吇鑱屼笟琛屽姩鑳藉姏銆傝亴涓氳鍔ㄨ兘鍔涙槸涓綋褰撳墠灏变笟鍜岀粓韬彂灞曟墍闇�鐨勮兘鍔涳紝鏄湪鐞嗚В銆佸弽鎬濄�佽瘎浼板拰瀹屾垚鑱屼笟宸ヤ綔浠诲姟浠ュ強鎵挎媴绀句細銆佺粡娴庡拰鐢熸�佽矗浠荤殑鍓嶆彁涓嬶紝鍙備笌璁捐鎶�鏈拰绀句細鍙戝睍鐨勬剰鎰垮拰鏈銆傛湰鏁欐潗鍦ㄥ煿鍏诲疄璺电煡璇嗘妧鑳界殑鍩虹涓婏紝寮鸿皟瀛︾敓鐨勭患鍚堢礌璐ㄥ拰琛屽姩鑳藉姏鐨勬彁鍗囧拰鍏ㄩ潰鍙戝睍銆�
+            </p>
+            <p>
+              閲囩敤涓�浣撳寲璇剧▼妯″紡銆備竴浣撳寲璇剧▼妯″紡鎻愪緵鐨勬槸鐞嗚涓庡疄璺电浉缁熶竴鐨勭患鍚堟�у涔犱换鍔°�傚湪涓�浣撳寲璇剧▼妯″紡涓嬶紝瀛︿範涓嶅啀鏄畝鍗曠殑鐭ヨ瘑鐏岃緭鍜屾妧鑳借缁冿紝鑰屾槸鐭ヨ瘑銆佹妧鑳姐�佹儏鎰熸�佸害鍜屼环鍊艰鐨勬暣浣撳彂灞曘��
+            </p>
+            <p>
+              鏍规嵁鍏稿瀷宸ヤ綔浠诲姟纭畾瀛︿範鍐呭銆傛湰鏁欐潗鐨勫涔犲唴瀹规潵鑷繚鏁欎汉鍛樿亴涓氱敓娑腑鐨勫吀鍨嬪伐浣滀换鍔★紝浠h〃浜嗚鑱屼笟鐨勪笓涓氬寲姘村钩锛屽弽鏄犱簡璇ヨ亴涓氬叿鏈夎寖寮忔剰涔夌殑宸ヤ綔鍐呭鍜屽伐浣滄柟寮忋��
+            </p>
+            <p>
+              鎸夌収鎶�鏈妧鑳戒汉鎵嶆垚闀胯寰嬪畨鎺掓暀鏉愬唴瀹广�備汉鐨勮亴涓氭垚闀块伒寰粠鍒濆鑰呭埌涓撳鐨勮兘鍔涘彂灞曢�昏緫锛岃亴涓氭暀鑲茶繃绋嬮伒寰粠瀹屾垚绠�鍗曚换鍔″埌瀹屾垚澶嶆潅浠诲姟鐨勮亴涓氳鐭ヨ兘鍔涘彂灞曢�昏緫銆傛湰鏁欐潗鐨勫唴瀹瑰氨鏄寜鐓ц繖涓ょ閫昏緫璁捐瀹夋帓鐨勩��
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
+        <div class="header">
+          <div class="pageHeader-first">
+            <div class="header-bj"></div>
+            <div class="content">
+              <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
+              <div class="title">
+                <img src="../image/chapter.png" alt="" />
+                <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bodystyle">
           <p>
             琛屽姩瀵煎悜鏁欏銆傚鐢熷湪鍏蜂綋鐨勮亴涓氭儏澧冧腑閫氳繃琛屽姩寤烘瀯鑷繁鐨勭煡璇嗕綋绯伙紝涓嶄粎鍙互鎻愰珮瀵圭ぞ浼氬拰鎶�鏈彂灞曠殑閫傚簲鑳藉姏锛岃�屼笖鍙互鍦ㄥ叿鏈夊疄闄呭簲鐢ㄤ环鍊兼垨鐜板疄鎰忎箟鐨勬湇鍔¢」鐩腑瀛︿範锛屽彂灞曠嫭绔嬨�佽嚜淇″拰璐熻矗浠荤殑浜烘牸銆�
           </p>
@@ -121,23 +165,46 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="5">
-      <div class="bodystyle">
-        <div class="front">
-          <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
+        <div class="bodystyle">
+          <div class="front">
+            <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
+          </div>
+          <div class="pdf-content">
+            <p>
+              0锝�3宀佹槸涓綋鐢熷懡鍛ㄦ湡鐨勬棭鏈熼樁娈碉紝杩欎竴鏃舵湡鐨勫┐骞煎効鐨勪綋鏍煎彂鑲插拰绁炵粡绯荤粺鍙戣偛鏈�涓鸿繀閫熴�傞殢鐫�韬綋鍚勫櫒瀹樼殑涓嶆柇鍙戣偛锛屽┐骞煎効鍑犱箮姣忔湀鐢氳嚦姣忓ぉ閮藉湪鍙戠敓鍙樺寲锛岃�岃繖涓�鏃舵湡涔熸槸瀹规槗鍙戠敓鐤剧梾銆佹剰澶栫殑鏃舵湡锛屾墍浠ヨ杩欎竴鏃舵湡鐨勫┐骞煎効鏄渶鈥滄煍杞�濈殑缇や綋銆傚┐骞煎効鐓ф姢鏈嶅姟鏄敓鍛藉叏鍛ㄦ湡鏈嶅姟绠$悊鐨勯噸瑕佸唴瀹癸紝浜嬪叧濠村辜鍎挎垚闀匡紝浜嬪叧鍗冨涓囨埛銆傚洜姝わ紝閽堝杩欎竴鏃舵湡濠村辜鍎跨殑鐢熺悊銆佸績鐞嗙壒鐐癸紝蹇呴』杈呭姪浠ラ�傚綋鐨勪繚鑲叉柟寮忓拰淇濊偛鎵嬫銆�
+            </p>
+            <p>
+              鍏氱殑鍗佷節澶ф姤鍛婃彁鍑衡�滃辜鏈夋墍鑲测�濓紝杩欐槸淇濋殰鍜屾敼鍠勬皯鐢熺殑閲嶈鍐呭銆傚厷鐨勪簩鍗佸ぇ鎶ュ憡鎻愬嚭锛氣�滃繀椤诲潥鎸佸湪鍙戝睍涓繚闅滃拰鏀瑰杽姘戠敓銆傗��2019骞�5鏈�9鏃ワ紝鍥藉姟闄㈠姙鍏巺鍙戝竷浜嗐�婂叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬨�備负璐交璇ユ寚瀵兼剰瑙侊紝鍥藉鍗敓鍋ュ悍濮斿憳浼氬嵃鍙戜簡銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨�婃墭鑲叉満鏋勫┐骞煎効浼ゅ棰勯槻鎸囧崡锛堣瘯琛岋級銆嬨�婃墭鑲叉満鏋勫┐骞煎効鍠傚吇涓庤惀鍏绘寚鍗楋紙璇曡锛夈�嬶紝鐫�鍔涙寚瀵兼墭鑲叉満鏋勫垏瀹炲仛濂藉畨鍏ㄩ槻鎶ゅ伐浣滐紝涓哄┐骞煎効鎻愪緵绉戝銆佽鑼冪殑鐓ф姢鏈嶅姟銆傚厷鐨勪簩鍗佸ぇ鎶ュ憡鎸囧嚭锛氣�滄垜浠繁鍏ヨ疮褰讳互浜烘皯涓轰腑蹇冪殑鍙戝睍鎬濇兂锛屽湪骞兼湁鎵�鑲层�佸鏈夋墍鏁欍�佸姵鏈夋墍寰椼�佺梾鏈夋墍鍖汇�佽�佹湁鎵�鍏汇�佷綇鏈夋墍灞呫�佸急鏈夋墍鎵朵笂鎸佺画鐢ㄥ姏锛屼汉姘戠敓娲诲叏鏂逛綅鏀瑰杽銆傗�濆彲瑙侊紝鈥滃辜鏈夋墍鑲测�濅竴鐩存槸鍏氬拰鍥藉楂樺害閲嶈鐨勬皯鐢熷伐绋嬨��
+            </p>
+            <p>
+              楂樻妧鏈�侀珮鎶�鑳戒汉鎵嶅湪绀句細鍙戝睍涓壆婕旂潃涓捐冻杞婚噸鐨勮鑹诧紝浠栦滑闇�瑕佹帉鎻$患鍚堢煡璇嗐�佸疄璺垫妧鑳姐�佺ぞ浜ゆ妧鑳斤紝鏃㈣鏈夌嫭绔嬫�濊�冨拰寮�鎷撳垱鏂扮殑鑳藉姏锛屽張瑕佹湁绉瀬鍚戜笂鐨勬�佸害鍜屽己鐑堢殑璐d换鎰熴�傛湰鏁欐潗閬靛惊鍥藉閽堝濠村辜鍎跨収鎶ゅ強鎵樿偛鎻愬嚭鐨勬柊鏀跨瓥鍜屾柊瑕佹眰锛岀患鍚堜簡涓栫晫鍏堣繘鐨勫┐骞煎効鐓ф姢鐨勭浉鍏虫蹇点�佺悊璁哄拰鏂规硶锛岀珛瓒斥�滀笁鏁欌�濇敼闈╋紝涓庢暀鑲查儴鍏充簬1+X璇佷功鍒跺害璇曠偣宸ヤ綔鐨勬寚瀵兼剰瑙佺浉缁撳悎锛屼富鍔ㄩ�傚簲鎵樿偛鐨勬柊瓒嬪娍鍜屽氨涓氬競鍦虹殑鏂伴渶姹傦紝閽堝瀛︽牎鍩瑰吇骞煎効淇濊偛涓撲笟浜烘墠鐨勮姹傦紝绔嬭冻鎵樿偛鏈烘瀯瀹為檯宸ヤ綔鍦烘櫙锛岀粨鍚堝ぇ閲忓疄璺垫渚嬪拰鍏蜂綋鎿嶄綔锛岀敤浠ヨ鍔ㄤ负瀵煎悜鐨勫涔犳柟寮忎娇鏁欒偛鍥炲綊瀹為檯宸ヤ綔锛屽府鍔╁鐢熷仛濂借亴鍓嶅噯澶囷紝鎻愰珮鑱屼笟鏁欒偛閫傚簲绀句細鍙戝睍闇�姹傜殑姘村钩锛屽洜姝ら潪甯搁�傚悎琚綔涓鸿亴涓氭暀鑲叉暀鏉愩��
+            </p>
+            <p>
+              鏈暀鏉愮紪鍐欏洟闃熶富瑕佺敱楂樿亴瀛︾涓撳銆佷腑鑱岃绋嬫暀甯堛�佹墭鑲叉満鏋勭鐞嗚�呭強涓�绾块骞叉暀甯堢粍鎴愩�傚垎宸ュ涓嬶細鈥滃垵璇嗗┐骞煎効鐢熸椿淇濊偛鈥濃�滅洢娲楁椿鍔ㄧ収鎶も�濃�滃鍘曟椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢遍噾鍗庤亴涓氭妧鏈闄㈣档闈掕礋璐g紪鍐欙紝鈥滄潵鍥椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢变腑鍥界鍒╀細鎵樺効鎵�寮犳嚳璐熻矗缂栧啓锛屸�滆繘椁愭椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢遍噾鍗庤亴涓氭妧鏈闄㈣儭鐜夋晱璐熻矗缂栧啓锛屸�滈ギ姘存椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢卞寳浜競鍟嗕笟瀛︽牎瀛欓潤璐熻矗缂栧啓锛屸�滅潯鐪犳椿鍔ㄧ収鎶も�濈殑
+            </p>
+          </div>
         </div>
-        <div class="pdf-content">
+      </div>
+    </div>
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
+        <div class="header">
+          <div class="pageHeader-first">
+            <div class="header-bj"></div>
+            <div class="content">
+              <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
+              <div class="title">
+                <img src="../image/chapter.png" alt="" />
+                <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bodystyle">
           <p>
-            0锝�3宀佹槸涓綋鐢熷懡鍛ㄦ湡鐨勬棭鏈熼樁娈碉紝杩欎竴鏃舵湡鐨勫┐骞煎効鐨勪綋鏍煎彂鑲插拰绁炵粡绯荤粺鍙戣偛鏈�涓鸿繀閫熴�傞殢鐫�韬綋鍚勫櫒瀹樼殑涓嶆柇鍙戣偛锛屽┐骞煎効鍑犱箮姣忔湀鐢氳嚦姣忓ぉ閮藉湪鍙戠敓鍙樺寲锛岃�岃繖涓�鏃舵湡涔熸槸瀹规槗鍙戠敓鐤剧梾銆佹剰澶栫殑鏃舵湡锛屾墍浠ヨ杩欎竴鏃舵湡鐨勫┐骞煎効鏄渶鈥滄煍杞�濈殑缇や綋銆傚┐骞煎効鐓ф姢鏈嶅姟鏄敓鍛藉叏鍛ㄦ湡鏈嶅姟绠$悊鐨勯噸瑕佸唴瀹癸紝浜嬪叧濠村辜鍎挎垚闀匡紝浜嬪叧鍗冨涓囨埛銆傚洜姝わ紝閽堝杩欎竴鏃舵湡濠村辜鍎跨殑鐢熺悊銆佸績鐞嗙壒鐐癸紝蹇呴』杈呭姪浠ラ�傚綋鐨勪繚鑲叉柟寮忓拰淇濊偛鎵嬫銆�
-          </p>
-          <p>
-            鍏氱殑鍗佷節澶ф姤鍛婃彁鍑衡�滃辜鏈夋墍鑲测�濓紝杩欐槸淇濋殰鍜屾敼鍠勬皯鐢熺殑閲嶈鍐呭銆傚厷鐨勪簩鍗佸ぇ鎶ュ憡鎻愬嚭锛氣�滃繀椤诲潥鎸佸湪鍙戝睍涓繚闅滃拰鏀瑰杽姘戠敓銆傗��2019骞�5鏈�9鏃ワ紝鍥藉姟闄㈠姙鍏巺鍙戝竷浜嗐�婂叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬨�備负璐交璇ユ寚瀵兼剰瑙侊紝鍥藉鍗敓鍋ュ悍濮斿憳浼氬嵃鍙戜簡銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨�婃墭鑲叉満鏋勫┐骞煎効浼ゅ棰勯槻鎸囧崡锛堣瘯琛岋級銆嬨�婃墭鑲叉満鏋勫┐骞煎効鍠傚吇涓庤惀鍏绘寚鍗楋紙璇曡锛夈�嬶紝鐫�鍔涙寚瀵兼墭鑲叉満鏋勫垏瀹炲仛濂藉畨鍏ㄩ槻鎶ゅ伐浣滐紝涓哄┐骞煎効鎻愪緵绉戝銆佽鑼冪殑鐓ф姢鏈嶅姟銆傚厷鐨勪簩鍗佸ぇ鎶ュ憡鎸囧嚭锛氣�滄垜浠繁鍏ヨ疮褰讳互浜烘皯涓轰腑蹇冪殑鍙戝睍鎬濇兂锛屽湪骞兼湁鎵�鑲层�佸鏈夋墍鏁欍�佸姵鏈夋墍寰椼�佺梾鏈夋墍鍖汇�佽�佹湁鎵�鍏汇�佷綇鏈夋墍灞呫�佸急鏈夋墍鎵朵笂鎸佺画鐢ㄥ姏锛屼汉姘戠敓娲诲叏鏂逛綅鏀瑰杽銆傗�濆彲瑙侊紝鈥滃辜鏈夋墍鑲测�濅竴鐩存槸鍏氬拰鍥藉楂樺害閲嶈鐨勬皯鐢熷伐绋嬨��
-          </p>
-          <p>
-            楂樻妧鏈�侀珮鎶�鑳戒汉鎵嶅湪绀句細鍙戝睍涓壆婕旂潃涓捐冻杞婚噸鐨勮鑹诧紝浠栦滑闇�瑕佹帉鎻$患鍚堢煡璇嗐�佸疄璺垫妧鑳姐�佺ぞ浜ゆ妧鑳斤紝鏃㈣鏈夌嫭绔嬫�濊�冨拰寮�鎷撳垱鏂扮殑鑳藉姏锛屽張瑕佹湁绉瀬鍚戜笂鐨勬�佸害鍜屽己鐑堢殑璐d换鎰熴�傛湰鏁欐潗閬靛惊鍥藉閽堝濠村辜鍎跨収鎶ゅ強鎵樿偛鎻愬嚭鐨勬柊鏀跨瓥鍜屾柊瑕佹眰锛岀患鍚堜簡涓栫晫鍏堣繘鐨勫┐骞煎効鐓ф姢鐨勭浉鍏虫蹇点�佺悊璁哄拰鏂规硶锛岀珛瓒斥�滀笁鏁欌�濇敼闈╋紝涓庢暀鑲查儴鍏充簬1+X璇佷功鍒跺害璇曠偣宸ヤ綔鐨勬寚瀵兼剰瑙佺浉缁撳悎锛屼富鍔ㄩ�傚簲鎵樿偛鐨勬柊瓒嬪娍鍜屽氨涓氬競鍦虹殑鏂伴渶姹傦紝閽堝瀛︽牎鍩瑰吇骞煎効淇濊偛涓撲笟浜烘墠鐨勮姹傦紝绔嬭冻鎵樿偛鏈烘瀯瀹為檯宸ヤ綔鍦烘櫙锛岀粨鍚堝ぇ閲忓疄璺垫渚嬪拰鍏蜂綋鎿嶄綔锛岀敤浠ヨ鍔ㄤ负瀵煎悜鐨勫涔犳柟寮忎娇鏁欒偛鍥炲綊瀹為檯宸ヤ綔锛屽府鍔╁鐢熷仛濂借亴鍓嶅噯澶囷紝鎻愰珮鑱屼笟鏁欒偛閫傚簲绀句細鍙戝睍闇�姹傜殑姘村钩锛屽洜姝ら潪甯搁�傚悎琚綔涓鸿亴涓氭暀鑲叉暀鏉愩��
-          </p>
-          <p>
-            鏈暀鏉愮紪鍐欏洟闃熶富瑕佺敱楂樿亴瀛︾涓撳銆佷腑鑱岃绋嬫暀甯堛�佹墭鑲叉満鏋勭鐞嗚�呭強涓�绾块骞叉暀甯堢粍鎴愩�傚垎宸ュ涓嬶細鈥滃垵璇嗗┐骞煎効鐢熸椿淇濊偛鈥濃�滅洢娲楁椿鍔ㄧ収鎶も�濃�滃鍘曟椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢遍噾鍗庤亴涓氭妧鏈闄㈣档闈掕礋璐g紪鍐欙紝鈥滄潵鍥椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢变腑鍥界鍒╀細鎵樺効鎵�寮犳嚳璐熻矗缂栧啓锛屸�滆繘椁愭椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢遍噾鍗庤亴涓氭妧鏈闄㈣儭鐜夋晱璐熻矗缂栧啓锛屸�滈ギ姘存椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢卞寳浜競鍟嗕笟瀛︽牎瀛欓潤璐熻矗缂栧啓锛屸�滅潯鐪犳椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢卞畞娉㈠辜鍎垮笀鑼冮珮绛変笓绉戝鏍¤懀閽拌悕璐熻矗缂栧啓锛屸�滅鍥椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢辨澀宸炲績闃冲辜骞兼墭鑲插洯鏉ㄤ徊璐熻矗缂栧啓銆傛湰鏁欐潗寮曠敤浜嗕竴浜涘浗鍐呭涓撳銆佸鑰呯殑鐮旂┒鎴愭灉鍜岃祫鏂欙紝鍦ㄦ涓�骞惰〃绀烘劅璋€��
+            鐩稿叧鍐呭鐢卞畞娉㈠辜鍎垮笀鑼冮珮绛変笓绉戝鏍¤懀閽拌悕璐熻矗缂栧啓锛屸�滅鍥椿鍔ㄧ収鎶も�濈殑鐩稿叧鍐呭鐢辨澀宸炲績闃冲辜骞兼墭鑲插洯鏉ㄤ徊璐熻矗缂栧啓銆傛湰鏁欐潗寮曠敤浜嗕竴浜涘浗鍐呭涓撳銆佸鑰呯殑鐮旂┒鎴愭灉鍜岃祫鏂欙紝鍦ㄦ涓�骞惰〃绀烘劅璋€��
           </p>
           <p>
             鏈暀鏉愬叿鏈夎緝寮虹殑鐞嗚鎬с�佸疄璺垫�у拰鍙搷浣滄�э紝鏃㈠彲浠ヤ綔涓轰腑绛夎亴涓氬鏍″辜鍎夸繚鑲茬浉鍏充笓涓氱殑鏁欐潗锛屼篃鍙互渚涗竴绾挎墭鑲叉満鏋勭殑淇濇暀浜哄憳銆佸┐骞煎効鐓ф姢宸ヤ綔鑰呭強骞垮ぇ0锝�3宀佸┐骞煎効鐨勭埗姣嶄娇鐢ㄣ�傜敱浜庢椂闂寸揣杩紝鏁欐潗闅惧厤鏈変笉瀹屽杽涔嬪锛屾暚璇峰箍澶у笀鐢熶笉鍚濊祼鏁欙紙鍙戦�侀偖浠惰嚦yaoguiping@126.com锛夛紝鎴戜滑灏嗗強鏃朵慨璁€�佸畬鍠勩��
@@ -145,12 +212,30 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="6">
-      <div class="bodystyle">
-        <h1 id="a007">
-          <img class="imz" alt="" src="../image/0011-1.jpg" />
-        </h1>
+    <div class="page-box" page="9">
+      <div v-if="showPageList.indexOf(9) > -1">
+        <div class="bodystyle">
+          <h1 id="a007">
+            <img class="imz" alt="" src="../image/0011-1.jpg" />
+          </h1>
+        </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "front-init",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+    questionData: {
+      type: Object,
+    },
+  },
+  data() {
+    return {};
+  },
+};
+</script>
diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 4957561..a6078a1 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -37,6 +37,33 @@
       position: relative;
     }
 
+    .bodystyle-chapter001 {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      position: relative;
+      .bj-chapter001-bj-icon {
+        padding-top: 15px;
+      }
+
+      .bj-chapter001-con {
+        width: 60%;
+        position: absolute;
+        left: 0;
+        top: 5%;
+        .bj-chapter001-con-icon {
+          width: 100%;
+          img {
+            padding-top: 20px;
+            width: 100%;
+          }
+        }
+      }
+    }
+
+
+
     .tablePublic {
       display: flex;
       flex-direction: column;
@@ -184,11 +211,12 @@
       top: -20px;
       left: 10px;
       background-color: #d6dbee;
-      padding: 5px 20px;
+      padding: 5px;
       box-sizing: border-box;
-      color: #95b2dc;
+      color: #5877ba;
       font-family: "FZLTXIHJW";
-      font-size: 1em;
+      font-size: 16px;
+      font-weight: 700;
       border-radius: 15px;
 
       .icon {
@@ -223,49 +251,56 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
+
       p {
-        width: 500px;
+        margin-right: 10px;
       }
+
       .pdf-con {
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
         border: 2px dotted #5d78bb;
-        padding: 10px 0px;
+        padding: 10px 0;
         box-sizing: border-box;
         border-radius: 10px;
         margin-left: 10px;
-  
+        margin-top: -50px;
+
         .pdf-view {
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
-          img{
+
+          img {
             width: 80px;
           }
+
           span {
+            min-width: 150px;
             font-size: 14px;
             text-align: center;
           }
+
           span:hover {
             color: #5877ba;
             cursor: pointer;
             text-decoration: underline;
             -webkit-user-select: none;
-              /* Safari 3.1+ */
-              -moz-user-select: none;
-              /* Firefox 2+ */
-              -ms-user-select: none;
-              /* IE 10+ */
-              user-select: none;
-              /* 鏍囧噯璇硶 */
+            /* Safari 3.1+ */
+            -moz-user-select: none;
+            /* Firefox 2+ */
+            -ms-user-select: none;
+            /* IE 10+ */
+            user-select: none;
+            /* 鏍囧噯璇硶 */
           }
         }
       }
     }
-   
+
 
     .xyx-title {
       font-family: "STKaiti";
diff --git a/src/books/sportsAndHealth/image/sports.png b/src/books/sportsAndHealth/image/sports.png
new file mode 100644
index 0000000..ac3767e
--- /dev/null
+++ b/src/books/sportsAndHealth/image/sports.png
Binary files differ
diff --git a/src/books/sportsAndHealth/view/chapter001.vue b/src/books/sportsAndHealth/view/chapter001.vue
index 84ec70c..d889396 100644
--- a/src/books/sportsAndHealth/view/chapter001.vue
+++ b/src/books/sportsAndHealth/view/chapter001.vue
@@ -1,17 +1,28 @@
 锘�<template>
   <div class="chapter" num="1">
-    <div class="page-box" page="12">
+    <div class="page-box" page="12" style="background-color: #f0f1f2">
       <div v-if="showPageList.indexOf(12) > -1">
         <div class="bodystyle">
-          <h1 class="lefth1" id="a007">
-            <img class="img-gh1" alt="" src="../image/jcmk.jpg" />
-          </h1>
-          <p>
-            鍩虹妯″潡鏄�婁腑绛夎亴涓氬鏍′綋鑲蹭笌鍋ュ悍璇剧▼鏍囧噯銆嬭瀹氱殑蹇呬慨鍐呭锛屽寘鍚仴搴锋暀鑲插拰浣撹兘鍙戝睍涓ゅぇ閮ㄥ垎銆備汉姘戝仴搴锋槸姘戞棌鏄岀洓鍜屽浗瀹跺己鐩涚殑閲嶈鏍囧織锛涙妸淇濋殰浜烘皯鍋ュ悍鏀惧湪浼樺厛鍙戝睍鐨勬垬鐣ヤ綅缃�傚仴搴锋暀鑲茬撼鍏ュ浗姘戞暀鑲蹭綋绯伙紝鏄暀鑲查樁娈电礌璐ㄦ暀鑲茬殑閲嶈鍐呭锛屼篃鏄煿鍏诲痉鏅轰綋缇庡姵鍏ㄩ潰鍙戝睍鐨勭ぞ浼氫富涔夊缓璁捐�呭拰鎺ョ彮浜虹殑蹇呰淇濋殰銆傝壇濂界殑浣撹兘涓嶄粎鑳藉涓烘棩甯哥敓娲讳腑鐨勮繍鍔ㄥ瀹氬潥瀹炵殑鍩虹锛岃�屼笖鑳戒负涓撻」杩愬姩涓簿鍑嗚�岀伒娲诲湴鍙戞尌鎶�鑳芥按骞虫彁渚涗繚闅滐紝鏇磋兘涓烘垜浠湪鑱屼笟宀椾綅涓婂睍鐜伴珮瓒呮妧鑹烘彁渚涘姪鍔涖��
-          </p>
-          <p>
-            绯荤粺瀛︿範鈥滃仴搴锋暀鑲测�濆拰鈥滀綋鑳藉彂灞曗�濅袱涓崟鍏冪殑鍐呭锛岃兘澶熷府鍔╁悓瀛︿滑鏇村ソ鍦板皢鍋ュ悍鎺屾彙鍦ㄨ嚜宸辨墜涓紝鎻愬崌浣撹兘鍙戝睍姘村钩锛岀粌灏卞己鍋ヤ綋榄勶紝浣块敾鐐艰韩浣撴垚涓轰竴绉嶄範鎯拰鑳藉姏銆�
-          </p>
+          <div class="bodystyle-chapter001">
+            <div class="bj-chapter001-bj-icon">
+              <h1 class="lefth1" id="a007">
+                <img class="img-gh1" alt="" src="../image/jcmk.jpg" />
+              </h1>
+            </div>
+            <div class="bj-chapter001-con">
+              <div >
+                <p>
+                鍩虹妯″潡鏄�婁腑绛夎亴涓氬鏍′綋鑲蹭笌鍋ュ悍璇剧▼鏍囧噯銆嬭瀹氱殑蹇呬慨鍐呭锛屽寘鍚仴搴锋暀鑲插拰浣撹兘鍙戝睍涓ゅぇ閮ㄥ垎銆備汉姘戝仴搴锋槸姘戞棌鏄岀洓鍜屽浗瀹跺己鐩涚殑閲嶈鏍囧織锛涙妸淇濋殰浜烘皯鍋ュ悍鏀惧湪浼樺厛鍙戝睍鐨勬垬鐣ヤ綅缃�傚仴搴锋暀鑲茬撼鍏ュ浗姘戞暀鑲蹭綋绯伙紝鏄暀鑲查樁娈电礌璐ㄦ暀鑲茬殑閲嶈鍐呭锛屼篃鏄煿鍏诲痉鏅轰綋缇庡姵鍏ㄩ潰鍙戝睍鐨勭ぞ浼氫富涔夊缓璁捐�呭拰鎺ョ彮浜虹殑蹇呰淇濋殰銆傝壇濂界殑浣撹兘涓嶄粎鑳藉涓烘棩甯哥敓娲讳腑鐨勮繍鍔ㄥ瀹氬潥瀹炵殑鍩虹锛岃�屼笖鑳戒负涓撻」杩愬姩涓簿鍑嗚�岀伒娲诲湴鍙戞尌鎶�鑳芥按骞虫彁渚涗繚闅滐紝鏇磋兘涓烘垜浠湪鑱屼笟宀椾綅涓婂睍鐜伴珮瓒呮妧鑹烘彁渚涘姪鍔涖��
+              </p>
+              <p>
+                绯荤粺瀛︿範鈥滃仴搴锋暀鑲测�濆拰鈥滀綋鑳藉彂灞曗�濅袱涓崟鍏冪殑鍐呭锛岃兘澶熷府鍔╁悓瀛︿滑鏇村ソ鍦板皢鍋ュ悍鎺屾彙鍦ㄨ嚜宸辨墜涓紝鎻愬崌浣撹兘鍙戝睍姘村钩锛岀粌灏卞己鍋ヤ綋榄勶紝浣块敾鐐艰韩浣撴垚涓轰竴绉嶄範鎯拰鑳藉姏銆�
+              </p>
+              </div>
+              <div class="bj-chapter001-con-icon">
+                <img src="../image/sports.png" alt="">
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/books/sportsAndHealth/view/chapter002.vue b/src/books/sportsAndHealth/view/chapter002.vue
index 0574049..bfffd9b 100644
--- a/src/books/sportsAndHealth/view/chapter002.vue
+++ b/src/books/sportsAndHealth/view/chapter002.vue
@@ -46,6 +46,7 @@
           <p>
             浠�涔堟槸鐪熸鐨勫仴搴峰憿锛熷湪涓嶅悓鏃朵唬锛屼汉浠殑鍥炵瓟鍚勪笉鐩稿悓銆傞殢鐫�缁忔祹銆佺ぞ浼氱殑鍙戝睍锛屽仴搴风殑鍐呮兜宸蹭粠鐢熷瓨鎰忎箟涓婄殑韬綋鍋ュ悍锛屽彂灞曞埌韬績鍋ュ悍锛屽啀鍙戝睍鍒板缁村仴搴枫�傚叾鏈川鏄垜浠叏闈€�佸畬鏁村強鍜岃皭鍦板彂灞曘�傚叾涓紝鍏ㄩ潰鍙戝睍鎸囧痉鏅轰綋缇庡姵鍏ㄩ潰涓斿潎琛″彂灞曪紱瀹屾暣鍙戝睍鎸囪函浣撱�佸績鐞嗐�佺ぞ浼氶�傚簲鑳藉姏鍙婇亾寰烽殢鐫�骞撮緞鐨勫闀挎湁绉╁簭鍦般�佸畬鏁村湴鍙戝睍锛涘拰璋愬彂灞曟寚娉ㄩ噸鍚勫熀鏈礌璐ㄩ�傚綋銆佸崗璋冦�佸钩琛″彂灞曘�傚仴搴锋槸鍏ㄩ潰銆佸畬鏁淬�佸拰璋愬彂灞曠殑缁熶竴锛屾槸瀛︽牎浣撹偛鐨勭洰鏍囷紝鏇存槸瀛︽牎鏁欒偛鐨勬渶缁堢洰鏍囦箣涓�銆�
           </p>
+          <br />
           <div class="bk-xyx">
             <div class="bj1-xyx publicxbc">
               路 瀛︿竴瀛� 路 鍋ュ悍姒傚康鐨勬紨鍙�
@@ -94,9 +95,10 @@
               >鏌ラ槄鈥滃仴搴锋蹇电殑婕斿彉鈥濄��
             </p> -->
           </div>
+          <br />
           <div class="bk-xyx">
             <div class="bj1-xyx publicxbc">
-              路 娴嬩竴娴� 路
+              路 娴嬩竴娴� 路 涓栫晫鍗敓缁勭粐浜旈」韬績鍋ュ悍鎸囨爣璇勪环
               <div class="icon" @click="activityXyx2">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -408,8 +410,8 @@
                     <span style="color: red">{{ chapter002.score1 }}</span>
                   </div>
                   <div class="btn">
-                    <span @click="submit01()">鎻愪氦</span>
-                    <span @click="resetData01()">閲嶅仛</span>
+                    <span @click="submit(1)">鎻愪氦</span>
+                    <span @click="resetData(1)">閲嶅仛</span>
                   </div>
                 </div>
               </div>
@@ -457,7 +459,7 @@
           <p><br /></p>
           <div class="bk-xyx">
             <div class="bj1-xyx publicxbc">
-              路 姣斾竴姣� 路
+              路 姣斾竴姣� 路 8 绉嶅仴搴风姸鍐垫祴璇�
               <div class="icon" @click="activityXyx3">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -812,9 +814,10 @@
             姝e父鐨勫ぇ姘斻�佹按銆佸湡澹ゃ�佸井灏忔皵鍊欑瓑鏄垜浠禆浠ョ敓瀛樸�佷笉鍙垨缂虹殑鍘熺敓鐜銆傜洰鍓嶏紝宸ュ啘涓氱敓浜у拰浜虹被娲诲姩绛変骇鐢熺殑娆$敓鐜闂锛堝妫灄瑕嗙洊闈㈢Н鍑忓皯銆佹按鍦熸祦澶便�佺┖姘旀薄鏌撶瓑锛夋棩鐩婂嵄瀹崇潃鎴戜滑鐨勫仴搴枫�傛澶栵紝鑷劧鐜涓殑鐗╃悊鍥犵礌锛堝姘旀俯銆佹皵鍘嬨�佸櫔澹般�佽緪灏勭瓑锛�
             涓庡寲瀛﹀洜绱狅紙濡傚ぉ鐒舵垨浜哄伐鍚堟垚鐨勬煇浜涘寲瀛︾墿璐ㄥ強鍔ㄧ墿鍜屽井鐢熺墿浣撳唴鐨勬煇浜涘寲瀛﹀厓绱狅級锛屼笌浜轰綋鎺ヨЕ瓒呰繃涓�瀹氶檺搴︼紝涔熶細瀵规垜浠殑鍋ュ悍浜х敓鍗卞銆�
           </p>
+          <br />
           <div class="bk-xyx">
             <div class="bj1-xyx publicxbc">
-              路 娴嬩竴娴� 路
+              路 娴嬩竴娴� 路 鐢熸椿浜嬩欢璇勪环
               <div class="icon" @click="activityXyx4">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -2180,6 +2183,19 @@
                     </tr>
                   </tbody>
                 </table>
+                <div class="table-bottom">
+                  <div class="score" v-if="!isShowScore2">
+                    鎮ㄧ殑寰楀垎锛�<span style="color: red">璇锋彁浜ゅ悗鏌ョ湅锛�</span>
+                  </div>
+                  <div class="score" v-if="isShowScore2">
+                    鎮ㄧ殑寰楀垎锛�
+                    <span style="color: red">{{ chapter002.score2 }}</span>
+                  </div>
+                  <div class="btn">
+                    <span @click="submit(2)">鎻愪氦</span>
+                    <span @click="resetData(2)">閲嶅仛</span>
+                  </div>
+                </div>
               </div>
               <p style="font-size: 14px">
                 娉細浜洪檯鍘嬪姏 锛� 1銆�2銆�4銆�15锛夈�佸涔犲帇鍔� 锛�
@@ -2279,6 +2295,7 @@
   data() {
     return {
       isShowScore1: false,
+      isShowScore2: false,
       picArr: [require("../image/0017-1.jpg")],
       picOneUrl: require("../image/0017-1.jpg"),
       picArr2: [require("../image/0021-1.jpg")],
@@ -2292,6 +2309,7 @@
         isShowXyx05: true,
         isShowXyx06: true,
         score1: 0,
+        score2: 0,
         tablexyx1: {},
         tablexyx02: {
           text2: "绗竴娆¤窇锛屾劅瑙夋湁鐐瑰効绱紝寰堟灟鐕�",
@@ -2308,7 +2326,6 @@
     const localData = JSON.parse(localStorage.getItem("chapter002"));
     if (localData) {
       this.chapter002 = { ...Object.assign(this.chapter002, localData) };
-      console.log(this.chapter002);
     }
   },
   methods: {
@@ -2335,11 +2352,19 @@
         window.open(getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
       }
     },
-    submit01() {
-      this.isShowScore1 = true;
+    submit(val) {
+      if (val == 1) this.isShowScore1 = true;
+      if (val == 2) this.isShowScore2 = true;
+      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
     },
-    resetData01() {
-      this.chapter002.tablexyx1 = {};
+    resetData(val) {
+      const localData = JSON.parse(localStorage.getItem("chapter002"));
+      if (localData) {
+        if (val == 1) localData.tablexyx1 = {};localData.score1=0;
+        if (val == 2) localData.tablecyc2 = {};localData.score2=0;
+        this.chapter002 = { ...Object.assign(this.chapter002, localData) };
+      }
+      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
     },
     changeBox(e, val) {
       this.isShowScore1 = false;
@@ -2361,7 +2386,18 @@
       localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
     },
     changecyc2(e, val) {
+      this.isShowScore2 = false;
       this.chapter002.tablecyc2[val] = e.target.checked;
+      if (e.target.checked) {
+        this.chapter002.score2 += Number(e.target.value);
+      } else {
+        if (this.chapter002.score2 == 0) {
+          return false;
+        }
+        if (!e.target.checked) {
+          this.chapter002.score2 -= Number(e.target.value);
+        }
+      }
       localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
     },
     changeAssess(e, val) {

--
Gitblit v1.9.1