From 39f4904b1532acfa68eab45d0acbb3217060ecf5 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 07 六月 2024 18:31:31 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/lifeCare/view/components/chapter015.vue |   54 
 src/books/lifeCare/view/components/chapter010.vue |   62 
 src/books/lifeCare/view/components/chapter007.vue |  207 +
 src/books/lifeCare/view/components/index.vue      |  351 ++-
 src/books/lifeCare/css/default.less               | 3312 +++++++++++++++---------------
 src/books/lifeCare/view/index.vue                 |   76 
 src/books/lifeCare/view/components/chapter014.vue |  118 
 src/books/childHealth/view/content/index.vue      |  125 
 src/books/lifeCare/view/components/chapter001.vue |  845 +++----
 src/books/lifeCare/view/components/chapter016.vue |   40 
 src/books/lifeCare/view/components/front001.vue   |   16 
 src/books/lifeCare/view/components/chapter008.vue |   58 
 src/books/lifeCare/view/components/chapter013.vue |   50 
 src/books/lifeCare/view/components/chapter004.vue |   72 
 src/books/lifeCare/view/components/chapter017.vue |   38 
 src/books/lifeCare/view/components/chapter009.vue |    2 
 src/books/lifeCare/view/components/chapter018.vue |    2 
 src/books/lifeCare/view/components/chapter005.vue |  468 ++--
 src/books/lifeCare/view/components/chapter012.vue |   62 
 src/books/lifeCare/view/components/chapter003.vue |  168 
 src/books/childHealth/view/index.vue              |    1 
 src/books/lifeCare/view/components/chapter006.vue |  159 
 src/books/lifeCare/view/components/chapter011.vue |   36 
 src/App.vue                                       |    4 
 src/books/lifeCare/view/components/chapter002.vue |  172 
 25 files changed, 3,331 insertions(+), 3,167 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4bc027e..15602c5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,7 @@
 
 <script>
 import childHealth from "./books/childHealth/view/index.vue";
-import lifeCare from "./books/lifeCare/index.vue";
+import lifeCare from "./books/lifeCare/view/index.vue";
 import embedded from "./books/embedded/view/index.vue";
 import english from "./books/English/view/index.vue";
 import sportsAndHealth from "./books/sportsAndHealth";
@@ -72,7 +72,7 @@
         // embedded
         // english
         // artAndDance
-        this.config.resourceCtx + "childHealth"
+        this.config.resourceCtx + "lifeCare"
       );
       // 娴嬭瘯璇曡30椤�
       // this.activeBook.tryPageCount = 10;
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index 1a10321..8d4ef10 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -8,7 +8,7 @@
       :style="{
         fontSize: fontSize ? fontSize + 'px' : '16px',
         transform: `scale(${pageZoom ? pageZoom : 1})`,
-        transformOrigin: 'center top'
+        transformOrigin: 'center top',
       }"
     >
       <pageHeader
@@ -142,7 +142,7 @@
     },
     pageZoom() {
       return this.$store.state.qiankun.scale / 100;
-    }
+    },
   },
   watch: {
     showCatalogList: {
@@ -153,7 +153,7 @@
         ) {
           // 璋冪敤鐖跺眰鏂规硶
           this.$store.state.qiankun.catalogChange({
-            showCatalogList: newVal
+            showCatalogList: newVal,
           });
         }
         // 鍚姩椤电爜瑙傚療
@@ -161,7 +161,7 @@
           this.initObservation();
           this.initThemeColor();
         }, 500);
-      }
+      },
     },
     loadPageList: {
       handler(newVal, oldVal) {
@@ -169,7 +169,7 @@
           this.initSwiper();
           this.initViewer();
         }, 200);
-      }
+      },
     },
     pageZoom: {
       handler(newVal, oldVal) {
@@ -177,8 +177,8 @@
           this.container ? this.container : document
         ).querySelector(".page-main");
         scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
-      }
-    }
+      },
+    },
   },
   mounted() {
     // 榛樿鍔犺浇绔犺妭
@@ -213,7 +213,7 @@
         // 璺宠浆妫�绱㈢粨鏋滀綅缃�
         jumpSearchItem: (data) => {
           this.searchItemLocation(data);
-        }
+        },
       });
     }
 
@@ -222,13 +222,13 @@
     this.observer = new IntersectionObserver(this.pageChangeCallback, {
       root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
       rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
-      threshold: 0.5 // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+      threshold: 0.5, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
     });
 
     this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
       root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
       rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
-      threshold: 0 // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+      threshold: 0, // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
     });
 
     // 鍚姩椤电爜瑙傚療
@@ -239,34 +239,34 @@
 
     // 娴嬭瘯椤甸潰璺宠浆
     // setTimeout(() => {
-      //   this.gotoPage(1, 10);
-      //   setTimeout(() => {
-      //     this.renderSign("Highlight", {
-      //       id: "2ACA9359",
-      //       txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
-      //       page: "10",
-      //       type: "Highlight",
-      //       color: "#F5E12A"
-      //     });
-      // setTimeout(() => {
-      //   this.delSign({
-      //     ids: ["2ACA9359"]
-      //   });
-      // }, 2000);
-      //   }, 5000);
+    //   this.gotoPage(1, 10);
+    //   setTimeout(() => {
+    //     this.renderSign("Highlight", {
+    //       id: "2ACA9359",
+    //       txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
+    //       page: "10",
+    //       type: "Highlight",
+    //       color: "#F5E12A"
+    //     });
+    // setTimeout(() => {
+    //   this.delSign({
+    //     ids: ["2ACA9359"]
+    //   });
+    // }, 2000);
+    //   }, 5000);
 
-      // const pageDom = (this.container ? this.container : document)
-      //   .querySelector("#app")
-      //   .querySelectorAll(".page-box");
-      // 妫�绱�
-      // console.log(this.searchTextByPage("鍎跨"), "searchTextByPage");
-      // 妫�绱㈣烦杞�
-      // this.searchItemLocation({
-      //   catalog: 2,
-      //   page: 10,
-      //   txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
-      //   txtIndex: 57
-      // });
+    // const pageDom = (this.container ? this.container : document)
+    //   .querySelector("#app")
+    //   .querySelectorAll(".page-box");
+    // 妫�绱�
+    // console.log(this.searchTextByPage("淇濇姢鍐呰剰鍣ㄥ畼"), "searchTextByPage");
+    // 妫�绱㈣烦杞�
+    // this.searchItemLocation({
+    //   catalog: 2,
+    //   page: 10,
+    //   txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
+    //   txtIndex: 57
+    // });
     // }, 5000);
   },
   methods: {
@@ -339,7 +339,7 @@
           this.showCatalogList = [
             this.catalogLength - 2,
             this.catalogLength - 1,
-            this.catalogLength
+            this.catalogLength,
           ];
         } else {
           this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -389,10 +389,7 @@
           this.container ? this.container : document
         ).querySelector(`[page="${data.page}"]`);
         // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
-        const treeWalker = document.createTreeWalker(
-          pageDom,
-          NodeFilter.SHOW_TEXT
-        );
+        const treeWalker = document.createTreeWalker(pageDom, NodeFilter.SHOW_TEXT);
         const allTextNodes = [];
         let currentNode = treeWalker.nextNode();
         while (currentNode) {
@@ -598,7 +595,7 @@
             this.$store.state.qiankun.pageChange({
               page: page,
               catalog: catalog,
-              text
+              text,
             });
           // const sections = Array.from(document.querySelectorAll(".section"));
           //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
@@ -656,10 +653,7 @@
               // 楂樹寒琛�
               setTimeout(() => {
                 // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
-                const pageTextList = document.createTreeWalker(
-                  target,
-                  NodeFilter.SHOW_TEXT
-                );
+                const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
                 // 鍖归厤鍏抽敭瀛�
                 const allPageTextNodes = [];
                 let currentNode = pageTextList.nextNode();
@@ -703,7 +697,7 @@
           autoplay: {
             //鑷姩寮�濮�
             delay: 3000, //鏃堕棿闂撮殧
-            disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+            disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
           },
           paginationClickable: true,
           slidesPerView: 1, // 涓�缁勪笁涓�
@@ -715,11 +709,11 @@
             ),
             prevEl: (this.container ? this.container : document).querySelector(
               ".swiper-button-prev"
-            )
+            ),
           },
           // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
           observer: true,
-          observeParents: true
+          observeParents: true,
           // // 濡傛灉闇�瑕佸垎椤靛櫒
           // pagination: {
           //   el: (this.container ? this.container : document).querySelector(
@@ -747,7 +741,7 @@
             ),
             prevEl: (this.container ? this.container : document).querySelector(
               ".swiper-button-prev"
-            )
+            ),
           },
           // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
           observer: true,
@@ -766,8 +760,8 @@
               var paginationInfoEl = dom.querySelector(".pageBox");
               if (paginationInfoEl)
                 paginationInfoEl.textContent = currentPage + "/" + totalPages;
-            }
-          }
+            },
+          },
         });
       }
     },
@@ -783,7 +777,7 @@
             : "body",
           navbar: true, // 鏄剧ず瀵艰埅鏍�
           toolbar: true, // 鏄剧ず宸ュ叿鏍�
-          title: true // 鏄剧ず鏍囬
+          title: true, // 鏄剧ず鏍囬
         });
       }
     },
@@ -806,7 +800,7 @@
         chapterTen,
         chapterEleven,
         chapterTwelve,
-        chapterThirteen
+        chapterThirteen,
       };
       // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
       for (const key in pageData) {
@@ -817,8 +811,8 @@
         pageExample = new pageComponent({
           propsData: {
             showPageList: [],
-            questionData: {}
-          }
+            questionData: {},
+          },
         });
         pageExample.$mount(
           (this.container ? this.container : document).querySelector(
@@ -848,8 +842,8 @@
             pageExample = new pageComponent({
               propsData: {
                 showPageList: [pageNum],
-                questionData: {}
-              }
+                questionData: {},
+              },
             });
             pageExample.$mount(
               (this.container ? this.container : document).querySelector(
@@ -862,10 +856,7 @@
               .querySelector(`[page="${pageNum}"]`);
             if (thisPageDom) {
               // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
-              const pageTextList = document.createTreeWalker(
-                thisPageDom,
-                NodeFilter.SHOW_TEXT
-              );
+              const pageTextList = document.createTreeWalker(thisPageDom, NodeFilter.SHOW_TEXT);
               // 鍖归厤鍏抽敭瀛�
               const allPageTextNodes = [];
               let currentNode = pageTextList.nextNode();
@@ -882,7 +873,7 @@
                     page: pageNum,
                     catalog: catalogIndex,
                     txt: textDom.textContent,
-                    txtIndex: txtIndex
+                    txtIndex: txtIndex,
                   });
                 }
               }
@@ -905,7 +896,7 @@
       this.highlightData = data;
       // 璺宠浆
       this.gotoPage(data.catalog, data.page, () => {});
-    }
+    },
   },
   components: {
     pageHeader,
@@ -921,8 +912,8 @@
     chapterTen,
     chapterEleven,
     chapterTwelve,
-    chapterThirteen
-  }
+    chapterThirteen,
+  },
 };
 </script>
 
diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue
index d96b1af..342cbde 100644
--- a/src/books/childHealth/view/index.vue
+++ b/src/books/childHealth/view/index.vue
@@ -24,6 +24,7 @@
         }
       }
     },
+    
     handleMouseUp(e) {
       const selection = (
         this.container ? this.container : window
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 4668fdb..1c0376d 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -1,1695 +1,1717 @@
-.page-main {
+.temp-bookInnerContent {
   width: 100%;
   height: 100%;
   overflow: auto;
-}
 
-.public-lifeCare {
-  max-width: 816px;
-  min-width: 375px;
-  margin: 0 auto;
-  border-color: #f49a4c;
-  height: 100%;
-
-  .swiper-button-prev,
-  .swiper-button-next {
-    color: #F49A4C;
-  }
-
-  textarea:focus,
-  input:focus {
-    border: 0 !important;
-    border-color: #fff !important;
-    outline: none;
-  }
-
-  textarea {
+  .page-main {
     width: 100%;
-    text-indent: 2em;
-    // max-width: 652px;
-    // min-height: 100px;
-    font-size: 16px;
-  }
+    height: 100%;
+    overflow: auto;
 
-  .coverImg {
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
-  .prefaceImg {
-    width: 92% !important;
-    position: absolute;
-    left: 4%;
-    top: 4%;
-  }
-
-  .zt-yy-brd {
-    padding: 5px 15px;
-    border: 3px dotted #f49a4c;
-    border-radius: 10px;
-  }
-
-  .chapter-006 {
-    position: relative;
-
-    .btn {
-      position: absolute;
-      top: 65%;
-      left: 35%;
-    }
-  }
-
-  .border-xxfs {
-    border-radius: 0 !important;
-    position: relative;
-    padding: 10px;
-    padding-top: 20px !important;
-    border: 2px dotted #00aeef !important;
-
-
-    .bj3 {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-      width: 105px;
-      height: 30px;
-      position: absolute;
-      padding: 0 !important;
-      padding-left: 5px !important;
-      box-sizing: border-box;
-      top: 0;
-      background-color: #00aeef !important;
-      color: #fff !important;
-      border-bottom-right-radius: 25px;
-
-      .cirlce {
-        width: 40px;
-        height: 40px;
-        border: 2px solid #00aeef;
-        border-radius: 50%;
-        position: absolute;
-        left: -38px;
-        background: url('../image/xxfs.png');
-        background-position: center;
-        background-size: 70% 70%;
-        background-repeat: no-repeat;
-        background-color: #fff;
-      }
-    }
-  }
-
-  input {
-    width: 100%;
-    border: 0 !important;
-    border-color: #fff !important;
-    outline: none;
-    font-size: 16px;
-    text-align: center;
-    white-space: pre-line;
-  }
-
-  .drawflow {
-    .main-path {
-      stroke: #f49a4c;
-    }
-
-    .drawflow-delete {
-      width: 25px;
-      height: 25px;
-      line-height: 21px;
-      background-color: #f49a4c;
-      font-size: 20px;
-    }
-
-    .drawflow-node {
-      background-color: #fff;
-      border: 0px solid #f49a4c;
-      box-shadow: 1px 1px 5px 0 #f49a4c;
-
-      .contentWall {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-
-        .contentTitle {
-          margin-bottom: 5px;
-        }
-
-        .contentText {
-          textarea {
-            width: auto;
-            min-height: 50px;
-            margin: 0;
-            outline: none;
-            border-color: #f49a4c;
-            border-radius: 5px;
-          }
-
-          textarea:focus {
-            border: 1px solid #fabf2e !important;
-          }
-        }
-      }
-
-      .input,
-      .output {
-        border-color: #f49a4c;
-        border-width: 1px;
-      }
-    }
-
-    .content {
-      .btn-export {
-        float: right;
-        position: absolute;
-        top: 4px;
-        right: 10px;
-        color: #333;
-        font-weight: bold;
-        // 0e5ba3
-        border: 1px solid #ccc;
-        // 4ea9ff
-        background: #fff;
-        padding: 5px 10px;
-        border-radius: 4px;
-        cursor: pointer;
-        z-index: 5;
-      }
-
-      .btn-clear {
-        float: right;
-        position: absolute;
-        top: 4px;
-        right: 85px;
-        color: white;
-        font-weight: bold;
-        // 96015b
-        border: 1px solid #f49a4c;
-        // e3195a
-        background: #f49a4c;
-        padding: 5px 10px;
-        border-radius: 4px;
-        cursor: pointer;
-        z-index: 5;
-      }
-
-      .btn-export:hover {
-        color: #f49a4c;
-        border: 1px solid #f49a4c;
-      }
-
-      .btn-clear:hover {
-        background-color: #fff;
-        color: #f49a4c;
-        border: 1px solid #f49a4c;
-      }
-    }
-  }
-
-  .drawContent_wall {
-    width: 100%;
-    height: 765px;
-
-    .drawflow {
-      display: flex;
-      flex-direction: column;
-
-      .content {
-        border-top-width: 1px;
-        border-top-style: solid;
-      }
-    }
-  }
-
-  .chapter {
-    font-family: "瀹嬩綋";
-
-    .topImg {
-      padding-top: 0 !important;
-      margin-bottom: 2em;
-    }
-
-    p input {
-      width: 20px;
-    }
-
-    .header {
-      width: 100%;
-      height: 100px;
-
-      .pageHeader-first {
-        width: 100%;
-        height: 100%;
-        padding-top: 6%;
-
-        .header-bj {
-          width: 78%;
-          height: 100%;
-          border-left: 2px solid #dfb27d;
-          border-bottom: 2px solid #dfb27d;
-          margin-left: 18%;
-        }
-
-        .content {
-          background-color: #F49A4C;
-          width: 91%;
-          height: 32%;
-          display: flex;
-          justify-content: flex-start;
-          align-items: center;
-          margin-top: -6%;
-          margin-left: 3%;
-
-          .pageStr {
-            color: #fff;
-            font-size: 24px;
-            text-align: center;
-            margin: 0 20px;
-          }
-
-          .title {
-            display: flex;
-            justify-content: flex-start;
-            align-items: center;
-            color: #fff;
-            font-size: 20px;
-            position: relative;
-
-            img {
-              height: 30px !important;
-              margin-right: 20px;
-            }
-
-            .ztImg {
-              height: 40px !important;
-              margin-top: -4px;
-            }
-          }
-        }
-
-        .zt1-content {
-          background-color: #f7b80a;
-        }
-
-        .zt1-header-bj {
-          border-left-color: #a5c24f;
-          border-bottom-color: #a5c24f;
-        }
-
-
-        @media (max-width: 756px) {
-          .content {
-            margin-top: -12%;
-
-            .title {
-              font-size: 16px;
-            }
-
-            .pageStr {
-              font-size: 16px;
-            }
-          }
-        }
-      }
-
-      .pageHeader-second {
-        width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        flex-direction: column;
-        padding-top: 3%;
-
-        .second-con {
-          width: 90%;
-          height: 35px;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          font-size: 20px;
-          position: absolute;
-          right: 36px;
-          top: 80px;
-
-          .second-left {
-            width: 23px;
-            height: 100%;
-            background-color: #f49a4c;
-          }
-
-          .second-right {
-            height: 100%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            position: relative;
-
-            img {
-              height: 50px;
-              position: absolute;
-              left: -50px;
-              top: -20px;
-            }
-
-            .pageStr {
-              margin-right: 10px;
-            }
-
-            .pageNum {
-              display: block;
-              background-color: #f49a4c;
-              padding: 2px 20px;
-              box-sizing: border-box;
-              font-size: 28px;
-              color: #fff;
-            }
-
-            .zt1-pageNum {
-              background-color: #a5c24f;
-            }
-
-            .zt1-pageStr {
-              color: #a5c24f;
-            }
-          }
-        }
-
-        @media (max-width: 756px) {
-          .second-con {
-            font-size: 16px;
-
-            .pageNum {
-              font-size: 16px !important;
-            }
-          }
-        }
-
-        @media (max-width: 1024px) {
-
-          .second-con {
-            right: 20px;
-            top: 75px;
-          }
-        }
-
-        .borderLine {
-          width: 93%;
-          height: 2px;
-          background-color: #f49a4c;
-          margin-top: 105px;
-        }
-
-        .zt1-boderLine {
-          background-color: #a5c24f;
-        }
-      }
-
-
-    }
-
-    .textareaInput {
-      width: 100%;
-      padding: 8px;
-      box-sizing: border-box;
-      border: 1px solid #999;
-      font-size: 15px;
-      color: #000;
-      background-color: #f9f9f9;
-    }
-
-    .imgBox-003 {
-      width: 100%;
-      height: 220px;
-    }
-
-    .chapter01Table {
-      width: 100%;
-
-      .textareaInput:focus {
-        border: 1px solid #999 !important;
-      }
-    }
-
-    .table111,
-    .table112 {
-      width: 100%;
-      border-collapse: collapse;
-
-      tr th {
-        background-color: #f49a4c;
-        text-align: center;
-        border: 1px solid #999;
-        margin: 0;
-        padding: 8px 9px;
-        font-size: 16px;
-      }
-
-      tr td {
-        border: 1px solid #999;
-        text-align: left;
-        padding: 8px;
-        overflow: hidden;
-        white-space: pre-line;
-        font-family: 'FZLTXIHJW';
-        font-weight: normal;
-        font-size: 14px;
-        line-height: 23px;
-
-        input {
-          font-size: 14px;
-        }
-
-        textarea {
-          width: 100%;
-          min-height: 20px;
-          min-width: 80px;
-          border: 0;
-        }
-      }
-    }
-
-    .table112 {
-      font-size: 16px;
-
-      tr th {
-        width: 50px;
-        font-weight: normal;
-      }
-    }
-
-    .table122 {
-      font-size: 16px;
-
-      tr th {
-        font-weight: normal;
-      }
-    }
-
-    .table162 {
-      tr th {
-        padding: 8px 0;
-      }
-
-      tr td {
-        border: 1px solid #999;
-        text-align: center;
-        padding: 15px 0;
-        overflow: hidden;
-      }
-    }
-
-    .bk-swdt {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-
-      img {
-        width: 30px;
-        cursor: pointer;
-      }
-    }
-
-    .bk-iframe {
-      width: 1200px;
-      height: 630px;
-      position: fixed;
-      left: -25%;
-      border: 1px solid #f49a4c;
-      z-index: 111;
-      background-color: #fff;
-
-      .header-swdt {
-        height: 30px;
-        color: #000;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        background-color: #f49a4c;
-
-        p {
-          margin: 0;
-          padding: 0;
-          padding-left: 10px;
-          text-indent: 0;
-        }
-
-        i {
-          margin-right: 10px;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .btnUpload-list {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 35px;
-      height: 30px;
-      border-radius: 5px;
-      background-color: #f49a4c;
-      border: 1px solid #f49a4c;
-      cursor: pointer;
-
-      svg {
-        fill: #fff;
-      }
-    }
-
-    .btnUpload-list:hover {
-      background-color: #fff;
-
-      svg {
-        fill: #F49A4C;
-      }
-    }
-
-    .pic-wall {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-    }
-
-    .bk-inputUpload {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      align-items: flex-start;
-      min-height: 100px;
-
-      input {
-        width: 250px;
-        margin-left: 15px;
-        display: none;
-      }
-
-      .btnUpload {
-        width: 30px;
-        height: 30px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 50px;
-        cursor: pointer;
-        margin-left: 10px;
-      }
-
-      .upload_text {
-        color: #000;
-        font-size: 14px;
-        font-weight: 700;
-        font-family: "榛戜綋";
-      }
-    }
-
-    .upload-list {
-      width: 100%;
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-      flex-wrap: wrap;
-    }
-
-    .demo-image__preview-swdt {
-      width: 100%;
+    .public-bookInnerContent {
+      max-width: 816px;
+      min-width: 375px;
+      margin: 0 auto;
+      border-color: #f49a4c;
       height: 100%;
-    }
 
-    .demo-image__preview {
-      width: 200px;
-      height: 100px;
-      border: 1px solid #f49a4c;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin-right: 6px;
-      margin-bottom: 6px;
-      overflow: hidden;
-    }
-
-    .bj-tip {
-      min-width: 269px;
-      display: flex;
-      justify-content: space-around;
-      align-items: center;
-      padding: 4px 14px;
-      box-sizing: border-box;
-      border: 3px solid #f49a4c;
-      border-radius: 30px;
-      position: absolute;
-      top: -25px;
-      left: 15px;
-      background-color: #fff;
-      color: #f49a4c;
-      font-weight: bold;
-      font-size: 18px;
-
-      div {
-        width: 35px;
-        height: 30px;
-        border-radius: 5px;
-        background-color: #f49a4c;
-        border: 1px solid #f49a4c;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        margin-left: 5px;
-        cursor: pointer;
-
-        svg {
-          fill: #fff;
-        }
+      .swiper-button-prev,
+      .swiper-button-next {
+        color: #f49a4c;
       }
 
-      div:hover {
-        background-color: #fff;
-        border: 1px solid #f49a4c;
-
-        svg {
-          fill: #f49a4c;
-        }
+      textarea:focus,
+      input:focus {
+        border: 0 !important;
+        border-color: #fff !important;
+        outline: none;
       }
-    }
-
-    .tips-bk {
-      margin-top: 56px;
-      border-radius: 20px;
-      position: relative;
-    }
-
-    .tips-file {
-      border: 3px dotted #f49a4c;
-      padding: 12px 10px;
-      box-sizing: border-box;
-      padding-top: 30px;
-      font-family: '浠垮畫';
-      font-weight: 700;
-
-
-      p {
-        margin-top: 0px;
-      }
-
-      .p-text {
-        padding: 5px 10px;
-        p {
-
-          line-height: 22px;
-          font-weight: 700;
-          color: #666;
-        }
-
-        div {
-          line-height: 22px;
-          font-size: 20px;
-          text-align: center;
-          padding-top: 10px;
-        }
-      }
-    }
-
-    .page-box {
-      box-sizing: border-box;
-      min-height: 1150px !important;
-      margin-bottom: 20px;
-      box-shadow: 0 3px 6px 1px #00000029;
-      background-color: #fff;
-      position: relative;
-
-      .w100 {
-        width: 100% !important;
-      }
-    }
-
-    .imgCarousel {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: space-around;
-      height: 287px;
-      max-height: 350px;
-
-      img {
-        width: auto;
-        height: calc(100% - 50px);
-      }
-
-      span {
-        font-size: 18px;
-      }
-    }
-
-    .pdf-content {
-      padding: 5% 5%;
-      box-sizing: border-box;
-    }
-
-    .sj1 {
-      text-indent: 3em;
-    }
-
-    .hs1 {
-      color: #ffbcdd;
-      text-indent: 0em;
-      margin-bottom: 0.5em;
-    }
-
-    .custom_h1 {
-      color: #2cb4e4;
-      font-size: 30px;
-    }
-
-    .custom_tag3 {
-      background-color: #2cb4e4;
-      color: #ffffff;
-      display: inline-block;
-      padding: 1px;
-      font-size: 1em;
-      padding: 3px 10px 3px 10px;
-      font-weight: bold;
-      border-radius: 0em;
-      box-shadow: 0px 0px 0px 0px #fedf24, -15px 0px 0px 0px #fedf24;
-      margin: 0;
-      text-indent: 0em;
-      margin-bottom: 0.5em;
-    }
-
-    @font-face {
-      font-family: "FZLTZHJW";
-      src: url("../Fonts/FZLTZHJW.ttf");
-    }
-
-    @font-face {
-      font-family: "FZLTXIHJW";
-      src: url("../Fonts/FZLTXIHJW.ttf");
-    }
-
-    @font-face {
-      font-family: "FZHTJW";
-      src: url("../Fonts/FZHTJW.ttf");
-    }
-
-    .custom_tag2 {
-      background-color: #f1be49;
-      color: #ffffff;
-      display: inline-block;
-      padding: 0.5px;
-      border-radius: 1.5em;
-      font-size: 1.1em;
-      padding: 2px 10px 2px 10px;
-      font-weight: bold;
-      margin: 0;
-      text-indent: 0em;
-      margin-bottom: 0.5em;
-    }
-
-    .custom_tag1 {
-      background-color: #35acd6;
-      color: #ffffff;
-      display: inline-block;
-      padding: 1px;
-      font-size: 1.1em;
-      padding: 3px 10px 3px 10px;
-      font-weight: bold;
-      box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e;
-      margin: 0;
-      text-indent: 0em;
-      margin-bottom: 0.5em;
-    }
-
-    .custom_tag {
-      background-color: #35509f;
-      color: #ffffff;
-      display: inline-block;
-      padding: 1px;
-      border-radius: 1.5em;
-      font-size: 1.1em;
-      padding: 10px 20px 10px 20px;
-      font-weight: bold;
-      box-shadow: 30px 0px 0px 0px #f5d83e;
-      margin: 0;
-      text-indent: 0em;
-      margin-bottom: 0.5em;
-    }
-
-    .ls1 {
-      font-family: "HiFont Hei GB";
-      color: #30aad1;
-      font-weight: bold;
-    }
-
-    .hs {
-      font-family: "HiFont Hei GB";
-      color: #ea6b00;
-      font-weight: bold;
-    }
-
-    .zs1 {
-      font-family: "HiFont Hei GB";
-      color: #857eb4;
-      font-weight: bold;
-    }
-
-    span.under1 {
-      border-bottom: 2px solid #f0bd4a;
-      border-width: 2px;
-    }
-
-    div.bodycontent-div-center {
-      font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
-      margin: 1em 1em 1em 1em;
-      font-weight: normal;
-      border-width: 1.5px;
-      border-color: #dfb27d;
-      padding: 1em;
-    }
-
-    img.bodycontent-divcenter-image {
-      float: center;
-      clear: both;
-      height: 140px;
-      margin: 15px;
-    }
-
-    div.bodycontent-div-left1 {
-      font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
-      margin: 1em 1em 1em 1em;
-      font-weight: normal;
-      border-width: 1.5px;
-      border-color: #dfb27d;
-      padding: 1em;
-      background-color: #f0f8ff;
-    }
-
-    div.bodycontent-div-left {
-      font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
-      margin: 1em 1em 1em 1em;
-      font-weight: normal;
-      border-width: 1.5px;
-      border-color: #dfb27d;
-      padding: 1em;
-    }
-
-    img.bodycontent-divright-image {
-      float: right;
-      clear: both;
-      height: 140px;
-      margin: 15px;
-    }
-
-    img.bodycontent-divleft-image {
-      float: left;
-      clear: both;
-      height: 110px;
-      margin: 15px;
-    }
-
-    .img-gn-zt {
-      width: 180px;
-    }
-
-    div.bodystyle {
-      font-size: 18px;
-      text-align: justify;
-      padding: 10% 10%;
-      box-sizing: border-box;
-      font-family: '瀹嬩綋';
-    }
-
-    div.bj {
-      background: #fffbe8;
-      padding: 1em;
-      border-radius: 0.6em;
-    }
-
-    span.zt-0 {
-      color: #0087af;
-    }
-
-    p.pzt-0 {
-      color: #0087af;
-      font-size: 18px;
-    }
-
-    p.pzt-0-right {
-      font-size: 18px;
-      color: #0087af;
-      text-align: right;
-    }
-
-    p.pzt-1 {
-      font-weight: bold;
-      color: #0087af;
-      font-size: 18px;
-    }
-
-    div.sgc-toc-title {
-      font-size: 2em;
-      font-weight: bold;
-      margin-bottom: 1em;
-      text-align: center;
-    }
-
-    div.sgc-toc-level-1 {
-      margin-left: 0em;
-    }
-
-    div.sgc-toc-level-2 {
-      margin-left: 2em;
-    }
-
-    div.sgc-toc-level-3 {
-      margin-left: 2em;
-    }
-
-    div.sgc-toc-level-4 {
-      margin-left: 2em;
-    }
-
-    div.sgc-toc-level-5 {
-      margin-left: 2em;
-    }
-
-    div.sgc-toc-level-6 {
-      margin-left: 2em;
-    }
-
-    .note {
-      font-size: 0.85em;
-    }
-
-    .img {
-      font-family: "FZLTXIHJW";
-      text-align: center;
-      font-size: 0.85em;
-      margin-left: 0%;
-      margin-right: 0%;
-      text-indent: 0em;
-    }
-
-    .img1 {
-      font-family: "FZLTXIHJW";
-      text-align: right;
-      font-size: 0.85em;
-      margin-left: 0%;
-      margin-right: 2em;
-      text-indent: 0em;
-    }
-
-    .h5-zt {
-      font-size: 18px;
-    }
-
-    .tip-specail {
-      border: 1px solid #f49a4c !important;
-      padding: 10px 15px;
-    }
-
-    p {
-      margin-top: 1em;
-      text-indent: 2em;
-      line-height: 30px;
-      font-size: 18px;
-      text-align: justify;
-      // src: url('../Fonts/msyh.ttc');
-    }
-
-    .cover {
-      width: 100%;
-      padding: 0px;
-    }
-
-    .center {
-      text-align: center;
-      margin-left: 0%;
-      margin-right: 0%;
-      text-indent: 0em;
-      color: #666;
-    }
-
-    .center1 {
-      text-align: center;
-      margin-left: 0%;
-      margin-right: 0%;
-      text-indent: 0em;
-    }
-
-    .left {
-      text-indent: 0em;
-      margin-left: 0%;
-      margin-right: 0%;
-      /* width: 23%; */
-    }
-
-    .right {
-      text-align: right;
-      margin-left: 0%;
-      margin-right: 0%;
-    }
-
-    .right1 {
-      text-align: right;
-      margin-left: 0%;
-      margin-right: 0%;
-    }
-
-    .quote {
-      margin-top: 0%;
-      margin-bottom: 0%;
-      margin-left: 1em;
-      margin-right: 1em;
-      text-align: justify;
-      font-family: "cnepub", serif;
-    }
-
-    h1 {
-      font-family: "FZLTZHJW";
-      text-align: center;
-      font-size: 2em;
-      margin-bottom: 0.5cm;
-      margin-top: 0.5cm;
-    }
-
-    h2 {
-      font-family: "FZLTZHJW";
-      font-weight: bold;
-      font-size: 1.2em;
-      margin-top: 0.2em;
-      // margin-bottom: 0.2em;
-      text-indent: 0em;
-    }
-
-    #b001,
-    #b002,
-    #b003,
-    #b004,
-    #b005,
-    #b006,
-    #b007,
-    #b008,
-    #b009 {
-      margin-bottom: 100px;
-    }
-
-    h3 {
-      font-family: "FZLTZHJW";
-      font-weight: bold;
-      font-size: 1.15em;
-      margin-top: 2em;
-      margin-bottom: 2em;
-      text-indent: 0em;
-    }
-
-    h4 {
-      font-family: "FZLTZHJW";
-      font-weight: bold;
-      color: #f49a4c;
-      font-size: 1.1em;
-      margin-top: 0.2em;
-      margin-bottom: 40px;
-      text-indent: 0em;
-    }
-
-    h6 {
-      font-family: "cnepub", serif;
-      font-family: "FZHTJW";
-      color: #36c3f4;
-      font-size: 1.1em;
-      margin-top: 10px;
-      text-indent: 2em;
-      margin-bottom: 10px;
-    }
-
-    .u {
-      text-decoration: underline;
-    }
-
-    .img-0 {
-      width: 100%;
-    }
-
-    .imz {
-      width: 100%;
-      text-align: center;
-    }
-
-    .img-a {
-      width: 95%;
-    }
-
-    .img-b {
-      width: 70%;
-    }
-
-    .img-c {
-      width: 60%;
-    }
-
-    .img-d {
-      width: 50%;
-    }
-
-    .img-e {
-      width: 45%;
-    }
-
-    .img-f {
-      width: 40%;
-    }
-
-    .img-g {
-      width: 30%;
-    }
-
-    .img-h {
-      width: 20%;
-    }
-
-    .img-i {
-      width: 10%;
-    }
-
-    .img-j {
-      width: 5%;
-    }
-
-    .inline {
-      height: 1em;
-      margin-bottom: -0.3em;
-    }
-
-    .inline1 {
-      height: 1.5em;
-      margin-top: -1em;
-      margin-bottom: -0.4em;
-    }
-
-    .inline2 {
-      height: 2.5em;
-      margin-top: 2em;
-      margin-bottom: -0.4em;
-    }
-
-    .inline3 {
-      height: 4em;
-      margin-top: 2em;
-      margin-bottom: -0.4em;
-    }
-
-    /* 锟斤拷权锟斤拷息页锟斤拷锟斤拷 */
-    /* Copyright page text */
-    p.kindle-cn-copyright-text {
-      line-height: 1.618em;
-      text-indent: 0em;
-    }
-
-    /* Quote */
-    /* 锟斤拷锟矫匡拷 */
-    blockquote.kindle-cn-blockquote {
-      background: #f9f9f9;
-      border-left: 0.5em solid #ccc;
-      margin: 1.5em;
-      padding: 1em;
-      text-indent: 2em;
-      line-height: 1.5em;
-    }
-
-    /* 锟斤拷锟侥讹拷锟斤拷 */
-    div.block {
-      border-style: dotted;
-      border-width: 2px;
-      border-color: #32a59e;
-      padding: 0.8em;
-    }
-
-    /* 锟斤拷锟较斤拷 */
-    div.lt-border {
-      border-style: solid none none solid;
-      border-color: #32a59e;
-      border-width: 1.8px;
-      width: 4em;
-      margin: 1.5em auto -0.5em 1%;
-    }
-
-    /* 锟斤拷锟铰斤拷 */
-    div.lt-border2 {
-      border-style: none solid solid none;
-      border-color: #32a59e;
-      border-width: 1.8px;
-      width: 4em;
-      margin: -0.5em 1% 1.5em auto;
-    }
-
-    .block1 {
-      font-family: "STKaiti";
-      color: #02439b;
-      text-align: right;
-    }
-
-    .block2 {
-      font-family: "STKaiti";
-      color: #02439b;
-      text-align: center;
-      text-indent: 0em;
-    }
-
-    .block3 {
-      font-family: "STKaiti";
-      color: #02439b;
-      text-align: left;
-      text-indent: 0em;
-    }
-
-    .kaiti {
-      font-family: "STKaiti";
-    }
-
-    .em_dot {
-      -webkit-text-emphasis-style: dot;
-      -moz-text-emphasis-style: dot;
-      -ms-text-emphasis-style: dot;
-      text-emphasis-style: dot;
-      -webkit-text-emphasis-position: under left;
-      -moz-text-emphasis-position: under left;
-      -ms-text-emphasis-position: under left;
-      text-emphasis-position: under left;
-    }
-
-    .fieldset {
-      border: 1px dotted black;
-      border-radius: 5px;
-      font-size: 0.9em;
-      /*16px;*/
-      margin-top: 1em;
-      margin-bottom: 1em;
-      padding: 1em 0.5em 1em 1em;
-      color: #666666;
-      font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷";
-    }
-
-    span.linethrough {
-      text-decoration: line-through;
-    }
-
-    .border {
-      /*斯锟斤拷锟�-锟竭匡拷锟斤拷*/
-      border-width: 1px;
-      border-style: solid;
-    }
-
-    /* 鏂板鏍峰紡 */
-    .custom_title1 {
-      font-family: "FZLTZHJW";
-      background-color: rgb(125, 164, 64);
-      width: 70vw;
-      position: relative;
-      left: 50%;
-      transform: translateX(-50%);
-      color: #ffffff;
-      padding: 10px 0;
-      border-radius: 20px;
-      display: flex;
-      align-items: center;
-      font-size: 21px;
-      margin-bottom: 0.5cm;
-      margin-top: 0.5cm;
-    }
-
-    .title_icon {
-      width: 50px;
-      margin: 0 20px 0 15px;
-    }
-
-    .custom_chapter {
-      font-family: "FZHTJW";
-      color: rgb(108, 152, 65);
-      padding: 15px 10px;
-      background-color: rgb(202, 217, 180);
-      position: relative;
-      display: inline-block;
-      padding: 10px;
-      font-size: 19px;
-      left: 50%;
-      transform: translateX(-50%);
-      margin-bottom: 0.2cm;
-      margin-top: 0.2cm;
-    }
-
-    .custom_chapter::before {
-      font-family: "FZHTJW";
-      content: "";
-      width: 12px;
-      height: 60%;
-      background-color: rgb(125, 164, 64);
-      position: absolute;
-      left: -12px;
-      top: 50%;
-      transform: translateY(-50%);
-    }
-
-    .custom_chapter::after {
-      font-family: "FZHTJW";
-      content: "";
-      width: 12px;
-      height: 60%;
-      background-color: rgb(125, 164, 64);
-      position: absolute;
-      right: -12px;
-      top: 50%;
-      transform: translateY(-50%);
-    }
-
-    .custom_title2 {
-      color: rgb(154, 106, 17);
-      // background: url(image/xt.png) no-repeat;
-      background-size: 100% 100%;
-      display: inline-block;
-      padding: 18px;
-      font-size: 21px;
-      margin-bottom: 0.2cm;
-      margin-top: 0.2cm;
-      font-family: "FZHTJW";
-    }
-
-    .img-gn {
-      height: 45px;
-      margin-bottom: -0.4em;
-    }
-
-    .img-gn1 {
-      height: 2.5em;
-      margin-bottom: -0.4em;
-    }
-
-    .div-img-h3 {
-      display: flex;
-      align-items: center;
-    }
-
-    .div-img-h3 h3 {
-      flex: 1;
-    }
-
-    .bold1 {
-      font-weight: bold;
-      font-size: 1.1em;
-    }
-
-    .bj2 {
-      background-color: #857eb4;
-      color: #ffffff;
-      display: inline-block;
-      padding: 1px;
-      font-size: 1em;
-      padding: 5px 15px 5px 15px;
-      font-weight: bold;
-      border-radius: 1em;
-      margin: 0;
-      margin-left: 2em;
-      text-indent: 0em;
-    }
-
-    .bj3 {
-      background: #d5f0fa;
-      padding: 0.01em 1em 0.01em 1em;
-      color: #000000;
-      margin-top: -1em;
-      margin-left: 0.5em;
-      margin-right: 0.5em;
-      text-align: center;
-      text-indent: 0em;
-      margin-bottom: -0.8em;
-      padding: 5px 15px 5px 15px;
-      font-size: 1.1em;
-      font-weight: bold;
-    }
-
-    div.bj4 {
-      background: #fabf2e;
-      padding: 0.01em 1em 0.01em 1em;
-      color: #ffffff;
-      margin-top: -1em;
-      font-size: 1.3em;
-      font-weight: bold;
-      margin-left: -0.8em;
-      margin-right: -0.8em;
-    }
-
-    div.bj5 {
-      background: #fffbe8;
-      padding: 1em;
-    }
-
-    .lvz {
-      font-family: "HiFont Hei GB";
-      color: #6eb92c;
-      font-weight: bold;
-    }
-
-    ul {
-      list-style-type: none;
-    }
-
-    li {
-      list-style-type: none;
-    }
-
-    div.bk {
-      border: 3px dotted #f49a4c;
-      padding: 15px;
-      margin-bottom: 2em;
-      margin-top: 0.5em;
-      border-radius: 25px;
-    }
-
-    div.bj1 {
-      padding: 0.01em 1em 0.01em 1em;
-      margin-top: -3em;
-      margin-left: -4em;
-      margin-right: -1em;
-    }
-
-    .bk-h3 {
-      border: 3px solid #f49a4c;
-      padding: 0.7em;
-      color: #f49a4c;
-      margin-bottom: 2em;
-      margin-top: 0.5em;
-      border-radius: 0em 2em 2em 0em;
-    }
-
-    .bj1-h3 {
-      background-color: #f49a4c;
-      padding: 0.9em;
-      color: #ffffff;
-      margin-top: 0em;
-      margin-left: -0.8em;
-      margin-right: -1em;
-    }
-
-    .fontsz1 {
-      width: 200px;
-      font-size: 0.7em;
-      display: inline-flex;
-      justify-content: flex-start;
-      align-items: center;
-
-      img {
-        cursor: pointer;
-      }
-    }
-
-    div.bk-tx {
-      border: 3px dotted #f49a4c;
-      padding: 10px;
-      color: #f49a4c;
-      margin-bottom: 2em;
-      margin-top: -8px;
-      border-radius: 0em 0em 3em 0em;
 
       textarea {
         width: 100%;
-        border: 0 !important;
+        text-indent: 2em;
+        // max-width: 652px;
+        // min-height: 100px;
         font-size: 16px;
-        border-radius: 5px;
-        max-width: 620px;
-        min-width: 500px;
       }
-    }
 
-    p.hr {
-      padding: 0.3em;
-      line-height: 1.5em;
-      border-bottom: 1px solid #000;
-    }
-
-    div.bk-sys {
-      background: #efefef;
-      padding: 15px;
-      margin-bottom: 2em;
-      margin-top: 0.5em;
-      border-radius: 0em 1.5em 1.5em 1.5em;
-    }
-
-    div.bj1-sys {
-      padding: 0.01em 1em 0.01em 1em;
-      margin-top: -3em;
-      margin-left: -2.5em;
-      margin-right: -1em;
-    }
-
-    div.bk-qjms {
-      font-family: 'FZLTXIHJW';
-      border: 3px dotted #f49a4c;
-      padding: 15px;
-      margin-bottom: 2em;
-      margin-top: 0.5em;
-      position: relative;
-
-      .block {
-        font-size: 16px;
-        line-height: 25px;
-        font-family: "浠垮畫";
-        font-weight: 700;
-        color: #666;
+      /* 閽堝Firefox */
+      textarea::-webkit-scrollbar {
+        width: 0;
+        height: 0;
       }
-    }
 
-    p.bj1-qjms {
-      background-color: #f49a4c;
-      color: #ffffff;
-      display: inline-block;
-      font-size: 1em;
-      padding: 0.1em 0.7em 0.12em 0.7em;
-      font-weight: bold;
-      border-radius: 1.5em;
-      margin-left: 0em;
-      text-align: center;
-      text-indent: 0em;
-      position: absolute;
-      top: -2em;
-    }
-  }
+      /* 閽堝IE, Edge鍜孋hrome */
+      textarea {
+        -ms-overflow-style: none;
+        /* IE 鍜� Edge */
+        scrollbar-width: none;
+        /* Firefox */
+      }
 
-  @media screen and (max-width:800px) {
-    .public-lifeCare .coverImg {
-      position: absolute;
-      top: 25%;
-      left: 0;
-    }
-
-    .chapter {
+      .coverImg {
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
 
       .prefaceImg {
-        width: 100% !important;
+        width: 92% !important;
         position: absolute;
-        left: 0%;
+        left: 4%;
         top: 4%;
       }
 
-      .pdf-content {
-        padding: 20% 5%;
-        box-sizing: border-box;
+      .zt-yy-brd {
+        padding: 5px 15px;
+        border: 3px dotted #f49a4c;
+        border-radius: 10px;
       }
 
-      div.bk-tx {
-        textarea {
-          min-width: 275px;
+      .chapter-006 {
+        position: relative;
+
+        .btn {
+          position: absolute;
+          top: 65%;
+          left: 35%;
         }
       }
 
-      p {
-        margin-top: 0;
-        line-height: 25px;
-        font-size: 16px;
-        font-family: 'FZLTXIHJW'
-      }
+      .border-xxfs {
+        border-radius: 0 !important;
+        position: relative;
+        padding: 10px;
+        padding-top: 20px !important;
+        border: 2px dotted #00aeef !important;
 
-      .header .pageHeader-second .second-con .second-right img {
-        height: 30px;
-        position: absolute;
-        left: -35px;
-        top: 0;
-      }
+        .bj3 {
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          width: 105px;
+          height: 30px;
+          position: absolute;
+          padding: 0 !important;
+          padding-left: 5px !important;
+          box-sizing: border-box;
+          top: 0;
+          background-color: #00aeef !important;
+          color: #fff !important;
+          border-bottom-right-radius: 25px;
 
-      div.bj1 {
-        padding: 0.01em 1em 0.01em 1em;
-        margin-top: -2em;
-        margin-left: -4em;
-        margin-right: -1em;
-      }
-
-      .img-gn {
-        height: 40px;
-        margin-bottom: -0.4em;
-      }
-
-      h3 {
-        font-family: "FZLTZHJW";
-        font-weight: bold;
-        font-size: 16px;
-        margin-top: 2em;
-        /* margin-bottom: 2em; */
-        text-indent: 0em;
-      }
-
-      h4 {
-        text-align: left;
-        font-family: "FZLTZHJW";
-        font-weight: bold;
-        color: #f49a4c;
-        font-size: 16px;
-        margin-top: 0.2em;
-        margin-bottom: 2em;
-        text-indent: 0em;
-
-        .fontsz1 {
-          width: auto;
-        }
-
-      }
-
-      .bj-tip {
-        top: -25px;
-        left: 10px;
-        font-size: 16px;
-        font-weight: normal;
-        font-family: 'FZLTZHJW';
-
-        div {
-          width: 30px;
-          height: 27px;
+          .cirlce {
+            width: 40px;
+            height: 40px;
+            border: 2px solid #00aeef;
+            border-radius: 50%;
+            position: absolute;
+            left: -38px;
+            background: url("../image/xxfs.png");
+            background-position: center;
+            background-size: 70% 70%;
+            background-repeat: no-repeat;
+            background-color: #fff;
+          }
         }
       }
 
-      p.bj1-qjms {
-        top: -1em;
-      }
-
-      .table111,
-      .table112 {
+      input {
         width: 100%;
-        border-collapse: collapse;
-
-        tr th {
-          width: auto !important;
-        }
+        border: 0 !important;
+        border-color: #fff !important;
+        outline: none;
+        font-size: 16px;
+        text-align: center;
+        white-space: pre-line;
       }
 
+      .drawflow {
+        .main-path {
+          stroke: #f49a4c;
+        }
+
+        .drawflow-delete {
+          width: 25px;
+          height: 25px;
+          line-height: 21px;
+          background-color: #f49a4c;
+          font-size: 20px;
+        }
+
+        .drawflow-node {
+          background-color: #fff;
+          border: 0px solid #f49a4c;
+          box-shadow: 1px 1px 5px 0 #f49a4c;
+
+          .contentWall {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+
+            .contentTitle {
+              margin-bottom: 5px;
+            }
+
+            .contentText {
+              textarea {
+                width: auto;
+                min-height: 50px;
+                margin: 0;
+                outline: none;
+                border-color: #f49a4c;
+                border-radius: 5px;
+              }
+
+              textarea:focus {
+                border: 1px solid #fabf2e !important;
+              }
+            }
+          }
+
+          .input,
+          .output {
+            border-color: #f49a4c;
+            border-width: 1px;
+          }
+        }
+
+        .content {
+          .btn-export {
+            float: right;
+            position: absolute;
+            top: 4px;
+            right: 10px;
+            color: #333;
+            font-weight: bold;
+            // 0e5ba3
+            border: 1px solid #ccc;
+            // 4ea9ff
+            background: #fff;
+            padding: 5px 10px;
+            border-radius: 4px;
+            cursor: pointer;
+            z-index: 5;
+          }
+
+          .btn-clear {
+            float: right;
+            position: absolute;
+            top: 4px;
+            right: 85px;
+            color: white;
+            font-weight: bold;
+            // 96015b
+            border: 1px solid #f49a4c;
+            // e3195a
+            background: #f49a4c;
+            padding: 5px 10px;
+            border-radius: 4px;
+            cursor: pointer;
+            z-index: 5;
+          }
+
+          .btn-export:hover {
+            color: #f49a4c;
+            border: 1px solid #f49a4c;
+          }
+
+          .btn-clear:hover {
+            background-color: #fff;
+            color: #f49a4c;
+            border: 1px solid #f49a4c;
+          }
+        }
+      }
 
       .drawContent_wall {
-        margin-bottom: 2em;
+        width: 100%;
+        height: 765px;
+
+        .drawflow {
+          display: flex;
+          flex-direction: column;
+
+          .content {
+            border-top-width: 1px;
+            border-top-style: solid;
+          }
+        }
       }
 
-      
+      .chapter {
+        font-family: "瀹嬩綋";
+
+        .topImg {
+          padding-top: 0 !important;
+          margin-bottom: 2em;
+        }
+
+        p input {
+          width: 20px;
+        }
+
+        .header {
+          width: 100%;
+          height: 100px;
+
+          .pageHeader-first {
+            width: 100%;
+            height: 100%;
+            padding-top: 6%;
+
+            .header-bj {
+              width: 78%;
+              height: 100%;
+              border-left: 2px solid #dfb27d;
+              border-bottom: 2px solid #dfb27d;
+              margin-left: 18%;
+            }
+
+            .content {
+              background-color: #f49a4c;
+              width: 91%;
+              height: 32%;
+              display: flex;
+              justify-content: flex-start;
+              align-items: center;
+              margin-top: -6%;
+              margin-left: 3%;
+
+              .pageStr {
+                color: #fff;
+                font-size: 24px;
+                text-align: center;
+                margin: 0 20px;
+              }
+
+              .title {
+                display: flex;
+                justify-content: flex-start;
+                align-items: center;
+                color: #fff;
+                font-size: 20px;
+                position: relative;
+
+                img {
+                  height: 30px !important;
+                  margin-right: 20px;
+                }
+
+                .ztImg {
+                  height: 40px !important;
+                  margin-top: -4px;
+                }
+              }
+            }
+
+            .zt1-content {
+              background-color: #f7b80a;
+            }
+
+            .zt1-header-bj {
+              border-left-color: #a5c24f;
+              border-bottom-color: #a5c24f;
+            }
+
+            @media (max-width: 756px) {
+              .content {
+                margin-top: -12%;
+
+                .title {
+                  font-size: 16px;
+                }
+
+                .pageStr {
+                  font-size: 16px;
+                }
+              }
+            }
+          }
+
+          .pageHeader-second {
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+            padding-top: 3%;
+
+            .second-con {
+              width: 90%;
+              height: 35px;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              font-size: 20px;
+              position: absolute;
+              right: 36px;
+              top: 80px;
+
+              .second-left {
+                width: 23px;
+                height: 100%;
+                background-color: #f49a4c;
+              }
+
+              .second-right {
+                height: 100%;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                position: relative;
+
+                img {
+                  height: 50px;
+                  position: absolute;
+                  left: -50px;
+                  top: -20px;
+                }
+
+                .pageStr {
+                  margin-right: 10px;
+                }
+
+                .pageNum {
+                  display: block;
+                  background-color: #f49a4c;
+                  padding: 2px 20px;
+                  box-sizing: border-box;
+                  font-size: 28px;
+                  color: #fff;
+                }
+
+                .zt1-pageNum {
+                  background-color: #a5c24f;
+                }
+
+                .zt1-pageStr {
+                  color: #a5c24f;
+                }
+              }
+            }
+
+            @media (max-width: 756px) {
+              .second-con {
+                font-size: 16px;
+
+                .pageNum {
+                  font-size: 16px !important;
+                }
+              }
+            }
+
+            @media (max-width: 1024px) {
+              .second-con {
+                right: 20px;
+                top: 75px;
+              }
+            }
+
+            .borderLine {
+              width: 93%;
+              height: 2px;
+              background-color: #f49a4c;
+              margin-top: 105px;
+            }
+
+            .zt1-boderLine {
+              background-color: #a5c24f;
+            }
+          }
+        }
+
+        .textareaInput {
+          width: 100%;
+          padding: 8px;
+          box-sizing: border-box;
+          border: 1px solid #999;
+          font-size: 15px;
+          color: #000;
+          background-color: #f9f9f9;
+        }
+
+        .imgBox-003 {
+          width: 100%;
+          height: 220px;
+        }
+
+        .chapter01Table {
+          width: 100%;
+
+          .textareaInput:focus {
+            border: 1px solid #999 !important;
+          }
+        }
+
+        .table111,
+        .table112 {
+          width: 100%;
+          border-collapse: collapse;
+
+          tr th {
+            background-color: #f49a4c;
+            text-align: center;
+            border: 1px solid #999;
+            margin: 0;
+            padding: 8px 9px;
+            font-size: 16px;
+          }
+
+          tr td {
+            border: 1px solid #999;
+            text-align: left;
+            padding: 8px;
+            overflow: hidden;
+            white-space: pre-line;
+            font-family: "FZLTXIHJW";
+            font-weight: normal;
+            font-size: 14px;
+            line-height: 23px;
+
+            div {
+              width: 100%;
+              min-height: 23px;
+            }
+
+            div:focus {
+              outline: none;
+            }
+
+            textarea {
+              width: 100%;
+              min-height: 20px;
+              min-width: 80px;
+              border: 0;
+              font-size: 14px;
+              text-indent: 0em;
+              min-width: 200px;
+              max-width: 330px;
+            }
+          }
+        }
+
+        .table112 {
+          font-size: 16px;
+
+          tr th {
+            width: 50px;
+            font-weight: normal;
+          }
+        }
+
+        .table122 {
+          font-size: 16px;
+
+          tr th {
+            font-weight: normal;
+          }
+        }
+
+        .table162 {
+          tr th {
+            padding: 8px 0;
+          }
+
+          tr td {
+            border: 1px solid #999;
+            text-align: center;
+            padding: 15px 0;
+            overflow: hidden;
+          }
+        }
+
+        .bk-swdt {
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+
+          img {
+            width: 30px;
+            cursor: pointer;
+          }
+        }
+
+        .bk-iframe {
+          width: 1200px;
+          height: 630px;
+          position: fixed;
+          left: -25%;
+          border: 1px solid #f49a4c;
+          z-index: 111;
+          background-color: #fff;
+
+          .header-swdt {
+            height: 30px;
+            color: #000;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background-color: #f49a4c;
+
+            p {
+              margin: 0;
+              padding: 0;
+              padding-left: 10px;
+              text-indent: 0;
+            }
+
+            i {
+              margin-right: 10px;
+              cursor: pointer;
+            }
+          }
+        }
+
+        .btnUpload-list {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 35px;
+          height: 30px;
+          border-radius: 5px;
+          background-color: #f49a4c;
+          border: 1px solid #f49a4c;
+          cursor: pointer;
+
+          svg {
+            fill: #fff;
+          }
+        }
+
+        .btnUpload-list:hover {
+          background-color: #fff;
+
+          svg {
+            fill: #f49a4c;
+          }
+        }
+
+        .pic-wall {
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+        }
+
+        .bk-inputUpload {
+          width: 100%;
+          display: flex;
+          flex-direction: column;
+          justify-content: flex-start;
+          align-items: flex-start;
+          min-height: 100px;
+
+          input {
+            width: 250px;
+            margin-left: 15px;
+            display: none;
+          }
+
+          .btnUpload {
+            width: 30px;
+            height: 30px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 50px;
+            cursor: pointer;
+            margin-left: 10px;
+          }
+
+          .upload_text {
+            color: #000;
+            font-size: 14px;
+            font-weight: 700;
+            font-family: "榛戜綋";
+          }
+        }
+
+        .upload-list {
+          width: 100%;
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          flex-wrap: wrap;
+        }
+
+        .demo-image__preview-swdt {
+          width: 100%;
+          height: 100%;
+        }
+
+        .demo-image__preview {
+          width: 200px;
+          height: 100px;
+          border: 1px solid #f49a4c;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          margin-right: 6px;
+          margin-bottom: 6px;
+          overflow: hidden;
+        }
+
+        .bj-tip {
+          min-width: 269px;
+          display: flex;
+          justify-content: space-around;
+          align-items: center;
+          padding: 4px 14px;
+          box-sizing: border-box;
+          border: 3px solid #f49a4c;
+          border-radius: 30px;
+          position: absolute;
+          top: -25px;
+          left: 15px;
+          background-color: #fff;
+          color: #f49a4c;
+          font-weight: bold;
+          font-size: 18px;
+
+          div {
+            width: 35px;
+            height: 30px;
+            border-radius: 5px;
+            background-color: #f49a4c;
+            border: 1px solid #f49a4c;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-left: 5px;
+            cursor: pointer;
+
+            svg {
+              fill: #fff;
+            }
+          }
+
+          div:hover {
+            background-color: #fff;
+            border: 1px solid #f49a4c;
+
+            svg {
+              fill: #f49a4c;
+            }
+          }
+        }
+
+        .tips-bk {
+          margin-top: 56px;
+          border-radius: 20px;
+          position: relative;
+        }
+
+        .tips-file {
+          border: 3px dotted #f49a4c;
+          padding: 12px 10px;
+          box-sizing: border-box;
+          padding-top: 30px;
+          font-family: "浠垮畫";
+          font-weight: 700;
+
+          p {
+            margin-top: 0px;
+          }
+
+          .p-text {
+            padding: 5px 10px;
+
+            p {
+              line-height: 22px;
+              font-weight: 700;
+              color: #666;
+            }
+
+            div {
+              line-height: 22px;
+              font-size: 20px;
+              text-align: center;
+              padding-top: 10px;
+            }
+          }
+        }
+
+        .page-box {
+          box-sizing: border-box;
+          min-height: 1150px !important;
+          margin-bottom: 20px;
+          box-shadow: 0 3px 6px 1px #00000029;
+          background-color: #fff;
+          position: relative;
+
+          .w100 {
+            width: 100% !important;
+          }
+        }
+
+        .imgCarousel {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: space-around;
+          height: 287px;
+          max-height: 350px;
+
+          img {
+            width: auto;
+            height: calc(100% - 50px);
+          }
+
+          span {
+            font-size: 18px;
+          }
+        }
+
+        .pdf-content {
+          padding: 5% 5%;
+          box-sizing: border-box;
+        }
+
+        .sj1 {
+          text-indent: 3em;
+        }
+
+        .hs1 {
+          color: #ffbcdd;
+          text-indent: 0em;
+          margin-bottom: 0.5em;
+        }
+
+        .custom_h1 {
+          color: #2cb4e4;
+          font-size: 30px;
+        }
+
+        .custom_tag3 {
+          background-color: #2cb4e4;
+          color: #ffffff;
+          display: inline-block;
+          padding: 1px;
+          font-size: 1em;
+          padding: 3px 10px 3px 10px;
+          font-weight: bold;
+          border-radius: 0em;
+          box-shadow: 0px 0px 0px 0px #fedf24, -15px 0px 0px 0px #fedf24;
+          margin: 0;
+          text-indent: 0em;
+          margin-bottom: 0.5em;
+        }
+
+        @font-face {
+          font-family: "FZLTZHJW";
+          src: url("../Fonts/FZLTZHJW.ttf");
+        }
+
+        @font-face {
+          font-family: "FZLTXIHJW";
+          src: url("../Fonts/FZLTXIHJW.ttf");
+        }
+
+        @font-face {
+          font-family: "FZHTJW";
+          src: url("../Fonts/FZHTJW.ttf");
+        }
+
+        .custom_tag2 {
+          background-color: #f1be49;
+          color: #ffffff;
+          display: inline-block;
+          padding: 0.5px;
+          border-radius: 1.5em;
+          font-size: 1.1em;
+          padding: 2px 10px 2px 10px;
+          font-weight: bold;
+          margin: 0;
+          text-indent: 0em;
+          margin-bottom: 0.5em;
+        }
+
+        .custom_tag1 {
+          background-color: #35acd6;
+          color: #ffffff;
+          display: inline-block;
+          padding: 1px;
+          font-size: 1.1em;
+          padding: 3px 10px 3px 10px;
+          font-weight: bold;
+          box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e;
+          margin: 0;
+          text-indent: 0em;
+          margin-bottom: 0.5em;
+        }
+
+        .custom_tag {
+          background-color: #35509f;
+          color: #ffffff;
+          display: inline-block;
+          padding: 1px;
+          border-radius: 1.5em;
+          font-size: 1.1em;
+          padding: 10px 20px 10px 20px;
+          font-weight: bold;
+          box-shadow: 30px 0px 0px 0px #f5d83e;
+          margin: 0;
+          text-indent: 0em;
+          margin-bottom: 0.5em;
+        }
+
+        .ls1 {
+          font-family: "HiFont Hei GB";
+          color: #30aad1;
+          font-weight: bold;
+        }
+
+        .hs {
+          font-family: "HiFont Hei GB";
+          color: #ea6b00;
+          font-weight: bold;
+        }
+
+        .zs1 {
+          font-family: "HiFont Hei GB";
+          color: #857eb4;
+          font-weight: bold;
+        }
+
+        span.under1 {
+          border-bottom: 2px solid #f0bd4a;
+          border-width: 2px;
+        }
+
+        div.bodycontent-div-center {
+          font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+          margin: 1em 1em 1em 1em;
+          font-weight: normal;
+          border-width: 1.5px;
+          border-color: #dfb27d;
+          padding: 1em;
+        }
+
+        img.bodycontent-divcenter-image {
+          float: center;
+          clear: both;
+          height: 140px;
+          margin: 15px;
+        }
+
+        div.bodycontent-div-left1 {
+          font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+          margin: 1em 1em 1em 1em;
+          font-weight: normal;
+          border-width: 1.5px;
+          border-color: #dfb27d;
+          padding: 1em;
+          background-color: #f0f8ff;
+        }
+
+        div.bodycontent-div-left {
+          font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋";
+          margin: 1em 1em 1em 1em;
+          font-weight: normal;
+          border-width: 1.5px;
+          border-color: #dfb27d;
+          padding: 1em;
+        }
+
+        img.bodycontent-divright-image {
+          float: right;
+          clear: both;
+          height: 140px;
+          margin: 15px;
+        }
+
+        img.bodycontent-divleft-image {
+          float: left;
+          clear: both;
+          height: 110px;
+          margin: 15px;
+        }
+
+        .img-gn-zt {
+          width: 180px;
+        }
+
+        div.bodystyle {
+          font-size: 18px;
+          text-align: justify;
+          padding: 10% 10%;
+          box-sizing: border-box;
+          font-family: "瀹嬩綋";
+        }
+
+        div.bj {
+          background: #fffbe8;
+          padding: 1em;
+          border-radius: 0.6em;
+        }
+
+        span.zt-0 {
+          color: #0087af;
+        }
+
+        p.pzt-0 {
+          color: #0087af;
+          font-size: 18px;
+        }
+
+        p.pzt-0-right {
+          font-size: 18px;
+          color: #0087af;
+          text-align: right;
+        }
+
+        p.pzt-1 {
+          font-weight: bold;
+          color: #0087af;
+          font-size: 18px;
+        }
+
+        div.sgc-toc-title {
+          font-size: 2em;
+          font-weight: bold;
+          margin-bottom: 1em;
+          text-align: center;
+        }
+
+        div.sgc-toc-level-1 {
+          margin-left: 0em;
+        }
+
+        div.sgc-toc-level-2 {
+          margin-left: 2em;
+        }
+
+        div.sgc-toc-level-3 {
+          margin-left: 2em;
+        }
+
+        div.sgc-toc-level-4 {
+          margin-left: 2em;
+        }
+
+        div.sgc-toc-level-5 {
+          margin-left: 2em;
+        }
+
+        div.sgc-toc-level-6 {
+          margin-left: 2em;
+        }
+
+        .note {
+          font-size: 0.85em;
+        }
+
+        .img {
+          font-family: "FZLTXIHJW";
+          text-align: center;
+          font-size: 0.85em;
+          margin-left: 0%;
+          margin-right: 0%;
+          text-indent: 0em;
+        }
+
+        .img1 {
+          font-family: "FZLTXIHJW";
+          text-align: right;
+          font-size: 0.85em;
+          margin-left: 0%;
+          margin-right: 2em;
+          text-indent: 0em;
+        }
+
+        .h5-zt {
+          font-size: 18px;
+        }
+
+        .tip-specail {
+          border: 1px solid #f49a4c !important;
+          padding: 10px 15px;
+        }
+
+        p {
+          margin-top: 1em;
+          text-indent: 2em;
+          line-height: 30px;
+          font-size: 18px;
+          text-align: justify;
+          // src: url('../Fonts/msyh.ttc');
+        }
+
+        .cover {
+          width: 100%;
+          padding: 0px;
+        }
+
+        .center {
+          text-align: center;
+          margin-left: 0%;
+          margin-right: 0%;
+          text-indent: 0em;
+          color: #666;
+        }
+
+        .center1 {
+          text-align: center;
+          margin-left: 0%;
+          margin-right: 0%;
+          text-indent: 0em;
+        }
+
+        .left {
+          text-indent: 0em;
+          margin-left: 0%;
+          margin-right: 0%;
+          /* width: 23%; */
+        }
+
+        .right {
+          text-align: right;
+          margin-left: 0%;
+          margin-right: 0%;
+        }
+
+        .right1 {
+          text-align: right;
+          margin-left: 0%;
+          margin-right: 0%;
+        }
+
+        .quote {
+          margin-top: 0%;
+          margin-bottom: 0%;
+          margin-left: 1em;
+          margin-right: 1em;
+          text-align: justify;
+          font-family: "cnepub", serif;
+        }
+
+        h1 {
+          font-family: "FZLTZHJW";
+          text-align: center;
+          font-size: 2em;
+          margin-bottom: 0.5cm;
+          margin-top: 0.5cm;
+        }
+
+        h2 {
+          font-family: "FZLTZHJW";
+          font-weight: bold;
+          font-size: 1.2em;
+          margin-top: 0.2em;
+          // margin-bottom: 0.2em;
+          text-indent: 0em;
+        }
+
+        #b001,
+        #b002,
+        #b003,
+        #b004,
+        #b005,
+        #b006,
+        #b007,
+        #b008,
+        #b009 {
+          margin-bottom: 100px;
+        }
+
+        h3 {
+          font-family: "FZLTZHJW";
+          font-weight: bold;
+          font-size: 1.15em;
+          margin-top: 2em;
+          margin-bottom: 2em;
+          text-indent: 0em;
+        }
+
+        h4 {
+          font-family: "FZLTZHJW";
+          font-weight: bold;
+          color: #f49a4c;
+          font-size: 1.1em;
+          margin-top: 0.2em;
+          margin-bottom: 40px;
+          text-indent: 0em;
+        }
+
+        h6 {
+          font-family: "cnepub", serif;
+          font-family: "FZHTJW";
+          color: #36c3f4;
+          font-size: 1.1em;
+          margin-top: 10px;
+          text-indent: 2em;
+          margin-bottom: 10px;
+        }
+
+        .u {
+          text-decoration: underline;
+        }
+
+        .img-0 {
+          width: 100%;
+        }
+
+        .imz {
+          width: 100%;
+          text-align: center;
+        }
+
+        .img-a {
+          width: 95%;
+        }
+
+        .img-b {
+          width: 70%;
+        }
+
+        .img-c {
+          width: 60%;
+        }
+
+        .img-d {
+          width: 50%;
+        }
+
+        .img-e {
+          width: 45%;
+        }
+
+        .img-f {
+          width: 40%;
+        }
+
+        .img-g {
+          width: 30%;
+        }
+
+        .img-h {
+          width: 20%;
+        }
+
+        .img-i {
+          width: 10%;
+        }
+
+        .img-j {
+          width: 5%;
+        }
+
+        .inline {
+          height: 1em;
+          margin-bottom: -0.3em;
+        }
+
+        .inline1 {
+          height: 1.5em;
+          margin-top: -1em;
+          margin-bottom: -0.4em;
+        }
+
+        .inline2 {
+          height: 2.5em;
+          margin-top: 2em;
+          margin-bottom: -0.4em;
+        }
+
+        .inline3 {
+          height: 4em;
+          margin-top: 2em;
+          margin-bottom: -0.4em;
+        }
+
+        /* 锟斤拷权锟斤拷息页锟斤拷锟斤拷 */
+        /* Copyright page text */
+        p.kindle-cn-copyright-text {
+          line-height: 1.618em;
+          text-indent: 0em;
+        }
+
+        /* Quote */
+        /* 锟斤拷锟矫匡拷 */
+        blockquote.kindle-cn-blockquote {
+          background: #f9f9f9;
+          border-left: 0.5em solid #ccc;
+          margin: 1.5em;
+          padding: 1em;
+          text-indent: 2em;
+          line-height: 1.5em;
+        }
+
+        /* 锟斤拷锟侥讹拷锟斤拷 */
+        div.block {
+          border-style: dotted;
+          border-width: 2px;
+          border-color: #32a59e;
+          padding: 0.8em;
+        }
+
+        /* 锟斤拷锟较斤拷 */
+        div.lt-border {
+          border-style: solid none none solid;
+          border-color: #32a59e;
+          border-width: 1.8px;
+          width: 4em;
+          margin: 1.5em auto -0.5em 1%;
+        }
+
+        /* 锟斤拷锟铰斤拷 */
+        div.lt-border2 {
+          border-style: none solid solid none;
+          border-color: #32a59e;
+          border-width: 1.8px;
+          width: 4em;
+          margin: -0.5em 1% 1.5em auto;
+        }
+
+        .block1 {
+          font-family: "STKaiti";
+          color: #02439b;
+          text-align: right;
+        }
+
+        .block2 {
+          font-family: "STKaiti";
+          color: #02439b;
+          text-align: center;
+          text-indent: 0em;
+        }
+
+        .block3 {
+          font-family: "STKaiti";
+          color: #02439b;
+          text-align: left;
+          text-indent: 0em;
+        }
+
+        .kaiti {
+          font-family: "STKaiti";
+        }
+
+        .em_dot {
+          -webkit-text-emphasis-style: dot;
+          -moz-text-emphasis-style: dot;
+          -ms-text-emphasis-style: dot;
+          text-emphasis-style: dot;
+          -webkit-text-emphasis-position: under left;
+          -moz-text-emphasis-position: under left;
+          -ms-text-emphasis-position: under left;
+          text-emphasis-position: under left;
+        }
+
+        .fieldset {
+          border: 1px dotted black;
+          border-radius: 5px;
+          font-size: 0.9em;
+          /*16px;*/
+          margin-top: 1em;
+          margin-bottom: 1em;
+          padding: 1em 0.5em 1em 1em;
+          color: #666666;
+          font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷";
+        }
+
+        span.linethrough {
+          text-decoration: line-through;
+        }
+
+        .border {
+          /*斯锟斤拷锟�-锟竭匡拷锟斤拷*/
+          border-width: 1px;
+          border-style: solid;
+        }
+
+        /* 鏂板鏍峰紡 */
+        .custom_title1 {
+          font-family: "FZLTZHJW";
+          background-color: rgb(125, 164, 64);
+          width: 70vw;
+          position: relative;
+          left: 50%;
+          transform: translateX(-50%);
+          color: #ffffff;
+          padding: 10px 0;
+          border-radius: 20px;
+          display: flex;
+          align-items: center;
+          font-size: 21px;
+          margin-bottom: 0.5cm;
+          margin-top: 0.5cm;
+        }
+
+        .title_icon {
+          width: 50px;
+          margin: 0 20px 0 15px;
+        }
+
+        .custom_chapter {
+          font-family: "FZHTJW";
+          color: rgb(108, 152, 65);
+          padding: 15px 10px;
+          background-color: rgb(202, 217, 180);
+          position: relative;
+          display: inline-block;
+          padding: 10px;
+          font-size: 19px;
+          left: 50%;
+          transform: translateX(-50%);
+          margin-bottom: 0.2cm;
+          margin-top: 0.2cm;
+        }
+
+        .custom_chapter::before {
+          font-family: "FZHTJW";
+          content: "";
+          width: 12px;
+          height: 60%;
+          background-color: rgb(125, 164, 64);
+          position: absolute;
+          left: -12px;
+          top: 50%;
+          transform: translateY(-50%);
+        }
+
+        .custom_chapter::after {
+          font-family: "FZHTJW";
+          content: "";
+          width: 12px;
+          height: 60%;
+          background-color: rgb(125, 164, 64);
+          position: absolute;
+          right: -12px;
+          top: 50%;
+          transform: translateY(-50%);
+        }
+
+        .custom_title2 {
+          color: rgb(154, 106, 17);
+          // background: url(image/xt.png) no-repeat;
+          background-size: 100% 100%;
+          display: inline-block;
+          padding: 18px;
+          font-size: 21px;
+          margin-bottom: 0.2cm;
+          margin-top: 0.2cm;
+          font-family: "FZHTJW";
+        }
+
+        .img-gn {
+          height: 45px;
+          margin-bottom: -0.4em;
+        }
+
+        .img-gn1 {
+          height: 2.5em;
+          margin-bottom: -0.4em;
+        }
+
+        .div-img-h3 {
+          display: flex;
+          align-items: center;
+        }
+
+        .div-img-h3 h3 {
+          flex: 1;
+        }
+
+        .bold1 {
+          font-weight: bold;
+          font-size: 1.1em;
+        }
+
+        .bj2 {
+          background-color: #857eb4;
+          color: #ffffff;
+          display: inline-block;
+          padding: 1px;
+          font-size: 1em;
+          padding: 5px 15px 5px 15px;
+          font-weight: bold;
+          border-radius: 1em;
+          margin: 0;
+          margin-left: 2em;
+          text-indent: 0em;
+        }
+
+        .bj3 {
+          background: #d5f0fa;
+          padding: 0.01em 1em 0.01em 1em;
+          color: #000000;
+          margin-top: -1em;
+          margin-left: 0.5em;
+          margin-right: 0.5em;
+          text-align: center;
+          text-indent: 0em;
+          margin-bottom: -0.8em;
+          padding: 5px 15px 5px 15px;
+          font-size: 1.1em;
+          font-weight: bold;
+        }
+
+        div.bj4 {
+          background: #fabf2e;
+          padding: 0.01em 1em 0.01em 1em;
+          color: #ffffff;
+          margin-top: -1em;
+          font-size: 1.3em;
+          font-weight: bold;
+          margin-left: -0.8em;
+          margin-right: -0.8em;
+        }
+
+        div.bj5 {
+          background: #fffbe8;
+          padding: 1em;
+        }
+
+        .lvz {
+          font-family: "HiFont Hei GB";
+          color: #6eb92c;
+          font-weight: bold;
+        }
+
+        ul {
+          list-style-type: none;
+        }
+
+        li {
+          list-style-type: none;
+        }
+
+        div.bk {
+          border: 3px dotted #f49a4c;
+          padding: 15px;
+          margin-bottom: 2em;
+          margin-top: 0.5em;
+          border-radius: 25px;
+        }
+
+        div.bj1 {
+          padding: 0.01em 1em 0.01em 1em;
+          margin-top: -3em;
+          margin-left: -4em;
+          margin-right: -1em;
+        }
+
+        .bk-h3 {
+          border: 3px solid #f49a4c;
+          padding: 0.7em;
+          color: #f49a4c;
+          margin-bottom: 2em;
+          margin-top: 0.5em;
+          border-radius: 0em 2em 2em 0em;
+        }
+
+        .bj1-h3 {
+          background-color: #f49a4c;
+          padding: 0.9em;
+          color: #ffffff;
+          margin-top: 0em;
+          margin-left: -0.8em;
+          margin-right: -1em;
+        }
+
+        .fontsz1 {
+          width: 200px;
+          font-size: 0.7em;
+          display: inline-flex;
+          justify-content: flex-start;
+          align-items: center;
+
+          img {
+            cursor: pointer;
+          }
+        }
+
+        div.bk-tx {
+          border: 3px dotted #f49a4c;
+          padding: 10px;
+          color: #f49a4c;
+          margin-bottom: 2em;
+          margin-top: -8px;
+          border-radius: 0em 0em 3em 0em;
+
+          textarea {
+            width: 100%;
+            border: 0 !important;
+            font-size: 16px;
+            border-radius: 5px;
+            max-width: 620px;
+            min-width: 500px;
+          }
+        }
+
+        p.hr {
+          padding: 0.3em;
+          line-height: 1.5em;
+          border-bottom: 1px solid #000;
+        }
+
+        div.bk-sys {
+          background: #efefef;
+          padding: 15px;
+          margin-bottom: 2em;
+          margin-top: 0.5em;
+          border-radius: 0em 1.5em 1.5em 1.5em;
+        }
+
+        div.bj1-sys {
+          padding: 0.01em 1em 0.01em 1em;
+          margin-top: -3em;
+          margin-left: -2.5em;
+          margin-right: -1em;
+        }
+
+        div.bk-qjms {
+          font-family: "FZLTXIHJW";
+          border: 3px dotted #f49a4c;
+          padding: 15px;
+          margin-bottom: 2em;
+          margin-top: 0.5em;
+          position: relative;
+
+          .block {
+            font-size: 16px;
+            line-height: 25px;
+            font-family: "浠垮畫";
+            font-weight: 700;
+            color: #666;
+          }
+        }
+
+        p.bj1-qjms {
+          background-color: #f49a4c;
+          color: #ffffff;
+          display: inline-block;
+          font-size: 1em;
+          padding: 0.1em 0.7em 0.12em 0.7em;
+          font-weight: bold;
+          border-radius: 1.5em;
+          margin-left: 0em;
+          text-align: center;
+          text-indent: 0em;
+          position: absolute;
+          top: -2em;
+        }
+      }
+
+      @media screen and (max-width: 800px) {
+        .public-bookInnerContent .coverImg {
+          position: absolute;
+          top: 25%;
+          left: 0;
+        }
+
+        .chapter {
+          .prefaceImg {
+            width: 100% !important;
+            position: absolute;
+            left: 0%;
+            top: 4%;
+          }
+
+          .pdf-content {
+            padding: 20% 5%;
+            box-sizing: border-box;
+          }
+
+          div.bk-tx {
+            textarea {
+              min-width: 275px;
+            }
+          }
+
+          p {
+            margin-top: 0;
+            line-height: 25px;
+            font-size: 16px;
+            font-family: "FZLTXIHJW";
+          }
+
+          .header .pageHeader-second .second-con .second-right img {
+            height: 30px;
+            position: absolute;
+            left: -35px;
+            top: 0;
+          }
+
+          div.bj1 {
+            padding: 0.01em 1em 0.01em 1em;
+            margin-top: -2em;
+            margin-left: -4em;
+            margin-right: -1em;
+          }
+
+          .img-gn {
+            height: 40px;
+            margin-bottom: -0.4em;
+          }
+
+          h3 {
+            font-family: "FZLTZHJW";
+            font-weight: bold;
+            font-size: 16px;
+            margin-top: 2em;
+            /* margin-bottom: 2em; */
+            text-indent: 0em;
+          }
+
+          h4 {
+            text-align: left;
+            font-family: "FZLTZHJW";
+            font-weight: bold;
+            color: #f49a4c;
+            font-size: 16px;
+            margin-top: 0.2em;
+            margin-bottom: 2em;
+            text-indent: 0em;
+
+            .fontsz1 {
+              width: auto;
+            }
+          }
+
+          .bj-tip {
+            top: -25px;
+            left: 10px;
+            font-size: 16px;
+            font-weight: normal;
+            font-family: "FZLTZHJW";
+
+            div {
+              width: 30px;
+              height: 27px;
+            }
+          }
+
+          p.bj1-qjms {
+            top: -1em;
+          }
+
+          .table111,
+          .table112 {
+            width: 100%;
+            border-collapse: collapse;
+
+            tr th {
+              width: auto !important;
+            }
+          }
+
+          .drawContent_wall {
+            margin-bottom: 2em;
+          }
+        }
+      }
     }
   }
+
+
 }
 
+
+
 body {
   background-color: #e6e6e6;
 }
\ No newline at end of file
diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/components/chapter001.vue
similarity index 64%
rename from src/books/lifeCare/view/chapter001.vue
rename to src/books/lifeCare/view/components/chapter001.vue
index 7cc997c..6655737 100644
--- a/src/books/lifeCare/view/chapter001.vue
+++ b/src/books/lifeCare/view/components/chapter001.vue
@@ -4,12 +4,12 @@
       <div v-if="showPageList.indexOf(10) > -1">
         <div class="bodystyle topImg">
           <h2 id="b001">
-            <img class="img-0" alt="" src="../image/dy1.jpg" />
+            <img class="img-0" alt="" src="../../image/dy1.jpg" />
           </h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
               </p>
             </div>
             <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p>
@@ -35,7 +35,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
               </p>
             </div>
             <p class="block">
@@ -63,7 +63,7 @@
             <div class="content">
               <div class="pageStr">1-2</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -73,7 +73,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
               </p>
             </div>
             <!-- <p class="center">
@@ -84,13 +84,13 @@
               />
             </p> -->
             <p class="center openImgBox">
-              <img class="img-a" alt="" src="../image/0018-1.jpg" />
+              <img class="img-a" alt="" src="../../image/0018-1.jpg" />
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
               </p>
             </div>
             <p class="center"><b>鎵樿偛鍥殑涓�澶�</b></p>
@@ -180,7 +180,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">1-3</span>
               </div>
@@ -218,90 +218,110 @@
             <table class="table111">
               <thead>
                 <tr>
-                  <th>鏃堕棿</th>
-                  <th>淇濊偛鏈烘瀯鐨勫悕绉�</th>
-                  <th>鐗圭偣</th>
+                  <th style="width: 120px">鏃堕棿</th>
+                  <th style="width: 200px">淇濊偛鏈烘瀯鐨勫悕绉�</th>
+                  <th style="width: 200px">鐗圭偣</th>
                 </tr>
               </thead>
               <tbody>
                 <tr>
                   <td>1949骞�</td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText1"
-                      @blur="onBlurChangeTable('tbText1')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText1')"
+                    >
+                      {{ chapter001.table111.tbText1 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText2"
-                      @blur="onBlurChangeTable('tbText2')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText2')"
+                    >
+                      {{ chapter001.table111.tbText2 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>1949-1980骞�</td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText3"
-                      @blur="onBlurChangeTable('tbText3')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText3')"
+                    >
+                      {{ chapter001.table111.tbText3 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText4"
-                      @blur="onBlurChangeTable('tbText4')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText4')"
+                    >
+                      {{ chapter001.table111.tbText4 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>1980-1990骞�</td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText5"
-                      @blur="onBlurChangeTable('tbText5')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText5')"
+                    >
+                      {{ chapter001.table111.tbText5 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText6"
-                      @blur="onBlurChangeTable('tbText6')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText6')"
+                    >
+                      {{ chapter001.table111.tbText6 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>1990-2000骞�</td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText7"
-                      @blur="onBlurChangeTable('tbText7')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText7')"
+                    >
+                      {{ chapter001.table111.tbText7 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText8"
-                      @blur="onBlurChangeTable('tbText8')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText8')"
+                    >
+                      {{ chapter001.table111.tbText8 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>2000骞磋嚦浠�</td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText9"
-                      @blur="onBlurChangeTable('tbText9')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText9')"
+                    >
+                      {{ chapter001.table111.tbText9 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table111.tbText10"
-                      @blur="onBlurChangeTable('tbText10')"
-                    />
+                    <div
+                      contenteditable
+                      @blur="onBlurChangeTable($event, 'tbText10')"
+                    >
+                      {{ chapter001.table111.tbText10 }}
+                    </div>
                   </td>
                 </tr>
               </tbody>
             </table>
-            <!-- <p class="center"><img class="img-a" alt="" src="../image/0019-2.jpg"></p> -->
+            <!-- <p class="center"><img class="img-a" alt="" src="../../image/0019-2.jpg"></p> -->
           </div>
           <h4 id="d003">
             鈻垛柖 娲诲姩3锛氳鏄庡┐骞煎効鐢熸椿淇濊偛宸ヤ綔鐨勭洰鏍囧強鎰忎箟<span class="fontsz1"
@@ -331,7 +351,7 @@
             <div class="content">
               <div class="pageStr">1-4</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -388,7 +408,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">1-5</span>
               </div>
@@ -456,7 +476,7 @@
             <div class="content">
               <div class="pageStr">1-6</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -526,7 +546,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">1-7</span>
               </div>
@@ -598,7 +618,7 @@
             <div class="content">
               <div class="pageStr">1-8</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -637,534 +657,450 @@
               <tbody>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell1"
-                      @blur="onBlurChangeTable112('cell1')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell1')">
+                      {{ chapter001.table112.cell1 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell2"
-                      @blur="onBlurChangeTable112('cell2')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell2')">
+                      {{ chapter001.table112.cell2 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell3"
-                      @blur="onBlurChangeTable112('cell3')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell3')">
+                      {{ chapter001.table112.cell3 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell4"
-                      @blur="onBlurChangeTable112('cell4')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell4')">
+                      {{ chapter001.table112.cell4 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell5"
-                      @blur="onBlurChangeTable112('cell5')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell5')">
+                      {{ chapter001.table112.cell5 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell6"
-                      @blur="onBlurChangeTable112('cell6')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell6')">
+                      {{ chapter001.table112.cell6 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell7"
-                      @blur="onBlurChangeTable112('cell7')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell7')">
+                      {{ chapter001.table112.cell7 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell8"
-                      @blur="onBlurChangeTable112('cell8')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell8')">
+                      {{ chapter001.table112.cell8 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell9"
-                      @blur="onBlurChangeTable112('cell9')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell9')">
+                      {{ chapter001.table112.cell9 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell10"
-                      @blur="onBlurChangeTable112('cell10')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell10')">
+                      {{ chapter001.table112.cell10 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell11"
-                      @blur="onBlurChangeTable112('cell11')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell11')">
+                      {{ chapter001.table112.cell11 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell12"
-                      @blur="onBlurChangeTable112('cell12')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell12')">
+                      {{ chapter001.table112.cell12 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell13"
-                      @blur="onBlurChangeTable112('cell13')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell13')">
+                      {{ chapter001.table112.cell13 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell14"
-                      @blur="onBlurChangeTable112('cell14')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell14')">
+                      {{ chapter001.table112.cell14 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell15"
-                      @blur="onBlurChangeTable112('cell15')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell15')">
+                      {{ chapter001.table112.cell15 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell16"
-                      @blur="onBlurChangeTable112('cell16')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell16')">
+                      {{ chapter001.table112.cell16 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell17"
-                      @blur="onBlurChangeTable112('cell17')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell17')">
+                      {{ chapter001.table112.cell17 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell18"
-                      @blur="onBlurChangeTable112('cell18')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell18')">
+                      {{ chapter001.table112.cell18 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell19"
-                      @blur="onBlurChangeTable112('cell19')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell19')">
+                      {{ chapter001.table112.cell19 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell20"
-                      @blur="onBlurChangeTable112('cell20')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell20')">
+                      {{ chapter001.table112.cell20 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell21"
-                      @blur="onBlurChangeTable112('cell21')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell21')">
+                      {{ chapter001.table112.cell21 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell22"
-                      @blur="onBlurChangeTable112('cell22')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell22')">
+                      {{ chapter001.table112.cell22 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell23"
-                      @blur="onBlurChangeTable112('cell23')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell23')">
+                      {{ chapter001.table112.cell23 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell24"
-                      @blur="onBlurChangeTable112('cell24')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell24')">
+                      {{ chapter001.table112.cell24 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell25"
-                      @blur="onBlurChangeTable112('cell25')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell25')">
+                      {{ chapter001.table112.cell25 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell26"
-                      @blur="onBlurChangeTable112('cell26')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell26')">
+                      {{ chapter001.table112.cell26 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell27"
-                      @blur="onBlurChangeTable112('cell27')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell27')">
+                      {{ chapter001.table112.cell27 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell28"
-                      @blur="onBlurChangeTable112('cell28')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell28')">
+                      {{ chapter001.table112.cell28 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell29"
-                      @blur="onBlurChangeTable112('cell29')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell29')">
+                      {{ chapter001.table112.cell29 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell30"
-                      @blur="onBlurChangeTable112('cell30')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell30')">
+                      {{ chapter001.table112.cell30 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell31"
-                      @blur="onBlurChangeTable112('cell31')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell31')">
+                      {{ chapter001.table112.cell31 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell32"
-                      @blur="onBlurChangeTable112('cell32')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell32')">
+                      {{ chapter001.table112.cell32 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell33"
-                      @blur="onBlurChangeTable112('cell33')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell33')">
+                      {{ chapter001.table112.cell33 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell34"
-                      @blur="onBlurChangeTable112('cell34')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell34')">
+                      {{ chapter001.table112.cell34 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell35"
-                      @blur="onBlurChangeTable112('cell35')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell35')">
+                      {{ chapter001.table112.cell35 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell36"
-                      @blur="onBlurChangeTable112('cell36')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell36')">
+                      {{ chapter001.table112.cell36 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell37"
-                      @blur="onBlurChangeTable112('cell37')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell37')">
+                      {{ chapter001.table112.cell37 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell38"
-                      @blur="onBlurChangeTable112('cell38')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell38')">
+                      {{ chapter001.table112.cell38 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell39"
-                      @blur="onBlurChangeTable112('cell39')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell39')">
+                      {{ chapter001.table112.cell39 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell40"
-                      @blur="onBlurChangeTable112('cell40')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell40')">
+                      {{ chapter001.table112.cell40 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell41"
-                      @blur="onBlurChangeTable112('cell41')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell41')">
+                      {{ chapter001.table112.cell41 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell42"
-                      @blur="onBlurChangeTable112('cell42')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell42')">
+                      {{ chapter001.table112.cell42 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell43"
-                      @blur="onBlurChangeTable112('cell43')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell43')">
+                      {{ chapter001.table112.cell43 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell44"
-                      @blur="onBlurChangeTable112('cell44')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell44')">
+                      {{ chapter001.table112.cell44 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell45"
-                      @blur="onBlurChangeTable112('cell45')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell45')">
+                      {{ chapter001.table112.cell45 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell46"
-                      @blur="onBlurChangeTable112('cell46')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell46')">
+                      {{ chapter001.table112.cell46 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell47"
-                      @blur="onBlurChangeTable112('cell47')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell47')">
+                      {{ chapter001.table112.cell47 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell48"
-                      @blur="onBlurChangeTable112('cell48')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell48')">
+                      {{ chapter001.table112.cell48 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell49"
-                      @blur="onBlurChangeTable112('cell49')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell49')">
+                      {{ chapter001.table112.cell49 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell50"
-                      @blur="onBlurChangeTable112('cell50')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell50')">
+                      {{ chapter001.table112.cell50 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell51"
-                      @blur="onBlurChangeTable112('cell51')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell51')">
+                      {{ chapter001.table112.cell51 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell52"
-                      @blur="onBlurChangeTable112('cell52')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell52')">
+                      {{ chapter001.table112.cell52 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell53"
-                      @blur="onBlurChangeTable112('cell53')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell53')">
+                      {{ chapter001.table112.cell53 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell54"
-                      @blur="onBlurChangeTable112('cell54')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell54')">
+                      {{ chapter001.table112.cell54 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell55"
-                      @blur="onBlurChangeTable112('cell55')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell55')">
+                      {{ chapter001.table112.cell55 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell56"
-                      @blur="onBlurChangeTable112('cell56')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell56')">
+                      {{ chapter001.table112.cell56 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell57"
-                      @blur="onBlurChangeTable112('cell57')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell57')">
+                      {{ chapter001.table112.cell57 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell58"
-                      @blur="onBlurChangeTable112('cell58')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell58')">
+                      {{ chapter001.table112.cell58 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell58"
-                      @blur="onBlurChangeTable112('cell581')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell581')">
+                      {{ chapter001.table112.cell58 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell60"
-                      @blur="onBlurChangeTable112('cell60')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell60')">
+                      {{ chapter001.table112.cell60 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell61"
-                      @blur="onBlurChangeTable112('cell61')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell61')">
+                      {{ chapter001.table112.cell61 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell62"
-                      @blur="onBlurChangeTable112('cell62')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell62')">
+                      {{ chapter001.table112.cell62 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell63"
-                      @blur="onBlurChangeTable112('cell63')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell63')">
+                      {{ chapter001.table112.cell63 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell64"
-                      @blur="onBlurChangeTable112('cell64')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell64')">
+                      {{ chapter001.table112.cell64 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell65"
-                      @blur="onBlurChangeTable112('cell65')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell65')">
+                      {{ chapter001.table112.cell65 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell66"
-                      @blur="onBlurChangeTable112('cell66')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell66')">
+                      {{ chapter001.table112.cell66 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell67"
-                      @blur="onBlurChangeTable112('cell67')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell67')">
+                      {{ chapter001.table112.cell67 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell68"
-                      @blur="onBlurChangeTable112('cell68')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell68')">
+                      {{ chapter001.table112.cell68 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell69"
-                      @blur="onBlurChangeTable112('cell69')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell69')">
+                      {{ chapter001.table112.cell69 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell70"
-                      @blur="onBlurChangeTable112('cell70')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell70')">
+                      {{ chapter001.table112.cell70 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell72"
-                      @blur="onBlurChangeTable112('cell72')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell72')">
+                      {{ chapter001.table112.cell72 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell73"
-                      @blur="onBlurChangeTable112('cell73')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell73')">
+                      {{ chapter001.table112.cell73 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell74"
-                      @blur="onBlurChangeTable112('cell74')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell74')">
+                      {{ chapter001.table112.cell74 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell75"
-                      @blur="onBlurChangeTable112('cell75')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell75')">
+                      {{ chapter001.table112.cell75 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell76"
-                      @blur="onBlurChangeTable112('cell76')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell76')">
+                      {{ chapter001.table112.cell76 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell77"
-                      @blur="onBlurChangeTable112('cell77')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell77')">
+                      {{ chapter001.table112.cell77 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell78"
-                      @blur="onBlurChangeTable112('cell78')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell78')">
+                      {{ chapter001.table112.cell78 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell79"
-                      @blur="onBlurChangeTable112('cell79')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell79')">
+                      {{ chapter001.table112.cell79 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell80"
-                      @blur="onBlurChangeTable112('cell80')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell80')">
+                      {{ chapter001.table112.cell80 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell81"
-                      @blur="onBlurChangeTable112('cell81')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell81')">
+                      {{ chapter001.table112.cell81 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell82"
-                      @blur="onBlurChangeTable112('cell82')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell82')">
+                      {{ chapter001.table112.cell82 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell83"
-                      @blur="onBlurChangeTable112('cell83')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell83')">
+                      {{ chapter001.table112.cell83 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell84"
-                      @blur="onBlurChangeTable112('cell84')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell84')">
+                      {{ chapter001.table112.cell84 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table112.cell85"
-                      @blur="onBlurChangeTable112('cell85')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell85')">
+                      {{ chapter001.table112.cell85 }}
+                    </div>
                   </td>
                 </tr>
               </tbody>
@@ -1188,7 +1124,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">鍗曞厓涓�路鍒濆濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">1-9</span>
               </div>
@@ -1211,102 +1147,87 @@
               <tbody>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table113.name1"
-                      @blur="onBlurChangeTable113('name1')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'name1')">
+                      {{ chapter001.table113.name1 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.demand1"
-                      @blur="onBlurChangeTable113('demand1')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'demand1')">
+                      {{ chapter001.table113.demand1 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.content1"
-                      @blur="onBlurChangeTable113('content1')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'content1')">
+                      {{ chapter001.table113.content1 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table113.name2"
-                      @blur="onBlurChangeTable113('name2')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'name2')">
+                      {{ chapter001.table113.name2 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.demand2"
-                      @blur="onBlurChangeTable113('demand2')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'demand2')">
+                      {{ chapter001.table113.demand2 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.content2"
-                      @blur="onBlurChangeTable113('content2')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'content2')">
+                      {{ chapter001.table113.content2 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table113.name3"
-                      @blur="onBlurChangeTable113('name3')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'name3')">
+                      {{ chapter001.table113.name3 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.demand3"
-                      @blur="onBlurChangeTable113('demand3')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'demand3')">
+                      {{ chapter001.table113.demand3 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.content3"
-                      @blur="onBlurChangeTable113('content3')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'content3')">
+                      {{ chapter001.table113.content3 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table113.name4"
-                      @blur="onBlurChangeTable113('name4')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'name4')">
+                      {{ chapter001.table113.name4 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.demand4"
-                      @blur="onBlurChangeTable113('demand4')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'demand4')">
+                      {{ chapter001.table113.demand4 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.content4"
-                      @blur="onBlurChangeTable113('content4')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'content4')">
+                      {{ chapter001.table113.content4 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <input
-                      v-model="chapter001.table113.name5"
-                      @blur="onBlurChangeTable113('name5')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'name5')">
+                      {{ chapter001.table113.name5 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.demand5"
-                      @blur="onBlurChangeTable113('demand5')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'demand5')">
+                      {{ chapter001.table113.demand5 }}
+                    </div>
                   </td>
                   <td>
-                    <input
-                      v-model="chapter001.table113.content5"
-                      @blur="onBlurChangeTable113('content5')"
-                    />
+                    <div contenteditable @blur="onBlurChangeTable113($event,'content5')">
+                      {{ chapter001.table113.content5 }}
+                    </div>
                   </td>
                 </tr>
               </tbody>
@@ -1423,8 +1344,8 @@
   },
   data() {
     return {
-      picOneUrl: require("../image/0018-1.jpg"),
-      picArr: [require("../image/0018-1.jpg")],
+      picOneUrl: require("../../image/0018-1.jpg"),
+      picArr: [require("../../image/0018-1.jpg")],
       chapter001: {
         videOneUrl:
           "https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53",
@@ -1462,19 +1383,21 @@
       this.chapter001.idOpenThree = !this.chapter001.idOpenThree;
     },
     onBlurChange() {
-      console.log(this.chapter001, "local");
       localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
     },
-    onBlurChangeTable() {
+    onBlurChangeText112(){
       localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
     },
-    onBlurChangeTable112() {
+    onBlurChangeTable(e, val) {
+      this.chapter001.table111[val] = e.target.innerText;
       localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
     },
-    onBlurChangeText112() {
+    onBlurChangeTable112(e, val) {
+      this.chapter001.table112[val] = e.target.innerText;
       localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
     },
-    onBlurChangeTable113() {
+    onBlurChangeTable113(e, val) {
+      this.chapter001.table113[val] = e.target.innerText;
       localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
     },
   },
diff --git a/src/books/lifeCare/view/chapter002.vue b/src/books/lifeCare/view/components/chapter002.vue
similarity index 94%
rename from src/books/lifeCare/view/chapter002.vue
rename to src/books/lifeCare/view/components/chapter002.vue
index bd24f43..5db818b 100644
--- a/src/books/lifeCare/view/chapter002.vue
+++ b/src/books/lifeCare/view/components/chapter002.vue
@@ -1,13 +1,14 @@
+<!-- eslint-disable no-irregular-whitespace -->
 <template>
   <div class="chapter" num="3">
     <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>
+          <h2 id="b002"><img class="img-0" alt="" src="../../image/dy2.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
               </p>
             </div>
             <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p>
@@ -33,7 +34,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
               </p>
             </div>
             <p class="block">
@@ -60,7 +61,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-11</span>
               </div>
@@ -72,22 +73,22 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
               </p>
             </div>
             <p class="center openImgBox">
-              <img class="img-a" alt="" src="../image/0027-1.jpg" />
+              <img class="img-a" alt="" src="../../image/0027-1.jpg" />
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
               </p>
             </div>
             <p class="img">鎵樼彮淇濇暀浜哄憳鏉ュ洯宸ヤ綔娴佺▼锛堣妭閫夛級</p>
             <p class="center">
-              <img class="img-a" alt="" src="../image/0027-2.jpg" />
+              <img class="img-a" alt="" src="../../image/0027-2.jpg" />
             </p>
           </div>
         </div>
@@ -101,7 +102,7 @@
             <div class="content">
               <div class="pageStr">1-12</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -207,7 +208,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-13</span>
               </div>
@@ -244,11 +245,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0029-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0029-1.jpg" />
           </p>
           <p class="img">鐝骇鐜娓呮磥娑堟瘨鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -374,7 +375,7 @@
             <div class="content">
               <div class="pageStr">1-14</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -426,8 +427,8 @@
                         index == 0 ||
                         index == chapter002.headersData.length - 2 ||
                         index == chapter002.headersData.length - 1
-                          ? '100px'
-                          : '',
+                          ? '120px'
+                          : '40px',
                     }"
                     v-for="(header, index) in chapter002.headersData"
                     :key="index"
@@ -443,23 +444,20 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter002.tableData121[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter002.tableData121[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        :readonly="cellIndex == 0"
-                        type="text"
-                        :value="chapter002.tableData121[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
-                        "
-                      />
+                      <div
+                        :contenteditable="cellIndex != 0"
+                        @blur="updateCell(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter002.tableData121[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -476,7 +474,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-15</span>
               </div>
@@ -538,7 +536,7 @@
             <div class="content">
               <div class="pageStr">1-16</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -643,7 +641,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-17</span>
               </div>
@@ -767,8 +765,8 @@
           <table class="table111 table122">
             <thead>
               <tr>
-                <th rowspan="3">鏃ユ湡</th>
-                <th rowspan="3">濮撳悕</th>
+                <th rowspan="3" style="width: 55px">鏃ユ湡</th>
+                <th rowspan="3" style="width: 55px">濮撳悕</th>
                 <th colspan="3">鏅ㄩ棿妫�鏌ユ儏鍐�</th>
                 <th colspan="8">鍏ㄦ棩瑙傚療鎯呭喌</th>
                 <th colspan="2">浜ょ彮</th>
@@ -801,22 +799,20 @@
               >
                 <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                   <template v-if="cell === ''">
-                    <input
-                      type="text"
-                      :value="chapter002.tableData122[rowIndex][cellIndex]"
-                      @blur="
-                        updateCell122(rowIndex, cellIndex, $event.target.value)
-                      "
-                    />
+                    <div
+                      contenteditable
+                      @blur="updateCell122(rowIndex, cellIndex, $event)"
+                    >
+                      {{ chapter002.tableData122[rowIndex][cellIndex] }}
+                    </div>
                   </template>
                   <template v-else>
-                    <input
-                      type="text"
-                      :value="chapter002.tableData122[rowIndex][cellIndex]"
-                      @blur="
-                        updateCell122(rowIndex, cellIndex, $event.target.value)
-                      "
-                    />
+                    <div
+                      contenteditable
+                      @blur="updateCell122(rowIndex, cellIndex, $event)"
+                    >
+                      {{ chapter002.tableData122[rowIndex][cellIndex] }}
+                    </div>
                   </template>
                 </td>
               </tr>
@@ -833,7 +829,7 @@
             <div class="content">
               <div class="pageStr">1-18</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -893,22 +889,24 @@
               >
                 <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                   <template v-if="cell === ''">
-                    <input
-                      type="text"
-                      v-model="chapter002.tableData123[rowIndex][cellIndex]"
+                    <div
+                      contenteditable
                       @blur="
                         updateCell123(rowIndex, cellIndex, $event.target.value)
                       "
-                    />
+                    >
+                      {{ chapter002.tableData123[rowIndex][cellIndex] }}
+                    </div>
                   </template>
                   <template v-else>
-                    <input
-                      type="text"
-                      :value="cell"
+                    <div
+                      contenteditable
                       @blur="
                         updateCell123(rowIndex, cellIndex, $event.target.value)
                       "
-                    />
+                    >
+                      {{ cell }}
+                    </div>
                   </template>
                 </td>
               </tr>
@@ -924,7 +922,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-19</span>
               </div>
@@ -1050,7 +1048,7 @@
           </p>
           <p>5.璇勫垎锛岀敱鍏朵粬缁勬寜鐓ц璁℃潵鍥彁绀哄崱鐨勮瘎鍒嗘爣鍑嗘墦鍒嗐��</p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0035-2.jpg" />
+            <img class="img-b" alt="" src="../../image/0035-2.jpg" />
           </p>
           <p class="img">鍥�1-2-1銆�鏉ュ洯鎻愮ず鍗�</p>
         </div>
@@ -1064,7 +1062,7 @@
             <div class="content">
               <div class="pageStr">1-20</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1128,7 +1126,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-21</span>
               </div>
@@ -1202,7 +1200,7 @@
             <div class="content">
               <div class="pageStr">1-22</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1278,7 +1276,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簩鍗曞厓路鏉ュ洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-23</span>
               </div>
@@ -1420,8 +1418,8 @@
   },
   data() {
     return {
-      picOneUrl: require("../image/0027-1.jpg"),
-      picArr: [require("../image/0027-1.jpg")],
+      picOneUrl: require("../../image/0027-1.jpg"),
+      picArr: [require("../../image/0027-1.jpg")],
       chapter002: {
         videOneUrl: "",
         videOneUrl116: "",
@@ -1693,24 +1691,40 @@
       this.chapter002.isInspectOpen = !this.chapter002.isInspectOpen;
       localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
     },
-    updateCell(rowIndex, cellIndex, value) {
+    updateCell(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter002.tableData121[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter002.tableData121[rowIndex],
+        cellIndex,
+        e.target.innerText
+      );
       localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
     },
-    updateCell122(rowIndex, cellIndex, value) {
+    updateCell122(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter002.tableData122[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter002.tableData122[rowIndex],
+        cellIndex,
+        e.target.innerText
+      );
       localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
     },
-    updateCell123(rowIndex, cellIndex, value) {
+    updateCell123(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter002.tableData123[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter002.tableData123[rowIndex],
+        cellIndex,
+        e.target.innerText
+      );
       localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
     },
     updateCellGroup(rowIndex, cellIndex, value) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter002.groupData[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter002.groupData[rowIndex],
+        cellIndex,
+        value
+      );
       if (cellIndex == 4) {
         this.$set(
           this.chapter002.groupData[rowIndex],
@@ -1723,7 +1737,11 @@
     },
     updateCellDesign(rowIndex, cellIndex, value) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter002.designData[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter002.designData[rowIndex],
+        cellIndex,
+        value
+      );
       if (cellIndex == 4) {
         this.$set(
           this.chapter002.designData[rowIndex],
@@ -1736,7 +1754,11 @@
     },
     updateCellInspect(rowIndex, cellIndex, value) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter002.inspectData[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter002.inspectData[rowIndex],
+        cellIndex,
+        value
+      );
       if (cellIndex == 4) {
         this.$set(
           this.chapter002.inspectData[rowIndex],
diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/components/chapter003.vue
similarity index 96%
rename from src/books/lifeCare/view/chapter003.vue
rename to src/books/lifeCare/view/components/chapter003.vue
index e6f56de..c27f014 100644
--- a/src/books/lifeCare/view/chapter003.vue
+++ b/src/books/lifeCare/view/components/chapter003.vue
@@ -4,12 +4,12 @@
       <div v-if="showPageList.indexOf(33) > -1">
         <div class="bodystyle topImg">
           <h2 id="b003">
-            <img class="img-0" alt="" src="../image/dy3.jpg" />
+            <img class="img-0" alt="" src="../../image/dy3.jpg" />
           </h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
               </p>
             </div>
             <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p>
@@ -36,7 +36,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
               </p>
             </div>
             <p class="block">
@@ -61,7 +61,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-25</span>
               </div>
@@ -73,17 +73,17 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
               </p>
             </div>
             <p class="center openImgBox">
-              <img class="img-a" alt="" src="../image/0041-1.jpg" />
+              <img class="img-a" alt="" src="../../image/0041-1.jpg" />
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
               </p>
             </div>
             <p class="block">
@@ -101,7 +101,7 @@
             <div class="content">
               <div class="pageStr">1-26</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -191,37 +191,37 @@
               <div class="swiper-wrapper">
                 <div class="swiper-slide">
                   <div class="imgBox" style="width: 100%; height: 100%">
-                    <img src="../image/0042-2.jpg" />
+                    <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" />
+                    <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" />
+                    <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" />
+                    <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" />
+                    <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" />
+                    <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" />
+                    <img src="../../image/0043-4.jpg" />
                   </div>
                 </div>
               </div>
@@ -239,7 +239,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-27</span>
               </div>
@@ -346,11 +346,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0043-5.jpg" />
+            <img class="img-h" alt="" src="../../image/0043-5.jpg" />
           </p>
           <p class="img">涓冩娲楁墜娉曠殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -383,7 +383,7 @@
             <div class="content">
               <div class="pageStr">1-28</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -428,11 +428,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0044-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0044-2.jpg" />
           </p>
           <p class="img">娲楁墜</p>
         </div> -->
@@ -480,7 +480,7 @@
             </div>
           </div>
           <p><br /></p>
-          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
+          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
           <p>
             璇疯鐪嬭棰戯紝鍏堣瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪鎸囧濠村辜鍎块泦浣撴礂鎵嬫椂閮藉仛浜嗗摢浜涘伐浣滐紝鍐嶇粨鍚堥槄璇绘墜鍐屽洖绛旈棶棰樺苟瀹屾垚瀛︿範浠诲姟銆�
           </p>
@@ -504,7 +504,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-29</span>
               </div>
@@ -580,11 +580,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0045-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0045-2.jpg" />
           </p>
           <p class="img">涓冩娲楁墜娉曪紙鎸囧骞煎効鐗堬級</p>
         </div> -->
@@ -629,7 +629,7 @@
             <div class="content">
               <div class="pageStr">1-30</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -687,7 +687,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-31</span>
               </div>
@@ -784,11 +784,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0047-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0047-1.jpg" />
           </p>
           <p class="img">娓呮磥濠村効鐨勭溂銆佽�炽�侀蓟鑵斿拰鎸囷紙瓒撅級鐢�</p>
         </div> -->
@@ -810,7 +810,7 @@
             <div class="content">
               <div class="pageStr">1-32</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -874,7 +874,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-33</span>
               </div>
@@ -1008,11 +1008,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0049-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0049-1.jpg" />
           </p>
           <p class="img">鐪笺�佽�炽�侀蓟鑵斿拰鎸囷紙瓒撅級鐢叉竻娲佺殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -1035,7 +1035,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
               </p>
             </div>
             <p class="block">
@@ -1054,7 +1054,7 @@
             <div class="content">
               <div class="pageStr">1-34</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1153,11 +1153,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0050-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0050-1.jpg" />
           </p>
           <p class="img">濠村効鑷�閮ㄦ竻娲侊紙濞冨▋鐗堬級</p>
         </div> -->
@@ -1178,7 +1178,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-35</span>
               </div>
@@ -1242,7 +1242,7 @@
             <div class="content">
               <div class="pageStr">1-36</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1359,11 +1359,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0052-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0052-1.jpg" />
           </p>
           <p class="img">鑷�閮ㄦ竻娲佺殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -1409,7 +1409,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-37</span>
               </div>
@@ -1478,11 +1478,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0053-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0053-1.jpg" />
           </p>
           <p class="img">濠村効娌愭荡</p>
         </div> -->
@@ -1525,7 +1525,7 @@
             <div class="content">
               <div class="pageStr">1-38</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1584,7 +1584,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-39</span>
               </div>
@@ -1601,11 +1601,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0055-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0055-1.jpg" />
           </p>
           <p class="img">濠村効娌愭荡鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -1764,11 +1764,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0055-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0055-2.jpg" />
           </p>
           <p class="img">娲楄劯鍙婃摝棣�</p>
         </div> -->
@@ -1816,7 +1816,7 @@
             <div class="content">
               <div class="pageStr">1-40</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1841,11 +1841,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0056-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0056-1.jpg" />
           </p>
           <p class="img">鎸囧濠村辜鍎挎礂鑴搞�佹摝棣欑殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -1987,7 +1987,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-41</span>
               </div>
@@ -1997,7 +1997,7 @@
         </div>
         <div class="bodystyle">
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0057-1.jpg" />
+            <img class="img-b" alt="" src="../../image/0057-1.jpg" />
           </p>
           <p class="img">鍥�1-3-8</p>
           <p>2.浣犺涓烘槑鏄庣殑瀹堕暱鐨勫仛娉曞鍚楋紵涓轰粈涔堬紵</p>
@@ -2037,7 +2037,7 @@
             <div class="content">
               <div class="pageStr">1-42</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2147,7 +2147,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-43</span>
               </div>
@@ -2161,12 +2161,12 @@
               <div class="swiper-wrapper">
                 <div class="swiper-slide">
                   <div class="imgBox" style="width: 100%; height: 100%">
-                    <img src="../image/0059-1.jpg" />
+                    <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" />
+                    <img src="../../image/0059-2.jpg" />
                   </div>
                 </div>
               </div>
@@ -2185,7 +2185,7 @@
           <p>绗洓姝ワ細鐢ㄦ俯姘村惈婕辨暟娆★紝鐩磋嚦鐗欒啅娉℃搏瀹屽叏婕卞共鍑�涓烘銆�</p>
           <p>绗簲姝ワ細鎿︽礂鍢磋鍙婇潰閮ㄦ畫浣欐按娓嶃��</p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0059-3.jpg" />
+            <img class="img-b" alt="" src="../../image/0059-3.jpg" />
           </p>
           <p class="img">鍥�1-3-11銆�宸存皬鍒风墮娉�</p>
           <p>4.鏁寸悊銆傚皢鎵�鐢ㄧ墿鍝佹竻娲佹暣鐞嗭紝鎽嗘斁鏁撮綈銆�</p>
@@ -2210,7 +2210,7 @@
             <div class="content">
               <div class="pageStr">1-44</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2371,7 +2371,7 @@
             </div>
           </div>
           <p><br /></p>
-          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
+          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
           <p>
             璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鍦ㄦ急鍙f椂锛屼繚鏁欎汉鍛橀兘鍋氫簡鍝簺鎸囧銆傝鐢诲嚭婕卞彛鎸囧鐨勬祦绋嬪浘锛岃褰曟寚瀵煎辜鍎挎急鍙g殑鍎挎瓕骞跺洖绛旂浉鍏抽棶棰樸��
           </p>
@@ -2415,7 +2415,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-45</span>
               </div>
@@ -2504,7 +2504,7 @@
             </div>
           </div>
           <p><br /></p>
-          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
+          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
           <p>
             璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鏈夊摢浜涗笉鑹崼鐢熶範鎯�傚鏋滄湁璇锋寚鍑洪棶棰橈紝骞舵彁鍑烘敼姝g殑鏂规硶銆�
           </p>
@@ -2529,7 +2529,7 @@
             <div class="content">
               <div class="pageStr">1-46</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2642,7 +2642,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-47</span>
               </div>
@@ -2709,7 +2709,7 @@
             <div class="content">
               <div class="pageStr">1-48</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2749,7 +2749,7 @@
           <!-- <div class="tips-bk">
           <div class="bj-tip">
             浜戞祴璇曪細鍗曞厓涓夊簲鐢ㄤ笌瀹炶返<img
-              src="../icons/sub.png"
+              src="../../icons/sub.png"
               @click="activityThree"
               alt=""
             />
@@ -2764,11 +2764,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0064-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0064-1.jpg" />
           </p>
         </div> -->
           <p><br /></p>
@@ -2823,7 +2823,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗笁鍗曞厓路鐩ユ礂娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-49</span>
               </div>
@@ -2943,51 +2943,51 @@
   },
   data() {
     return {
-      picOneUrl: require("../image/0041-1.jpg"),
-      picArr: [require("../image/0041-1.jpg")],
+      picOneUrl: require("../../image/0041-1.jpg"),
+      picArr: [require("../../image/0041-1.jpg")],
       // 1-3-10
       picArr110: [
-        require("../image/0059-1.jpg"),
-        require("../image/0059-2.jpg"),
+        require("../../image/0059-1.jpg"),
+        require("../../image/0059-2.jpg"),
       ],
       picImageList: [
         {
           name: "鍥�1-3-9",
-          url: require("../image/0059-1.jpg"),
+          url: require("../../image/0059-1.jpg"),
         },
         {
           name: "鍥�1-3-10",
-          url: require("../image/0059-2.jpg"),
+          url: require("../../image/0059-2.jpg"),
         },
       ],
       sevenImgList: [
         {
           name: "鍥�1-3-1",
-          url: require("../image/0042-2.jpg"),
+          url: require("../../image/0042-2.jpg"),
         },
         {
           name: "鍥�1-3-2",
-          url: require("../image/0042-3.jpg"),
+          url: require("../../image/0042-3.jpg"),
         },
         {
           name: "鍥�1-3-3",
-          url: require("../image/0042-4.jpg"),
+          url: require("../../image/0042-4.jpg"),
         },
         {
           name: "鍥�1-3-4",
-          url: require("../image/0043-1.jpg"),
+          url: require("../../image/0043-1.jpg"),
         },
         {
           name: "鍥�1-3-5",
-          url: require("../image/0043-2.jpg"),
+          url: require("../../image/0043-2.jpg"),
         },
         {
           name: "鍥�1-3-6",
-          url: require("../image/0043-3.jpg"),
+          url: require("../../image/0043-3.jpg"),
         },
         {
           name: "鍥�1-3-7",
-          url: require("../image/0043-4.jpg"),
+          url: require("../../image/0043-4.jpg"),
         },
       ],
       chapter003: {
diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/components/chapter004.vue
similarity index 96%
rename from src/books/lifeCare/view/chapter004.vue
rename to src/books/lifeCare/view/components/chapter004.vue
index d0f3c91..a6c1517 100644
--- a/src/books/lifeCare/view/chapter004.vue
+++ b/src/books/lifeCare/view/components/chapter004.vue
@@ -4,12 +4,12 @@
       <div v-if="showPageList.indexOf(59) > -1">
         <div class="bodystyle topImg">
           <h2 id="b004">
-            <img class="img-0" alt="" src="../image/dy4.jpg" />
+            <img class="img-0" alt="" src="../../image/dy4.jpg" />
           </h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
               </p>
             </div>
             <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p>
@@ -39,7 +39,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
               </p>
             </div>
             <p class="block">
@@ -69,7 +69,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-51</span>
               </div>
@@ -81,17 +81,17 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
               </p>
             </div>
             <p class="center openImgBox">
-              <img class="img-b" alt="" src="../image/0067-1.jpg" />
+              <img class="img-b" alt="" src="../../image/0067-1.jpg" />
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
               </p>
             </div>
             <p class="block">
@@ -114,7 +114,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
               </p>
             </div>
             <p class="block">
@@ -135,7 +135,7 @@
             <div class="content">
               <div class="pageStr">1-52</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -171,7 +171,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
               </p>
             </div>
             <p class="block">
@@ -220,7 +220,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-53</span>
               </div>
@@ -290,7 +290,7 @@
             <div class="content">
               <div class="pageStr">1-54</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -360,11 +360,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0070-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0070-1.jpg" />
           </p>
           <p class="img">缁欏疂瀹濇崲灏垮竷</p>
         </div> -->
@@ -406,7 +406,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-55</span>
               </div>
@@ -432,11 +432,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0071-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0071-1.jpg" />
           </p>
           <p class="img">鏇存崲绾稿翱瑁ょ殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -559,7 +559,7 @@
             <div class="content">
               <div class="pageStr">1-56</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -626,7 +626,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-57</span>
               </div>
@@ -693,7 +693,7 @@
             <div class="content">
               <div class="pageStr">1-58</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -748,7 +748,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-59</span>
               </div>
@@ -839,15 +839,15 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0075-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0075-2.jpg" />
           </p>
           <p class="img">骞煎効涓嶈壇濡傚帟涔犳儻</p>
         </div> -->
-          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
+          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
           <p>
             璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑濠村辜鍎挎湁鍝簺涓嶈壇鐨勫鍘曚範鎯�傚鏋滄湁锛岃鎸囧嚭闂骞剁粰鍑虹煫姝d笉鑹殑濡傚帟涔犳儻鐨勫缓璁��
           </p>
@@ -872,7 +872,7 @@
             <div class="content">
               <div class="pageStr">1-60</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -936,7 +936,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-61</span>
               </div>
@@ -995,7 +995,7 @@
             <div class="content">
               <div class="pageStr">1-62</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1016,11 +1016,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0078-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0078-1.jpg" />
           </p>
           <p class="img">濡傚帟</p>
         </div> -->
@@ -1114,7 +1114,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-63</span>
               </div>
@@ -1171,7 +1171,7 @@
             <div class="content">
               <div class="pageStr">1-64</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1198,11 +1198,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0080-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0080-1.jpg" />
           </p>
         </div> -->
           <p><b>鍗曢�夐</b></p>
@@ -1268,7 +1268,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗洓鍗曞厓路濡傚帟娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-65</span>
               </div>
@@ -1376,8 +1376,8 @@
   },
   data() {
     return {
-      picOneUrl: require("../image/0067-1.jpg"),
-      picArr: [require("../image/0067-1.jpg")],
+      picOneUrl: require("../../image/0067-1.jpg"),
+      picArr: [require("../../image/0067-1.jpg")],
       chapter004: {
         videOneUrl: "",
         videoTwoUrl: "",
diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/components/chapter005.vue
similarity index 92%
rename from src/books/lifeCare/view/chapter005.vue
rename to src/books/lifeCare/view/components/chapter005.vue
index 5361ced..146ef6f 100644
--- a/src/books/lifeCare/view/chapter005.vue
+++ b/src/books/lifeCare/view/components/chapter005.vue
@@ -1,15 +1,16 @@
+<!-- eslint-disable no-irregular-whitespace -->
 <template>
   <div class="chapter" num="6">
     <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" />
+            <img class="img-0" alt="" src="../../image/dy5.jpg" />
           </h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
               </p>
             </div>
             <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p>
@@ -39,7 +40,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
               </p>
             </div>
             <p class="block">
@@ -69,7 +70,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-67</span>
               </div>
@@ -81,17 +82,17 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
               </p>
             </div>
             <p class="center openImgBox">
-              <img class="img-a" alt="" src="../image/0083-1.jpg" />
+              <img class="img-a" alt="" src="../../image/0083-1.jpg" />
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
               </p>
             </div>
             <p class="block">
@@ -112,7 +113,7 @@
             <div class="content">
               <div class="pageStr">1-68</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -170,7 +171,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-69</span>
               </div>
@@ -181,7 +182,7 @@
         <div class="bodystyle">
           <p class="img">琛�1-5-1銆�濠村辜鍎挎墍闇�钀ュ吇琛�</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0085-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0085-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -190,10 +191,11 @@
                   <th
                     :style="{
                       width:
-                        index == 0 ||
-                        index == chapter005.tableData151.length - 1
-                          ? '100px'
-                          : '',
+                        index == chapter005.headersData.length - 1
+                          ? '220px'
+                          : index == 0
+                          ? '40px'
+                          : '120px',
                     }"
                     v-for="(header, index) in chapter005.headersData"
                     :key="index"
@@ -209,23 +211,20 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter005.tableData151[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData151[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        :readonly="cellIndex == 0"
-                        type="text"
-                        :value="chapter005.tableData151[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
-                        "
-                      />
+                      <div
+                        :contenteditable="cellIndex != 0"
+                        @blur="updateCell(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData151[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -293,7 +292,7 @@
             <div class="content">
               <div class="pageStr">1-70</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -327,7 +326,7 @@
           </p>
           <p class="img">琛�1-5-2銆�______鏈堥緞涓�鏃ラ璋憋紙 骞� 鏈� 鏃ワ級</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0086-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0086-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -335,7 +334,7 @@
                 <tr>
                   <th
                     :style="{
-                      width: index == 3 ? '220px' : '',
+                      width: index == 3 ? '220px' : '100px',
                     }"
                     v-for="(header, index) in chapter005.headers152"
                     :key="index"
@@ -351,30 +350,20 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter005.tableData152[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell152(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell152(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData152[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        type="text"
-                        :value="chapter005.tableData152[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell152(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell152(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData152[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -450,7 +439,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-71</span>
               </div>
@@ -475,11 +464,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0087-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0087-1.jpg" />
           </p>
           <p class="img">閰嶆柟濂剁殑鍐茶皟</p>
         </div> -->
@@ -569,7 +558,7 @@
             <div class="content">
               <div class="pageStr">1-72</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -583,11 +572,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0088-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0088-1.jpg" />
           </p>
           <p class="img">鍐茶皟閰嶆柟濂剁殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -731,7 +720,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-73</span>
               </div>
@@ -766,13 +755,14 @@
           </p>
           <p class="img">琛�1-5-3銆�涓嶅悓鏈堥緞鐨勫┐骞煎効椋熺墿鍒朵綔璁板綍琛�</p>
           <!-- <p class="center">
-          <img class="img-0" alt="" src="../image/0089-2.jpg" />
+          <img class="img-0" alt="" src="../../image/0089-2.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
               <thead>
                 <tr>
                   <th
+                    :style="{ width: index == 0 ? '80px' : '120px' }"
                     v-for="(header, index) in chapter005.headers153"
                     :key="index"
                   >
@@ -787,31 +777,20 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter005.tableData153[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell153(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell153(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData153[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        :readonly="cellIndex == 0"
-                        type="text"
-                        :value="chapter005.tableData153[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell153(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        :contenteditable="cellIndex != 0"
+                        @blur="updateCell153(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData153[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -838,7 +817,7 @@
             <div class="content">
               <div class="pageStr">1-74</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -898,30 +877,20 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter005.tableData154[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell154(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell154(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData154[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        type="text"
-                        :value="chapter005.tableData154[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell154(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell154(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData154[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -930,7 +899,7 @@
           </div>
           <p><br /></p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0090-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0090-1.jpg" />
         </p> -->
         </div>
       </div>
@@ -942,7 +911,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-75</span>
               </div>
@@ -1018,7 +987,7 @@
             <div class="content">
               <div class="pageStr">1-76</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1080,7 +1049,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-77</span>
               </div>
@@ -1109,11 +1078,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0093-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0093-1.jpg" />
           </p>
           <p class="img">鍒嗗彂椁愬叿涓庨鐗╃殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -1247,7 +1216,7 @@
             <div class="content">
               <div class="pageStr">1-78</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1335,7 +1304,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-79</span>
               </div>
@@ -1409,7 +1378,7 @@
             <div class="content">
               <div class="pageStr">1-80</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1454,7 +1423,7 @@
           <p>2.鏄庣‘涓嶅悓鏈堥緞鐨勫┐骞煎効鐨勫熀鏈杺鍏诲師鍒欙紙瑙佽〃1-5-5锛夈��</p>
           <p class="img">琛�1-5-5銆�涓嶅悓鏈堥緞鐨勫┐骞煎効鐨勫熀鏈杺鍏诲師鍒�</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0096-2.jpg" />
+          <img class="img-a" alt="" src="../../image/0096-2.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -1475,30 +1444,20 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter005.tableData155[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell155(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell155(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData155[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        type="text"
-                        :value="chapter005.tableData155[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell155(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell155(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData155[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -1516,7 +1475,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-81</span>
               </div>
@@ -1576,11 +1535,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0097-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0097-1.jpg" />
           </p>
           <p class="img">浜哄伐鍠傚吇</p>
         </div> -->
@@ -1615,11 +1574,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0097-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0097-2.jpg" />
           </p>
           <p class="img">濂剁摱鍠傚摵鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -1736,7 +1695,7 @@
             <div class="content">
               <div class="pageStr">1-82</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1783,11 +1742,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0098-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0098-1.jpg" />
           </p>
           <p class="img">鍕哄瓙鍠傚摵鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -1902,7 +1861,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-83</span>
               </div>
@@ -1967,11 +1926,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0099-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0099-1.jpg" />
           </p>
           <p class="img">缁勭粐濠村辜鍎块泦浣撹繘椁�</p>
         </div> -->
@@ -2018,7 +1977,7 @@
             <div class="content">
               <div class="pageStr">1-84</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2081,7 +2040,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-85</span>
               </div>
@@ -2112,11 +2071,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0101-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0101-1.jpg" />
           </p>
           <p class="img">鐢ㄥ嫼杩涢鎸囧鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -2252,7 +2211,7 @@
             <div class="content">
               <div class="pageStr">1-86</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2337,7 +2296,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-87</span>
               </div>
@@ -2402,7 +2361,7 @@
             <div class="content">
               <div class="pageStr">1-88</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2464,7 +2423,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-89</span>
               </div>
@@ -2544,7 +2503,7 @@
             <div class="content">
               <div class="pageStr">1-90</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2575,7 +2534,7 @@
           <p>3.灏濊瘯瀵圭壒娈婂┐骞煎効杩涢鐓ф姢杩涜涓瑙傚療骞惰褰曪紙瑙佽〃1-5-6锛夈��</p>
           <p class="img">琛�1-5-6銆�鐗规畩濠村辜鍎胯繘椁愮殑涓璁板綍琛�</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0106-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0106-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -2583,77 +2542,85 @@
                 <tr>
                   <th>濠村辜鍎垮鍚�</th>
                   <td>
-                    <textarea
-                      rows="2"
+                    <div
+                      contenteditable
                       style="min-width: 80px; max-width: 80px; font-size: 14px"
-                      v-model="chapter005.textTh.text1"
                       @blur="changeThVal($event, 'text1')"
-                    />
+                    >
+                      {{ chapter005.textTh.text1 }}
+                    </div>
                   </td>
                   <th>鎬у埆</th>
                   <td>
-                    <textarea
-                      rows="2"
+                    <div
+                      contenteditable
                       style="min-width: 80px; max-width: 80px; font-size: 14px"
-                      v-model="chapter005.textTh.text2"
                       @blur="changeThVal($event, 'text2')"
-                    />
+                    >
+                      {{ chapter005.textTh.text2 }}
+                    </div>
                   </td>
                   <th>骞撮緞</th>
                   <td>
-                    <textarea
-                      rows="2"
+                    <div
+                      contenteditable
                       style="min-width: 80px; max-width: 80px; font-size: 14px"
-                      v-model="chapter005.textTh.text3"
                       @blur="changeThVal($event, 'text3')"
-                    />
+                    >
+                      {{ chapter005.textTh.text3 }}
+                    </div>
                   </td>
                   <th>鐝骇</th>
                   <td>
-                    <textarea
-                      rows="2"
+                    <div
+                      contenteditable
                       style="min-width: 80px; max-width: 80px; font-size: 14px"
-                      v-model="chapter005.textTh.text4"
                       @blur="changeThVal($event, 'text4')"
-                    />
+                    >
+                      {{ chapter005.textTh.text4 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <th>瀹堕暱濮撳悕</th>
                   <td>
-                    <textarea
-                      rows="2"
+                    <div
+                      contenteditable
                       style="min-width: 80px; max-width: 80px; font-size: 14px"
-                      v-model="chapter005.textTh.text5"
                       @blur="changeThVal($event, 'text5')"
-                    />
+                    >
+                      {{ chapter005.textTh.text5 }}
+                    </div>
                   </td>
                   <th>鑱旂郴鏂瑰紡</th>
                   <td>
-                    <textarea
-                      rows="2"
+                    <div
+                      contenteditable
                       style="min-width: 80px; max-width: 80px; font-size: 14px"
-                      v-model="chapter005.textTh.text6"
                       @blur="changeThVal($event, 'text6')"
-                    />
+                    >
+                      {{ chapter005.textTh.text6 }}
+                    </div>
                   </td>
                   <th>瀹跺涵浣忓潃</th>
                   <td>
-                    <textarea
-                      rows="2"
+                    <div
+                      contenteditable
                       style="min-width: 80px; max-width: 80px; font-size: 14px"
-                      v-model="chapter005.textTh.text7"
                       @blur="changeThVal($event, 'text7')"
-                    />
+                    >
+                      {{ chapter005.textTh.text7 }}
+                    </div>
                   </td>
                   <th>璁板綍鏃堕棿</th>
                   <td>
-                    <textarea
-                      rows="2"
+                    <div
+                      contenteditable
                       style="min-width: 80px; max-width: 80px; font-size: 14px"
-                      v-model="chapter005.textTh.text8"
                       @blur="changeThVal($event, 'text8')"
-                    />
+                    >
+                      {{ chapter005.textTh.text8 }}
+                    </div>
                   </td>
                 </tr>
               </thead>
@@ -2668,37 +2635,26 @@
                     :key="cellIndex"
                   >
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter005.tableData156[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell156(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                      <div
+                        contenteditable
+                        @blur="updateCell156(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData156[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        :readonly="
-                          cell == '闂琛ㄧ幇' ||
-                          cell == '鍘熷洜鍒嗘瀽' ||
-                          cell == '閲囧彇鎺柦' ||
-                          cell == '鏁堟灉鍒嗘瀽' ||
-                          cell == '鍚庣画寤鸿'
+                      <div
+                        :contenteditable="
+                          cell != '闂琛ㄧ幇' &&
+                          cell != '鍘熷洜鍒嗘瀽' &&
+                          cell != '閲囧彇鎺柦' &&
+                          cell != '鏁堟灉鍒嗘瀽' &&
+                          cell != '鍚庣画寤鸿'
                         "
-                        type="text"
-                        :value="chapter005.tableData156[rowIndex][cellIndex]"
-                        @blur="
-                          updateCell156(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
+                        @blur="updateCell156(rowIndex, cellIndex, $event)"
+                      >
+                        {{ chapter005.tableData156[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -2724,7 +2680,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-95</span>
               </div>
@@ -2800,15 +2756,15 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0107-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0107-1.jpg" />
           </p>
           <p class="img">椁愬悗鏁寸悊</p>
         </div> -->
-          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
+          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
           <p>
             璇疯鐪嬭棰戯紝缁撳悎闃呰鎵嬪唽锛岃瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪椁愬悗闇�瑕佸仛鍝簺鏁寸悊宸ヤ綔锛屽苟瀹屾垚浠ヤ笅缁冧範銆�
           </p>
@@ -2844,7 +2800,7 @@
             <div class="content">
               <div class="pageStr">1-92</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2902,7 +2858,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-93</span>
               </div>
@@ -2939,11 +2895,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0109-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0109-1.jpg" />
           </p>
         </div> -->
           <p><b>涓�銆佸崟閫夐</b></p>
@@ -2998,7 +2954,7 @@
             <div class="content">
               <div class="pageStr">1-94</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -3085,7 +3041,7 @@
 <script>
 import { getResourcePath } from "@/assets/methods/resources.js";
 import examinations from "@/components/examinations/index.vue";
-import { getFileMd5, getPublicImage } from "../js/tool.js";
+import { getFileMd5, getPublicImage } from "../../js/tool.js";
 import drawflow from "@/components/drawflow";
 
 export default {
@@ -3105,8 +3061,8 @@
   },
   data() {
     return {
-      picOneUrl: require("../image/0083-1.jpg"),
-      picArr: [require("../image/0083-1.jpg")],
+      picOneUrl: require("../../image/0083-1.jpg"),
+      picArr: [require("../../image/0083-1.jpg")],
       chapter005: {
         videOneUrl: "",
         videoTwoUrl: "",
@@ -3665,34 +3621,54 @@
       }
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
-    updateCell(rowIndex, cellIndex, value) {
+    updateCell(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter005.tableData151[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter005.tableData151[rowIndex],
+        cellIndex,
+        e.target.innerText
+      );
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
-    updateCell152(rowIndex, cellIndex, value) {
+    updateCell152(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter005.tableData152[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter005.tableData152[rowIndex],
+        cellIndex,
+        e.target.innerText
+      );
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
-    updateCell153(rowIndex, cellIndex, value) {
+    updateCell153(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter005.tableData153[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter005.tableData153[rowIndex],
+        cellIndex,
+        e.target.innerText
+      );
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
-    updateCell154(rowIndex, cellIndex, value) {
+    updateCell154(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter005.tableData154[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter005.tableData154[rowIndex],
+        cellIndex,
+        e.target.innerText
+      );
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
-    updateCell155(rowIndex, cellIndex, value) {
+    updateCell155(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter005.tableData155[rowIndex], cellIndex, value);
+      this.$set(
+        this.chapter005.tableData155[rowIndex],
+        cellIndex,
+        e.target.innerText
+      );
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
-    updateCell156(rowIndex, cellIndex, value) {
+    updateCell156(rowIndex, cellIndex, e) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter005.tableData156[rowIndex], cellIndex, value);
+      this.$set(this.chapter005.tableData156[rowIndex], cellIndex, e.target.innerText);
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
     onBlurChange() {
@@ -3748,7 +3724,7 @@
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
     changeThVal(e, val) {
-      this.chapter005.textTh[val] = e.target.value;
+      this.chapter005.textTh[val] = e.target.innerText;
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
   },
diff --git a/src/books/lifeCare/view/chapter006.vue b/src/books/lifeCare/view/components/chapter006.vue
similarity index 94%
rename from src/books/lifeCare/view/chapter006.vue
rename to src/books/lifeCare/view/components/chapter006.vue
index 28a3456..fa92f3c 100644
--- a/src/books/lifeCare/view/chapter006.vue
+++ b/src/books/lifeCare/view/components/chapter006.vue
@@ -3,11 +3,11 @@
     <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>
+          <h2 id="b006"><img class="img-0" alt="" src="../../image/dy6.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
               </p>
             </div>
             <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋瀹炵幇濡備笅瀛︿範鐩爣銆�</p>
@@ -29,7 +29,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
               </p>
             </div>
             <p class="block">
@@ -57,7 +57,7 @@
             <div class="content">
               <div class="pageStr">1-96</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -67,7 +67,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
               </p>
             </div>
             <p class="center openImgBox">
@@ -76,13 +76,13 @@
                 :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">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
               </p>
             </div>
             <p class="block">
@@ -121,7 +121,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-97</span>
               </div>
@@ -188,7 +188,7 @@
             <div class="content">
               <div class="pageStr">1-98</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -198,7 +198,7 @@
           <p>3.瀛︿範闃呰鎵嬪唽锛屽~鍐欒〃1-6-1骞跺洖绛旈棶棰樸��</p>
           <p class="img">琛�1-6-1銆�鍚勫勾榫勬濠村辜鍎夸竴鏃ラギ姘撮噺缁熻琛�</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0114-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0114-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -209,7 +209,7 @@
                       width:
                         index == chapter006.headersData.length - 1
                           ? '200px'
-                          : '',
+                          : '120px',
                     }"
                     v-for="(header, index) in chapter006.headersData"
                     :key="index"
@@ -225,23 +225,32 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter006.tableData161[rowIndex][cellIndex]"
+                      <div
+                        contenteditable
                         @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
+                          updateCell(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.innerText
+                          )
                         "
-                      />
+                      >
+                        {{ chapter006.tableData161[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        :readonly="cellIndex == 0"
-                        type="text"
-                        :value="chapter006.tableData161[rowIndex][cellIndex]"
+                      <div
+                        contenteditable
                         @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
+                          updateCell(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.innerText
+                          )
                         "
-                      />
+                      >
+                        {{ chapter006.tableData161[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -295,7 +304,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-99</span>
               </div>
@@ -357,7 +366,7 @@
             <div class="content">
               <div class="pageStr">1-100</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -411,7 +420,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-101</span>
               </div>
@@ -469,7 +478,7 @@
             <div class="content">
               <div class="pageStr">1-102</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -528,7 +537,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-103</span>
               </div>
@@ -593,7 +602,7 @@
             <div class="content">
               <div class="pageStr">1-104</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -675,7 +684,7 @@
           <p>3.澶磋剳椋庢毚銆傚皬缁勬垚鍛樺綊绾虫�荤粨瀹屾垚琛�1-6-2銆�</p>
           <p class="img">琛�1-6-2銆�濠村辜鍎胯壇濂介ギ姘翠範鎯殑鍩瑰吇</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0120-2.jpg" />
+          <img class="img-a" alt="" src="../../image/0120-2.jpg" />
         </p> -->
           <div>
             <table class="table111 table122 table162">
@@ -698,26 +707,23 @@
                     涓诲叕楗按鐨勪範鎯�
                   </td>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text1"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text1')">
+                      {{ chapter006.tableData162.text1 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text2"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text2')">
+                      {{ chapter006.tableData162.text2 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text3"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text3')">
+                      {{ chapter006.tableData162.text3 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
@@ -725,26 +731,23 @@
                     鎰挎剰鍠濈櫧寮�姘寸殑涔犳儻
                   </td>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text4"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text4')">
+                      {{ chapter006.tableData162.text4 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text5"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text5')">
+                      {{ chapter006.tableData162.text5 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text6"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text6')">
+                      {{ chapter006.tableData162.text6 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
@@ -752,26 +755,23 @@
                     鍏朵粬鑹ソ鐨勯ギ姘翠範鎯�
                   </td>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text7"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text7')">
+                      {{ chapter006.tableData162.text7 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text8"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text8')">
+                      {{ chapter006.tableData162.text8 }}
+                    </div>
                   </td>
                 </tr>
                 <tr>
                   <td>
-                    <textarea
-                      v-model="chapter006.tableData162.text9"
-                      @blur="updateCell162"
-                    />
+                    <div contenteditable @blur="updateCell162($event,'text9')">
+                      {{ chapter006.tableData162.text9 }}
+                    </div>
                   </td>
                 </tr>
               </tbody>
@@ -788,7 +788,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-105</span>
               </div>
@@ -853,7 +853,7 @@
             <div class="content">
               <div class="pageStr">1-106</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -867,11 +867,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0122-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0122-1.jpg" />
           </p>
           <p class="img">鍑嗗楗按鐗╁搧鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -992,11 +992,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0122-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0122-2.jpg" />
           </p>
           <p class="img">鍠濇按</p>
         </div> -->
@@ -1072,7 +1072,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-107</span>
               </div>
@@ -1108,11 +1108,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0123-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0123-1.jpg" />
           </p>
           <p class="img">鎸囧濠村辜鍎块泦浣撻ギ姘寸殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -1253,7 +1253,7 @@
             <div class="content">
               <div class="pageStr">1-108</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1350,7 +1350,7 @@
 <script>
 import { getResourcePath } from "@/assets/methods/resources.js";
 import examinations from "@/components/examinations/index.vue";
-import { getFileMd5, getPublicImage } from "../js/tool.js";
+import { getFileMd5, getPublicImage } from "../../js/tool.js";
 
 export default {
   // eslint-disable-next-line vue/multi-word-component-names
@@ -1369,8 +1369,8 @@
   },
   data() {
     return {
-      picOneUrl: require("../image/0112-1.jpg"),
-      picArr: [require("../image/0112-1.jpg")],
+      picOneUrl: require("../../image/0112-1.jpg"),
+      picArr: [require("../../image/0112-1.jpg")],
       chapter006: {
         videOneUrl: "",
         isGroupOpen: true,
@@ -1573,8 +1573,9 @@
       this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
       localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
     },
-    updateCell162() {
+    updateCell162(e,val) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.chapter006.tableData162[val] = e.target.innerText
       localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
     },
     onBlurChange() {
diff --git a/src/books/lifeCare/view/chapter007.vue b/src/books/lifeCare/view/components/chapter007.vue
similarity index 95%
rename from src/books/lifeCare/view/chapter007.vue
rename to src/books/lifeCare/view/components/chapter007.vue
index c73c4d8..d55e0f8 100644
--- a/src/books/lifeCare/view/chapter007.vue
+++ b/src/books/lifeCare/view/components/chapter007.vue
@@ -1,13 +1,14 @@
-锘�<template>
+锘�<!-- eslint-disable no-irregular-whitespace -->
+<template>
   <div class="chapter" num="8">
     <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>
+          <h2 id="b007"><img class="img-0" alt="" src="../../image/dy7.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
               </p>
             </div>
             <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋杈炬垚濡備笅瀛︿範鐩爣銆�</p>
@@ -27,7 +28,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
               </p>
             </div>
             <p class="block">
@@ -58,7 +59,7 @@
             <div class="content">
               <div class="pageStr">1-110</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -68,17 +69,17 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
               </p>
             </div>
             <p class="center openImgBox">
-              <img class="img-a" alt="" src="../image/0126-1.jpg" />
+              <img class="img-a" alt="" src="../../image/0126-1.jpg" />
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
               </p>
             </div>
             <p class="block">
@@ -103,7 +104,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-111</span>
               </div>
@@ -120,7 +121,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
               </p>
             </div>
             <p class="block">
@@ -184,23 +185,32 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter007.tableData171[rowIndex][cellIndex]"
+                      <div
+                        contenteditable
                         @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
+                          updateCell(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.innerText
+                          )
                         "
-                      />
+                      >
+                        {{ chapter007.tableData171[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        :readonly="cellIndex == 0"
-                        type="text"
-                        :value="chapter007.tableData171[rowIndex][cellIndex]"
+                      <div
+                        :contenteditable="cellIndex != 0"
                         @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
+                          updateCell(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.innerText
+                          )
                         "
-                      />
+                      >
+                        {{ chapter007.tableData171[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -209,7 +219,7 @@
           </div>
           <p><br /></p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0127-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0127-1.jpg" />
         </p> -->
         </div>
       </div>
@@ -222,7 +232,7 @@
             <div class="content">
               <div class="pageStr">1-112</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -306,7 +316,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-113</span>
               </div>
@@ -410,7 +420,7 @@
             <div class="content">
               <div class="pageStr">1-114</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -435,11 +445,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0130-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0130-1.jpg" />
           </p>
           <p class="img">鍒涜鑹ソ鐫$湢鐜鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -563,7 +573,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-115</span>
               </div>
@@ -702,7 +712,7 @@
             <div class="content">
               <div class="pageStr">1-116</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -757,7 +767,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-117</span>
               </div>
@@ -782,7 +792,7 @@
           </p>
           <p class="img">琛�1-7-2銆�鐫$湢淇″彿鍙婂搫鐫″皬濡欐嫑</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0133-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0133-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -810,23 +820,32 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter007.tableData172[rowIndex][cellIndex]"
+                      <div
+                        contenteditable
                         @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
+                          updateCell172(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.innerText
+                          )
                         "
-                      />
+                      >
+                        {{ chapter007.tableData172[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        :readonly="cellIndex == 0"
-                        type="text"
-                        :value="chapter007.tableData172[rowIndex][cellIndex]"
+                      <div
+                        :contenteditable="cellIndex != 0"
                         @blur="
-                          updateCell(rowIndex, cellIndex, $event.target.value)
+                          updateCell172(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.innerText
+                          )
                         "
-                      />
+                      >
+                        {{ chapter007.tableData172[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -842,11 +861,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0133-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0133-2.jpg" />
           </p>
           <p class="img">鍗堢潯鍓嶇殑鍑嗗</p>
         </div> -->
@@ -903,11 +922,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0133-3.jpg" />
+            <img class="img-h" alt="" src="../../image/0133-3.jpg" />
           </p>
           <p class="img">鍗堢潯鍓嶇殑鎶ょ悊</p>
         </div> -->
@@ -973,7 +992,7 @@
             <div class="content">
               <div class="pageStr">1-118</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1005,11 +1024,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0134-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0134-1.jpg" />
           </p>
           <p class="img">鑴辫。鐗╂寚瀵�</p>
         </div> -->
@@ -1073,11 +1092,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0134-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0134-2.jpg" />
           </p>
           <p class="img">鎸囧绌胯劚琛g墿鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -1110,7 +1129,7 @@
                   </g>
                 </svg>
               </div>
-              <!-- <img src="../icons/task.png" @click="activityScore1" alt="" /> -->
+              <!-- <img src="../../icons/task.png" @click="activityScore1" alt="" /> -->
             </div>
             <div v-if="chapter007.isScore1Open" class="tips-file">
               <table class="table111 table122">
@@ -1195,7 +1214,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-119</span>
               </div>
@@ -1254,7 +1273,7 @@
             <div class="content">
               <div class="pageStr">1-120</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1264,11 +1283,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0135-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0135-1.jpg" />
           </p>
           <p class="img">缁欏┐骞煎効璁茶堪鏁呬簨鐨勮瘎鍒嗘爣鍑�</p>
         </div> -->
@@ -1308,7 +1327,7 @@
                   <tr>
                     <th
                       :style="{
-                       width: index == 3 ? '300px' : '50px',
+                        width: index == 3 ? '300px' : '50px',
                       }"
                       v-for="(header, index) in chapter007.publicHeader"
                       :key="index"
@@ -1405,7 +1424,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-121</span>
               </div>
@@ -1416,7 +1435,7 @@
         <div class="bodystyle">
           <p class="bk-swdt">
             3.璇风粯鍒朵负濠村辜鍎垮仛鐫″墠鍑嗗宸ヤ綔鐨勬�濈淮瀵煎浘銆�<img
-              src="../icons/swdt.png"
+              src="../../icons/swdt.png"
               alt=""
               @click="showSwdt"
             />
@@ -1540,7 +1559,7 @@
             <div class="content">
               <div class="pageStr">1-122</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1571,11 +1590,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0138-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0138-1.jpg" />
           </p>
           <p class="img">鍗堢潯宸℃煡</p>
         </div> -->
@@ -1662,7 +1681,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-123</span>
               </div>
@@ -1788,7 +1807,7 @@
             <div class="content">
               <div class="pageStr">1-124</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -1888,7 +1907,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-125</span>
               </div>
@@ -1975,7 +1994,7 @@
             <div class="content">
               <div class="pageStr">1-126</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2043,7 +2062,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-126</span>
               </div>
@@ -2124,7 +2143,7 @@
             <div class="content">
               <div class="pageStr">1-128</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2171,11 +2190,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0144-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0144-1.jpg" />
           </p>
           <p class="img">璧峰簥鍚庣殑鎶ょ悊</p>
         </div> -->
@@ -2245,7 +2264,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-129</span>
               </div>
@@ -2257,7 +2276,7 @@
           <p>3.璇峰皬缁勮璁猴紝濉啓鐫″悗鎸囧鐨勪富瑕佸伐浣滃唴瀹癸紙瑙佽〃1-7-3锛夈��</p>
           <p class="img">琛�1-7-3銆�濠村辜鍎跨潯鍚庢寚瀵肩殑涓昏鍐呭</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0145-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0145-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -2286,31 +2305,32 @@
                 >
                   <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                     <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter007.tableData173[rowIndex][cellIndex]"
+                      <div
+                        contenteditable
                         @blur="
                           updateCell173(
                             rowIndex,
                             cellIndex,
-                            $event.target.value
+                            $event.target.innerText
                           )
                         "
-                      />
+                      >
+                        {{ chapter007.tableData173[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                     <template v-else>
-                      <input
-                        :readonly="cellIndex == 0"
-                        type="text"
-                        :value="chapter007.tableData173[rowIndex][cellIndex]"
+                      <div
+                        :contenteditable="cellIndex != 0 && cellIndex != 1"
                         @blur="
                           updateCell173(
                             rowIndex,
                             cellIndex,
-                            $event.target.value
+                            $event.target.innerText
                           )
                         "
-                      />
+                      >
+                        {{ chapter007.tableData173[rowIndex][cellIndex] }}
+                      </div>
                     </template>
                   </td>
                 </tr>
@@ -2370,7 +2390,7 @@
             <div class="content">
               <div class="pageStr">1-130</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -2422,11 +2442,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0146-2.jpg" />
+            <img class="img-g" alt="" src="../../image/0146-2.jpg" />
           </p>
         </div> -->
           <p><b>涓�銆佸崟閫夐</b></p>
@@ -2495,7 +2515,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-131</span>
               </div>
@@ -2558,7 +2578,7 @@
 <script>
 import { getResourcePath } from "@/assets/methods/resources.js";
 import examinations from "@/components/examinations/index.vue";
-import { getFileMd5, getPublicImage } from "../js/tool.js";
+import { getFileMd5, getPublicImage } from "../../js/tool.js";
 
 export default {
   // eslint-disable-next-line vue/multi-word-component-names
@@ -2577,8 +2597,8 @@
   },
   data() {
     return {
-      picOneUrl: require("../image/0126-1.jpg"),
-      picArr: [require("../image/0126-1.jpg")],
+      picOneUrl: require("../../image/0126-1.jpg"),
+      picArr: [require("../../image/0126-1.jpg")],
       chapter007: {
         videoTwoUrl: "",
         videoFourUrl: "",
@@ -2928,7 +2948,12 @@
     },
     updateCell(rowIndex, cellIndex, value) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter007.tableData161[rowIndex], cellIndex, value);
+      this.$set(this.chapter007.tableData171[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    updateCell172(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter007.tableData172[rowIndex], cellIndex, value);
       localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
     },
     updateCell173(rowIndex, cellIndex, value) {
diff --git a/src/books/lifeCare/view/chapter008.vue b/src/books/lifeCare/view/components/chapter008.vue
similarity index 96%
rename from src/books/lifeCare/view/chapter008.vue
rename to src/books/lifeCare/view/components/chapter008.vue
index b478875..1127084 100644
--- a/src/books/lifeCare/view/chapter008.vue
+++ b/src/books/lifeCare/view/components/chapter008.vue
@@ -3,11 +3,11 @@
     <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>
+          <h2 id="b008"><img class="img-0" alt="" src="../../image/dy8.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
               </p>
             </div>
             <p class="block">閫氳繃鏈崟鍏冪殑瀛︿範锛屽悓瀛︿滑搴斿綋杈炬垚濡備笅瀛︿範鐩爣銆�</p>
@@ -27,7 +27,7 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
               </p>
             </div>
             <p class="block">
@@ -52,7 +52,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-133</span>
               </div>
@@ -64,17 +64,17 @@
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
               </p>
             </div>
             <p class="center openImgBox">
-              <img class="img-a" alt="" src="../image/0148-1.jpg" />
+              <img class="img-a" alt="" src="../../image/0148-1.jpg" />
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
+                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
               </p>
             </div>
             <p class="block">
@@ -118,7 +118,7 @@
             <div class="content">
               <div class="pageStr">1-134</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -160,7 +160,7 @@
           <p>1.璁捐涓�寮�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-1锛夈��</p>
           <p class="img">琛�1-8-1銆�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0150-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0150-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -225,7 +225,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-135</span>
               </div>
@@ -239,7 +239,7 @@
           </p>
           <p class="img">琛�1-8-2銆�1锝�12鏈堥緞濠村効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0151-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0151-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -304,7 +304,7 @@
           <p>1.璁捐涓�寮�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-3锛夈��</p>
           <p class="img">琛�1-8-3銆�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0151-2.jpg" />
+          <img class="img-a" alt="" src="../../image/0151-2.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -373,7 +373,7 @@
             <div class="content">
               <div class="pageStr">1-136</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -382,7 +382,7 @@
         <div class="bodystyle">
           <p class="img">琛�1-8-4銆�24锝�36鏈堥緞骞煎効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0152-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0152-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -445,11 +445,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0152-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0152-2.jpg" />
           </p>
           <p class="img">绂诲洯</p>
         </div> -->
@@ -530,7 +530,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-137</span>
               </div>
@@ -607,7 +607,7 @@
             <div class="content">
               <div class="pageStr">1-138</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -708,7 +708,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-139</span>
               </div>
@@ -748,11 +748,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0155-1.jpg" />
+            <img class="img-h" alt="" src="../../image/0155-1.jpg" />
           </p>
           <p class="img">濂剁摱鐨勬竻娲佷笌娑堟瘨</p>
         </div> -->
@@ -808,11 +808,11 @@
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-h" alt="" src="../image/0155-2.jpg" />
+            <img class="img-h" alt="" src="../../image/0155-2.jpg" />
           </p>
           <p class="img">娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯</p>
         </div> -->
@@ -927,7 +927,7 @@
             <div class="content">
               <div class="pageStr">1-40</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -947,7 +947,7 @@
           <p>2.璇峰~鍐欐墭鑲插洯鏃ュ父娓呮磥涓庢秷姣掓祦绋嬭鑼冭〃锛堣琛�1-8-5锛夈��</p>
           <p class="img">琛�1-8-5銆�鎵樿偛鍥棩甯告竻娲佷笌娑堟瘨娴佺▼瑙勮寖琛�</p>
           <!-- <p class="center">
-          <img class="img-a" alt="" src="../image/0156-1.jpg" />
+          <img class="img-a" alt="" src="../../image/0156-1.jpg" />
         </p> -->
           <div>
             <table class="table111 table122">
@@ -1008,11 +1008,11 @@
           <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
-              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
+              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0156-2.jpg" />
+            <img class="img-g" alt="" src="../../image/0156-2.jpg" />
           </p>
         </div> -->
           <p><b>涓�銆侀�夋嫨棰�</b></p>
@@ -1049,7 +1049,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
                 <span class="pageNum">1-141</span>
               </div>
@@ -1135,7 +1135,7 @@
 <script>
 import { getResourcePath } from "@/assets/methods/resources.js";
 import examinations from "@/components/examinations/index.vue";
-import { getFileMd5, getPublicImage } from "../js/tool.js";
+import { getFileMd5, getPublicImage } from "../../js/tool.js";
 
 export default {
   // eslint-disable-next-line vue/multi-word-component-names
diff --git a/src/books/lifeCare/view/chapter009.vue b/src/books/lifeCare/view/components/chapter009.vue
similarity index 87%
rename from src/books/lifeCare/view/chapter009.vue
rename to src/books/lifeCare/view/components/chapter009.vue
index 7d24f94..7f1c82a 100644
--- a/src/books/lifeCare/view/chapter009.vue
+++ b/src/books/lifeCare/view/components/chapter009.vue
@@ -5,7 +5,7 @@
         <div class="bodystyle">
           <template>
             <p class="center coverImg">
-              <img alt="" class="imz" src="../image/0158-1.jpg" />
+              <img alt="" class="imz" src="../../image/0158-1.jpg" />
             </p>
           </template>
         </div>
diff --git a/src/books/lifeCare/view/chapter010.vue b/src/books/lifeCare/view/components/chapter010.vue
similarity index 94%
rename from src/books/lifeCare/view/chapter010.vue
rename to src/books/lifeCare/view/components/chapter010.vue
index 1add58e..cca3e25 100644
--- a/src/books/lifeCare/view/chapter010.vue
+++ b/src/books/lifeCare/view/components/chapter010.vue
@@ -3,43 +3,43 @@
     <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>
+          <h2 id="b009"><img class="img-0" alt="" src="../../image/zt1.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
               </p>
             </div>
             <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑轰粈涔堟槸濠村辜鍎跨敓娲讳繚鑲层��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳芥竻妤氳〃杈惧嚭濠村辜鍎跨敓娲讳繚鑲茬殑涓昏浠诲姟銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鍩烘湰浜嗚В鎴戝浗淇濊偛鍙戝睍鐨勫巻绋嬨��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑哄┐骞煎効鐢熸椿淇濊偛鐨勭洰鏍囥��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾濠村辜鍎跨敓娲讳繚鑲茬殑鎰忎箟銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鍒濇鐭ラ亾鎵樿偛鏈烘瀯鐨勪竴鏃ョ敓娲汇��
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
               </p>
             </div>
             <p class="block">
@@ -60,7 +60,7 @@
             <div class="bk-zt1">
             <div class="bj1-zt1">
               <p class="left">
-                <img class="img-gn-zt" alt="" src="../image/zt-my.png" />
+                <img class="img-gn-zt" alt="" src="../../image/zt-my.png" />
               </p>
             </div>
             <p>
@@ -83,8 +83,8 @@
             <div class="content">
               <div class="pageStr">2-2</div>
               <div class="title">
-                <!-- <img class="ztImg" src="../image/zt.png" alt="" /> -->
-                <img src="../image/chapter.png" alt="" />
+                <!-- <img class="ztImg" src="../../image/zt.png" alt="" /> -->
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -99,7 +99,7 @@
             <div class="bk-zt1">
             <div class="bj1-zt1">
               <p class="left">
-                <img class="img-gn-zt" alt="" src="../image/zt-yy.png" />
+                <img class="img-gn-zt" alt="" src="../../image/zt-yy.png" />
               </p>
             </div>
             <p>鈥滀笁宀佺湅澶э紝涓冨瞾鐪嬭�併�傗��</p>
@@ -108,7 +108,7 @@
           <div class="bk-zt1">
             <div class="bj1-zt1">
               <p class="left">
-                <img class="img-gn-zt" alt="" src="../image/zt-xyx.png" />
+                <img class="img-gn-zt" alt="" src="../../image/zt-xyx.png" />
               </p>
             </div>
             <p>淇濊偛鐨勬蹇垫槸浠�涔堬紵</p>
@@ -130,11 +130,11 @@
           <div class="bk-zt1">
             <!-- <div class="bj1-zt1">
             <p class="left">
-              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
+              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0165-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0165-1.jpg" />
           </p> -->
             <p>
               淇濊偛鍛樼殑宸ヤ綔鑱岃矗锛氬叏闈㈣礋璐e辜鍎夸竴鏃ョ敓娲讳腑鐨勪繚鑲插伐浣滐紝纭繚骞煎効韬績鍋ュ悍鍜岀敓鍛藉畨鍏ㄣ��
@@ -203,7 +203,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">2-3</span>
               </div>
@@ -222,11 +222,11 @@
           <div class="bk-zt1">
             <!-- <div class="bj1-zt1">
             <p class="left">
-              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
+              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0166-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0166-1.jpg" />
           </p> -->
             <p>
               鎵樿偛鏈烘瀯淇濊偛搴旈伒寰互涓嬪熀鏈師鍒欙細灏婇噸鍎跨銆佸畨鍏ㄥ仴搴枫�佺Н鏋佸洖搴斻�佺瀛﹁鑼冦�傛壂鐮佺湅銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨��
@@ -316,7 +316,7 @@
             <div class="content">
               <div class="pageStr">2-4</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -355,7 +355,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">2-5</span>
               </div>
@@ -388,7 +388,7 @@
           </p>
           <p class="img">琛�2-1-1銆�鎵樿偛鏈烘瀯涓�鏃ョ敓娲讳妇渚嬶紙澶忓锛�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0168-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0168-1.jpg" />
           </p>
         </div>
       </div>
@@ -403,7 +403,7 @@
             <div class="content">
               <div class="pageStr">2-6</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -430,7 +430,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">2-7</span>
               </div>
@@ -491,7 +491,7 @@
             <div class="content">
               <div class="pageStr">2-8</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -533,7 +533,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">2-9</span>
               </div>
@@ -550,7 +550,7 @@
             琛�2-1-2銆�鏌愭墭鑲叉満鏋勪竴鏃ョ敓娲讳繚鑲茬殑娴佺▼鍙婁汉鍛樺垎宸ワ紙鎵樼彮锛�
           </p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0172-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0172-1.jpg" />
           </p>
         </div>
       </div>
@@ -564,7 +564,7 @@
             <div class="content">
               <div class="pageStr">2-10</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -574,7 +574,7 @@
         <div class="bodystyle">
           <p class="img-right">缁〃</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0173-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0173-1.jpg" />
           </p>
         </div>
       </div>
@@ -587,7 +587,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
                 <span class="pageNum">2-11</span>
               </div>
@@ -598,7 +598,7 @@
         <div class="bodystyle">
           <p class="img-right">缁〃</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0174-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0174-1.jpg" />
           </p>
           <p><br/></p>
           <div class="bk-tx border-xxfs">
diff --git a/src/books/lifeCare/view/chapter011.vue b/src/books/lifeCare/view/components/chapter011.vue
similarity index 95%
rename from src/books/lifeCare/view/chapter011.vue
rename to src/books/lifeCare/view/components/chapter011.vue
index eaf1e97..5b13411 100644
--- a/src/books/lifeCare/view/chapter011.vue
+++ b/src/books/lifeCare/view/components/chapter011.vue
@@ -3,50 +3,50 @@
     <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>
+          <h2 id="b010"><img class="img-0" alt="" src="../../image/zt2.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
               </p>
             </div>
             <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳界悊瑙f潵鍥繚鑲茬殑淇濇暀浠峰�笺��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳藉仛濂藉┐骞煎効鏉ュ洯鍓嶇殑鍑嗗宸ヤ綔銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾鏉ュ洯娲诲姩瀛樺湪鐨勫畨鍏ㄩ殣鎮c��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳介槻鑼冩潵鍥椿鍔ㄤ腑鐨勫畨鍏ㄩ棶棰樸��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾鏉ュ洯鎺ュ緟鐨勫唴瀹广��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳藉畨鎶氭潵鍥┐骞煎効鐨勪笉鑹儏缁��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" /> 浼氭櫒闂存鏌ャ��
+              <img class="inline" alt="" src="../../image/0001-5.jpg" /> 浼氭櫒闂存鏌ャ��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氭帴寰呭甫鑽殑濠村辜鍎裤��
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
               </p>
             </div>
             <p class="block">
@@ -70,7 +70,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
                 <span class="pageNum">2-13</span>
               </div>
@@ -124,7 +124,7 @@
             <div class="content">
               <div class="pageStr">2-14</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -176,7 +176,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
                 <span class="pageNum">2-15</span>
               </div>
@@ -232,7 +232,7 @@
             <div class="content">
               <div class="pageStr">2-16</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -287,7 +287,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
                 <span class="pageNum">2-17</span>
               </div>
@@ -334,7 +334,7 @@
             <div class="content">
               <div class="pageStr">2-18</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -379,7 +379,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
                 <span class="pageNum">2-19</span>
               </div>
diff --git a/src/books/lifeCare/view/chapter012.vue b/src/books/lifeCare/view/components/chapter012.vue
similarity index 94%
rename from src/books/lifeCare/view/chapter012.vue
rename to src/books/lifeCare/view/components/chapter012.vue
index 7254693..1e0f1d9 100644
--- a/src/books/lifeCare/view/chapter012.vue
+++ b/src/books/lifeCare/view/components/chapter012.vue
@@ -3,43 +3,43 @@
     <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>
+          <h2 id="b011"><img class="img-0" alt="" src="../../image/zt3.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
               </p>
             </div>
             <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑烘礂鎵嬬殑閲嶈鎬с��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾娲楁墜鐨勬椂鏈恒��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳界粍缁囥�佹寚瀵煎┐骞煎効娲楁墜銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳芥牴鎹┐骞煎効鐪笺�佽�炽�侀蓟銆佸彛鑵斿拰鐨偆鐨勭壒鐐瑰疄鏂芥竻娲併��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳藉涓嶅悓鎬у埆鐨勫┐骞煎効杩涜娓呮磥銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳藉紩瀵煎┐骞煎効鍏绘垚鑹ソ鐨勭洢娲椾範鎯��
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
               </p>
             </div>
             <p class="block">
@@ -60,7 +60,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-21</span>
               </div>
@@ -114,7 +114,7 @@
             <div class="content">
               <div class="pageStr">2-22</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -128,11 +128,11 @@
           <div class="bk-zt1">
             <!-- <div class="bj1-zt1">
             <p class="left">
-              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
+              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0185-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0185-1.jpg" />
           </p> -->
             <p>
               浜嗚В骞煎効鐩ユ礂鐢ㄥ搧鐨勬憜鏀捐姹傘�佹礂鎵嬫睜娓呮磥娑堟瘨鐨勬搷浣滆姹傚拰鍗敓瑕佹眰銆佺洢娲楀娓呮磥鍗敓鐨勮姹傦紝鐪嬨�婃墭鑲插洯鐩ユ礂鐜鍒涜瑙勮寖銆嬨��
@@ -190,7 +190,7 @@
           <h4 class="h4-zt" id="d121">锛堜簩锛夋寚瀵煎┐骞煎効娲楁墜鐨勬祦绋�</h4>
           <p>淇濇暀浜哄憳鍙寜鐓у浘2-3-1鎵�绀虹殑娴佺▼鎸囧濠村辜鍎挎礂鎵嬨��</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0185-2.jpg" />
+            <img class="img-a" alt="" src="../../image/0185-2.jpg" />
           </p>
           <p class="img">鍥�2-3-1銆�鎸囧濠村辜鍎挎礂鎵嬬殑娴佺▼</p>
           <p>涓嬮潰浠嬬粛涓�浜涙礂鎵嬬殑灏忕獚闂ㄣ��</p>
@@ -224,7 +224,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-23</span>
               </div>
@@ -240,7 +240,7 @@
           <h4 class="h4-zt" id="d123">锛堜竴锛夊┐骞煎効鐪肩潧鐨勭壒鐐瑰強娓呮磥瑕佺偣</h4>
           <p>鐪肩潧鐨勭粨鏋勫鍥�2-3-2鎵�绀恒��</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0186-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0186-1.jpg" />
           </p>
           <p class="img">鍥�2-3-2銆�鐪肩潧鐨勭粨鏋�</p>
           <h5 class="h5-zt" id="e103">1.濠村辜鍎跨溂鐫涚殑鐗圭偣</h5>
@@ -278,7 +278,7 @@
             <div class="content">
               <div class="pageStr">2-24</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -292,7 +292,7 @@
           <h4 class="h4-zt" id="d124">锛堜簩锛夊┐骞煎効鑰虫湹鐨勭壒鐐瑰強娓呮磥瑕佺偣</h4>
           <p>鑰虫湹鐨勭粨鏋勫鍥�2-3-3鎵�绀恒��</p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0187-1.jpg" />
+            <img class="img-b" alt="" src="../../image/0187-1.jpg" />
           </p>
           <p class="img">鍥�2-3-3銆�鑰虫湹鐨勭粨鏋�</p>
           <h5 class="h5-zt" id="e105">1.濠村辜鍎胯�虫湹鐨勭壒鐐�</h5>
@@ -323,7 +323,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-25</span>
               </div>
@@ -336,7 +336,7 @@
           <h4 class="h4-zt" id="d125">锛堜笁锛夊┐骞煎効榧昏厰鐨勭壒鐐逛笌娓呮磥瑕佺偣</h4>
           <p>榧昏厰鐨勭粨鏋勫鍥�2-3-4鎵�绀恒��</p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0188-1.jpg" />
+            <img class="img-b" alt="" src="../../image/0188-1.jpg" />
           </p>
           <p class="img">鍥�2-3-4銆�榧昏厰鐨勭粨鏋�</p>
           <h5 class="h5-zt" id="e107">1.濠村辜鍎块蓟鑵旂殑鐗圭偣</h5>
@@ -377,7 +377,7 @@
             <div class="content">
               <div class="pageStr">2-26</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -389,12 +389,12 @@
             闅欙紙灏栫墮鐨勪綅缃級锛�2宀佸乏鍙�4涓皷鐗欓暱鍑猴紱鏈�杩熻嚦2宀佸崐锛�4涓浜屼钩纾ㄧ墮钀屽嚭锛�20涓钩鐗欏叏閮ㄥ嚭榻愶紙瑙佸浘2-3-5銆佽〃2-3-1锛夈��
           </p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0189-1.jpg" />
+            <img class="img-b" alt="" src="../../image/0189-1.jpg" />
           </p>
           <p class="img">鍥�2-3-5銆�涔崇墮钀屽嚭鐨勯『搴�</p>
           <p class="img">琛�2-3-1銆�涔崇墮钀屽嚭鏃堕棿</p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0189-2.jpg" />
+            <img class="img-b" alt="" src="../../image/0189-2.jpg" />
           </p>
           <p>
             6宀佸乏鍙冲湪涔崇(鐗欑殑鍚庨潰闀垮嚭鐨勭涓�棰楁亽纾ㄧ墮绉扳�滃叚榫勯娇鈥濄��7锝�12宀佷钩鐗欐绗劚钀斤紝琚亽鐗欐浛浠c�傚叾浣欐亽鐗欎粠涔崇墮鍚庢柟鐢熼暱鍑烘潵锛�12宀佸乏鍙崇浜屾亽纾ㄧ墮钀屽嚭锛岀涓夋亽纾ㄧ墮锛堝張绉版櫤榻匡級涓�鑸湪22宀佷互鍚庢墠闀垮嚭锛屼篃鍙兘缁堢敓涓嶅嚭锛屽洜姝わ紝浜虹殑鎭掔墮28锝�32棰楀潎涓烘甯搞��
@@ -411,7 +411,7 @@
           <p>濠村辜鍎垮彛鑵斿仴搴峰彈鍒板緢澶氬洜绱犵殑褰卞搷锛岃琛�2-3-2銆�</p>
           <p class="img">琛�2-3-2銆�褰卞搷濠村辜鍎垮彛鑵斿仴搴风殑鍥犵礌鍙婄淮鎶ゅ彛鑵斿仴搴风殑鍋氭硶</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0189-3.jpg" />
+            <img class="img-a" alt="" src="../../image/0189-3.jpg" />
           </p>
         </div>
       </div>
@@ -424,7 +424,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-27</span>
               </div>
@@ -456,7 +456,7 @@
           <h4 class="h4-zt" id="d127">锛堜簲锛夊┐骞煎効鐨偆鐨勭壒鐐瑰強鐩ユ礂瑕佺偣</h4>
           <p>鐨偆鐨勭粨鏋勫鍥�2-3-6鎵�绀恒��</p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0190-1.jpg" />
+            <img class="img-b" alt="" src="../../image/0190-1.jpg" />
           </p>
           <p class="img">鍥�2-3-6銆�鐨偆鐨勭粨鏋�</p>
           <h5 class="h5-zt" id="e113">1.濠村辜鍎跨毊鑲ょ殑鐗圭偣</h5>
@@ -476,7 +476,7 @@
             <div class="content">
               <div class="pageStr">2-28</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -524,7 +524,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-29</span>
               </div>
@@ -565,7 +565,7 @@
             <div class="content">
               <div class="pageStr">2-30</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -574,7 +574,7 @@
 
         <div class="bodystyle">
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0193-1.jpg" />
+            <img class="img-b" alt="" src="../../image/0193-1.jpg" />
           </p>
           <p class="img">鍥�2-3-7銆�鎵樿偛鍥殑鐩ユ礂鐜</p>
           <h4 class="h4-zt" id="d131">锛堜簩锛夐紦鍔卞辜鍎跨粌涔犵洢娲�</h4>
@@ -604,7 +604,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-31</span>
               </div>
diff --git a/src/books/lifeCare/view/chapter013.vue b/src/books/lifeCare/view/components/chapter013.vue
similarity index 95%
rename from src/books/lifeCare/view/chapter013.vue
rename to src/books/lifeCare/view/components/chapter013.vue
index c439187..601f3d3 100644
--- a/src/books/lifeCare/view/chapter013.vue
+++ b/src/books/lifeCare/view/components/chapter013.vue
@@ -3,59 +3,59 @@
     <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>
+          <h2 id="b012"><img class="img-0" alt="" src="../../image/zt4.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
               </p>
             </div>
             <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑哄鍘曚繚鑲茬殑淇濇暀浠峰�笺��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾濠村辜鍎跨殑浜屼究鐨勭壒鐐瑰拰淇濊偛瑕佺偣銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑哄奖鍝嶅┐骞煎効濡傚帟鐨勫洜绱犮��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾钀ラ�犺壇濂界殑濡傚帟鐜鐨勬柟娉曘��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氬仛濂藉鍘曞墠鐨勫噯澶囥��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氬紩瀵煎┐骞煎効杩涜濡傚帟缁冧範銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氱粰濠村辜鍎挎崲灏垮竷銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鲸鍒┐骞煎効鐨勫紓甯镐究銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳芥寚瀵煎┐骞煎効杩涜濡傚帟娓呮磥銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氫负渚垮櫒娓呮磥娑堟瘨銆�
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
               </p>
             </div>
             <p class="block">
@@ -80,7 +80,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-33</span>
               </div>
@@ -123,7 +123,7 @@
             <div class="content">
               <div class="pageStr">2-34</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -170,7 +170,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-35</span>
               </div>
@@ -214,7 +214,7 @@
             <div class="content">
               <div class="pageStr">2-36</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -268,7 +268,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-37</span>
               </div>
@@ -327,7 +327,7 @@
             <div class="content">
               <div class="pageStr">2-38</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -377,7 +377,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-39</span>
               </div>
@@ -397,7 +397,7 @@
           <p>鎵樿偛鏈烘瀯濡傚帟鐨勬寚瀵兼祦绋嬭琛�2-4-1</p>
           <p class="img">琛�2-4-1銆�濡傚帟鐜妭鍙婂叿浣撶殑瑕佹眰</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0202-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0202-1.jpg" />
           </p>
         </div>
       </div>
@@ -411,7 +411,7 @@
             <div class="content">
               <div class="pageStr">2-40</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -467,7 +467,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-41</span>
               </div>
@@ -517,7 +517,7 @@
             <div class="content">
               <div class="pageStr">2-42</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -567,7 +567,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-43</span>
               </div>
diff --git a/src/books/lifeCare/view/chapter014.vue b/src/books/lifeCare/view/components/chapter014.vue
similarity index 95%
rename from src/books/lifeCare/view/chapter014.vue
rename to src/books/lifeCare/view/components/chapter014.vue
index 52199e5..c9c19a1 100644
--- a/src/books/lifeCare/view/chapter014.vue
+++ b/src/books/lifeCare/view/components/chapter014.vue
@@ -3,63 +3,63 @@
     <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>
+          <h2 id="b013"><img class="img-0" alt="" src="../../image/zt5.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
               </p>
             </div>
             <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾涓嶅悓骞撮緞娈电殑濠村辜鍎跨殑钀ュ吇闇�姹傘�佽喅椋熻姹傚拰鍠傚吇鍘熷垯銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾鎻愰珮濠村辜鍎块娆茬殑绛栫暐銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氬畨鎺掍笉鍚屽勾榫勬濠村辜鍎跨殑涓�鏃ラギ椋熴��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氫负濠村辜鍎块�夋嫨鍚堥�傜殑椁愬叿銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氫负濠村辜鍎垮垎鍙戦鍏蜂笌椋熺墿骞惰繘琛岄鍓嶆暀鑲层��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氬杺鍝哄┐骞煎効銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳芥寚瀵煎辜鍎跨敤鍕鸿繘椋熴�佺粍缁囧辜鍎块泦浣撹嚜涓昏繘椁愩��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鎺屾彙鍒ゆ柇濠村辜鍎挎槸鍚﹀悆楗变簡鐨勬柟娉曘��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氭帓闄よ繘椁愪腑鐨勫畨鍏ㄩ殣鎮c��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氬府鍔╁┐骞煎効鍏绘垚鑹ソ鐨勮繘椁愪範鎯��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氱収鎶ょ壒娈婂┐骞煎効杩涢銆�
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
               </p>
             </div>
             <p class="block">
@@ -86,7 +86,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-45</span>
               </div>
@@ -111,7 +111,7 @@
           </p>
           <p class="img">琛�2-5-1銆�濠村辜鍎胯兘閲忕殑闇�姹�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0208-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0208-1.jpg" />
           </p>
           <p>
             鐢变簬濠村辜鍎跨殑鍩虹浠h阿鐜囬珮銆佺敓闀垮彂鑲茶繀閫熴�佹椿鍔ㄩ噺姣旇緝澶э紝涓庢垚骞翠汉鐩告瘮锛岄渶瑕佹秷鑰楃殑鑳介噺鐩稿澶氾紝骞撮緞瓒婂皬闇�姹傞噺瓒婂ぇ銆�
@@ -131,7 +131,7 @@
             <div class="content">
               <div class="pageStr">2-46</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -146,7 +146,7 @@
           </p>
           <p class="img">琛�2-5-2銆�濠村辜鍎垮瀹忛噺钀ュ吇绱犵殑闇�姹�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0209-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0209-1.jpg" />
           </p>
           <h5 class="h5-zt" id="e122">2.寰噺钀ュ吇绱�</h5>
           <p>
@@ -158,7 +158,7 @@
           </p>
           <p class="img">琛�2-5-3銆�濠村辜鍎垮鏄撶己涔忕殑缁寸敓绱�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0209-2.jpg" />
+            <img class="img-a" alt="" src="../../image/0209-2.jpg" />
           </p>
         </div>
       </div>
@@ -172,7 +172,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-47</span>
               </div>
@@ -188,7 +188,7 @@
           </p>
           <p class="img">琛�2-5-4銆�濠村辜鍎垮鏄撶己涔忕殑鐭跨墿璐�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0210-2.jpg" />
+            <img class="img-a" alt="" src="../../image/0210-2.jpg" />
           </p>
           <h5 class="h5-zt" id="e123">3.姘�</h5>
           <p>
@@ -218,7 +218,7 @@
             <div class="content">
               <div class="pageStr">2-48</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -267,7 +267,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-49</span>
               </div>
@@ -322,7 +322,7 @@
             <div class="content">
               <div class="pageStr">2-50</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -367,7 +367,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-51</span>
               </div>
@@ -422,7 +422,7 @@
             <div class="content">
               <div class="pageStr">2-52</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -436,11 +436,11 @@
           <div class="bk-zt1">
             <!-- <div class="bj1-zt1">
             <p class="left">
-              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
+              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0215-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0215-1.jpg" />
           </p> -->
             <!-- <p>銆�1锝�2宀佸辜鍎夸竴鏃ラ璋变妇渚嬨�嬨��</p> -->
             <div class="tips-bk">
@@ -643,7 +643,7 @@
           <p>涓嶅悓鏈堥緞濠村辜鍎夸竴鏃ラギ椋熷畨鎺掑叿浣撳涓嬶紙瑙佽〃2-5-5锛夈��</p>
           <p class="img">琛�2-5-5銆�涓嶅悓鏈堥緞濠村辜鍎夸竴鏃ラギ椋熷畨鎺掕〃</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0215-2.jpg" />
+            <img class="img-a" alt="" src="../../image/0215-2.jpg" />
           </p>
         </div>
 
@@ -657,7 +657,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-53</span>
               </div>
@@ -683,7 +683,7 @@
           <p>鈶㈢洊涓婇攣绱х幆鍜屽ザ鍢达紝鍏呭垎鎽囨檭濂剁摱锛屼娇濂剁矇涓庢按瀹屽叏铻嶅悎銆�</p>
           <p>涓栫晫鍗敓缁勭粐鎸囧畾鐨勯厤鏂瑰ザ绮夐厤鍒舵祦绋嬭鍥�2-5-1銆�</p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0216-1.jpg" />
+            <img class="img-b" alt="" src="../../image/0216-1.jpg" />
           </p>
           <p class="img">鍥�2-5-1銆�閰嶆柟濂剁矇鐨勯厤鍒舵祦绋�</p>
           <h5 class="h5-zt" id="e156">3.娉ㄦ剰浜嬮」</h5>
@@ -698,7 +698,7 @@
             鈶犵背绮夌殑鍐茶皟锛氬弬鑰冭皟閰嶈鏄庡皢閫傞噺鐨勬按锛堟瘝涔虫垨閰嶆柟濂讹級鍒嗘鍔犲叆绫崇矇鍐咃紝鍐嶇敤姹ゅ寵鎷屽寑褰㈡垚绫崇硦锛堣鍥�2-5-2锛夛紝鍙湪绫崇硦涓姞鍏ユ按鏋滄偿銆佽彍娉ユ垨鍏朵粬娉ョ硦鐘堕鐗┿��
           </p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0216-2.jpg" />
+            <img class="img-b" alt="" src="../../image/0216-2.jpg" />
           </p>
           <p class="img">鍥�2-5-2銆�绫崇矇鐨勫啿璋冩楠�</p>
           <p>
@@ -716,7 +716,7 @@
             <div class="content">
               <div class="pageStr">2-54</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -744,11 +744,11 @@
           <div class="bk-zt1">
             <!-- <div class="bj1-zt1">
             <p class="left">
-              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
+              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0217-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0217-1.jpg" />
           </p> -->
             <!-- <p>鎵爜鐪嬨��0锝�3宀佸┐骞煎効杈呴鐨勫叿浣撳埗浣滄柟娉曘�嬨��</p> -->
             <div class="tips-bk">
@@ -869,7 +869,7 @@
             鍦ㄤ繚璇侀鐗╃儳鐔熺叜閫忋�佷繚璐ㄤ繚閲忕殑鍓嶆彁涓嬶紝灏介噺缂╃煭椋熺墿鐑у埗濂借嚦椋熺敤鐨勬椂闂达紝浠ュ強楗�佽彍銆佹堡鐨勫垎瑁呫�佽繍閫佹椂闂淬�傚簲缁欑洓楗�佽彍銆佹堡鐨勫鍣ㄥ姞鐩栵紝姹ょ敤鍙屽眰淇濇俯妗剁洓瑁咃紙瑙佸浘2-5-3锛夈��
           </p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0217-2.jpg" />
+            <img class="img-b" alt="" src="../../image/0217-2.jpg" />
           </p>
           <p class="img">鍥�2-5-3銆�椋熺墿鍔犵洊淇濇俯</p>
         </div>
@@ -883,7 +883,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-55</span>
               </div>
@@ -900,7 +900,7 @@
           <p>鍚勭被濠村辜鍎块鍏风殑鐗圭偣瑙佽〃2-5-6銆�</p>
           <p class="img">琛�2-5-6銆�鍚勭被椁愬叿鐨勭壒鐐�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0218-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0218-1.jpg" />
           </p>
           <h4 class="h4-zt" id="d180">锛堜簩锛夊嫼瀛愮殑閫夋嫨</h4>
           <p>
@@ -908,7 +908,7 @@
           </p>
           <p class="img">琛�2-5-7銆�涓嶅悓鏈堥緞濠村辜鍎夸娇鐢ㄧ殑鍕哄瓙</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0218-2.jpg" />
+            <img class="img-a" alt="" src="../../image/0218-2.jpg" />
           </p>
           <h4 class="h4-zt" id="d181">锛堜笁锛夌銆佺洏鐨勯�夋嫨</h4>
           <p>
@@ -926,7 +926,7 @@
             <div class="content">
               <div class="pageStr">2-56</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -939,7 +939,7 @@
           </p>
           <p class="img">琛�2-5-8銆�涓嶅悓鏈堥緞濠村辜鍎夸娇鐢ㄧ殑纰椼�佺洏</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0219-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0219-1.jpg" />
           </p>
           <h4 class="h4-zt" id="d182">锛堝洓锛変笉閫傚悎濠村辜鍎跨殑椁愬叿</h4>
           <p>
@@ -972,7 +972,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-57</span>
               </div>
@@ -986,7 +986,7 @@
             鈶e垎鍙戦鐗┿�傚垎鍙戦鐗╃殑椤哄簭涓鸿敩鑿溾�旇崵鑿溾�旈キ鈥旀堡锛岄キ鐢ㄥ嫼鐩涳紝浣跨敤澶瑰瓙鍒嗚彍锛屾寜宸︽堡鍙宠彍鐨勯『搴忔斁缃��
           </p>
           <p class="center">
-            <img class="img-a" alt="" src="../image/0220-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0220-1.jpg" />
           </p>
           <p class="img">鍥�2-5-4銆�鍒嗗彂椁愬叿涓庨鐗╃殑娴佺▼</p>
           <h4 class="h4-zt" id="d184">锛堜簩锛夋敞鎰忎簨椤�</h4>
@@ -1014,11 +1014,11 @@
           <div class="bk-zt1">
             <!-- <div class="bj1-zt1">
             <p class="left">
-              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
+              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
             </p>
           </div> -->
             <!-- <p class="center">
-            <img class="img-g" alt="" src="../image/0220-2.jpg" />
+            <img class="img-g" alt="" src="../../image/0220-2.jpg" />
           </p>
           <p>鎵爜鐪嬨�婇鍓嶆暀鑲茬礌鏉愩�嬨��</p> -->
             <div class="tips-bk">
@@ -1105,7 +1105,7 @@
             <div class="content">
               <div class="pageStr">2-58</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1115,7 +1115,7 @@
         <div class="bodystyle">
           <p class="img">琛�2-5-9銆�甯哥敤浠嬬粛楗彍鎸囧鐢ㄨ</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0221-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0221-1.jpg" />
           </p>
           <h4 class="h4-zt" id="d188">锛堜笁锛夋彁绀鸿繘椁愬父瑙�</h4>
           <p>
@@ -1166,7 +1166,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-59</span>
               </div>
@@ -1224,7 +1224,7 @@
             <div class="content">
               <div class="pageStr">2-60</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1278,7 +1278,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-61</span>
               </div>
@@ -1319,7 +1319,7 @@
             <p>濠村辜鍎块ゥ楗辫涓鸿〃鐜帮紙瑙佽〃2-5-10锛夈��</p>
             <p class="img">琛�2-5-10銆�濠村辜鍎块ゥ楗辫涓鸿〃鐜�</p>
             <p class="center openImgBox">
-              <img class="img-a" alt="" src="../image/0224-1.jpg" />
+              <img class="img-a" alt="" src="../../image/0224-1.jpg" />
             </p>
           </div>
         </div>
@@ -1334,7 +1334,7 @@
             <div class="content">
               <div class="pageStr">2-62</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1386,7 +1386,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-63</span>
               </div>
@@ -1444,7 +1444,7 @@
             <div class="content">
               <div class="pageStr">2-64</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1494,7 +1494,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-65</span>
               </div>
@@ -1553,7 +1553,7 @@
             <div class="content">
               <div class="pageStr">2-66</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -1609,7 +1609,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-67</span>
               </div>
@@ -1646,7 +1646,7 @@
           <h5 class="h5-zt" id="e198">3.娴佺▼</h5>
           <p>淇濊偛鍛樺簲寮曞骞煎効绠$悊涓汉鍗敓锛堣鍥�2-5-5锛夈��</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0230-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0230-1.jpg" />
           </p>
           <p class="img">鍥�2-5-5銆�寮曞骞煎効绠$悊涓汉鍗敓鐨勬祦绋�</p>
           <h4 class="h4-zt" id="d213">锛堜簩锛夐鍚庣幆澧冪殑娓呮磥</h4>
@@ -1669,7 +1669,7 @@
             <div class="content">
               <div class="pageStr">2-68</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
diff --git a/src/books/lifeCare/view/chapter015.vue b/src/books/lifeCare/view/components/chapter015.vue
similarity index 94%
rename from src/books/lifeCare/view/chapter015.vue
rename to src/books/lifeCare/view/components/chapter015.vue
index 3852ad5..dfa4309 100644
--- a/src/books/lifeCare/view/chapter015.vue
+++ b/src/books/lifeCare/view/components/chapter015.vue
@@ -3,47 +3,47 @@
     <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>
+          <h2 id="b014"><img class="img-0" alt="" src="../../image/zt6.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
               </p>
             </div>
             <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑烘按瀵瑰┐骞煎効鍋ュ悍鐨勪綔鐢ㄣ��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾浜轰綋鍐呮按鐨勬潵婧愬拰涓嶅悓骞撮緞娈靛┐骞煎効鐨勯渶姘撮噺銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾涓嶅悓鎯呭喌鐨勫┐骞煎効鐨勫枬姘撮渶姹傦紝鍋氬埌瀹夊叏楗按銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氱粰濠村辜鍎块�夋嫨鍚堥�傜殑楗敤姘淬��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氱粰涓嶅悓鏈堥緞鐨勫┐骞煎効閫夋嫨楗按鍣ㄥ叿銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氭寚瀵煎辜鍎胯嚜涓婚ギ姘达紝缁勭粐骞煎効闆嗕綋楗按銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳藉紩瀵煎┐骞煎効鍏绘垚鑹ソ鐨勯ギ姘翠範鎯��
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
               </p>
             </div>
             <p class="block">
@@ -71,7 +71,7 @@
             <div class="content">
               <div class="pageStr">2-70</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -124,7 +124,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-71</span>
               </div>
@@ -142,7 +142,7 @@
           </p>
           <p class="img">琛�2-6-1銆�姝e父濠村辜鍎块渶姘撮噺鐨勫弬鑰冨�硷紙姣�24灏忔椂锛�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0234-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0234-1.jpg" />
           </p>
           <p>
             涓�鑸潵璁诧紝1锝�3宀佸┐骞煎効姣忓崈鍏嬩綋閲嶉渶姘撮噺绾︿负125mL锛屽叏澶╂�婚渶姘撮噺涓�10200锝�2000mL銆�
@@ -175,7 +175,7 @@
             <div class="content">
               <div class="pageStr">2-72</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -205,11 +205,11 @@
           <div class="bk-zt1">
             <!-- <div class="bj1-zt1">
             <p class="left">
-              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
+              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
             </p>
           </div>
           <p class="center">
-            <img class="img-g" alt="" src="../image/0235-1.jpg" />
+            <img class="img-g" alt="" src="../../image/0235-1.jpg" />
           </p>
           <p>
             娓╅Θ鎻愮ず锛氫笉搴旇濠村辜鍎块暱鏈熼ギ鐢ㄧ函鍑�姘达紝鎵爜鐪嬨�婂┐骞煎効涓嶅疁闀挎湡楗敤绾噣姘淬�嬨��
@@ -251,7 +251,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-73</span>
               </div>
@@ -299,7 +299,7 @@
             <div class="content">
               <div class="pageStr">2-74</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -319,7 +319,7 @@
           <p>甯歌鐨勪笌楗敤姘存湁鍏崇殑闂鍙婄瓟妗堝琛�2-6-2鎵�绀恒��</p>
           <p class="img">琛�2-6-2銆�甯歌鐨勪笌楗敤姘存湁鍏崇殑闂鍙婄瓟妗�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0237-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0237-1.jpg" />
           </p>
           <h3 id="c092">
             <span class="bk1-h3"><span class="bj2-h3">鍏�</span>銆�銆�缁欎笉鍚屾湀榫勭殑濠村辜鍎块�夋嫨楗按鍣ㄥ叿銆�</span>
@@ -338,7 +338,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-75</span>
               </div>
@@ -349,7 +349,7 @@
         <div class="bodystyle">
           <p class="img">琛�2-6-3銆�涓嶅悓鏈堥緞濠村辜鍎跨殑楗按鍣ㄥ叿</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0238-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0238-1.jpg" />
           </p>
           <p>
             鎴戜滑搴旀敞鎰忕殑鏄紝涓嶈杩囨棭鍦拌濠村辜鍎夸娇鐢ㄥ惛绠″紡璁粌鏉紝鍥犱负涓嶆弧1宀佺殑濠村効鍠滄鍜笢瑗匡紝鍙兘浼氬挰鏂苟璇悶鍚哥鑰屽鑷村嵄闄╁彂鐢熴��1宀佷箣鍚庣殑骞煎効涔熶細鍜惛绠★紝浣嗚兘澶熸洿濂藉湴鍒ゆ柇鍗遍櫓锛屽悶涓嬪惛绠$殑鍙兘鎬ц緝灏忥紝鎵�浠�12锝�18涓湀鐨勫辜鍎垮彲浠ヤ娇鐢ㄨ繖绉嶈缁冩澂銆傞�氳繃浠ヤ笂鍑犱釜闃舵鐨勮缁冿紝1宀佸崐鐨勫辜鍎垮凡缁忚兘澶熸帉鎻″枬姘寸殑鏂规硶锛岃繖涓椂鍊欏彲浠ョ敤鏅�氱殑姘存澂缁欏辜鍎垮枬姘翠簡銆�
@@ -369,7 +369,7 @@
             <div class="content">
               <div class="pageStr">2-76</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -383,7 +383,7 @@
           <div class="bk-zt1hs">
             <div class="bj1-zt1hs">
               <p class="left">
-                <img class="img-gn-zt" alt="" src="../image/zt-xueyx.png" />
+                <img class="img-gn-zt" alt="" src="../../image/zt-xueyx.png" />
               </p>
             </div>
             <p>鑷富楗按</p>
@@ -398,7 +398,7 @@
           <h4 class="h4-zt" id="d224">锛堜簩锛夋寚瀵煎辜鍎垮浼氭纭殑鎺ユ按鏂规硶</h4>
           <p>淇濊偛鍛樺簲鎸囧骞煎効瀛︿細姝g‘鐨勬帴姘存柟娉曪紙瑙佸浘2-6-1锛夈��</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0239-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0239-1.jpg" />
           </p>
           <p class="img">鍥�2-6-1銆�姝g‘鐨勬帴姘存柟娉�</p>
           <h4 class="h4-zt" id="d225">锛堜笁锛夋寚瀵煎辜鍎垮浼氭纭殑楗按鏂规硶</h4>
@@ -432,7 +432,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-77</span>
               </div>
@@ -489,7 +489,7 @@
             <div class="content">
               <div class="pageStr">2-78</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -547,7 +547,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-79</span>
               </div>
diff --git a/src/books/lifeCare/view/chapter016.vue b/src/books/lifeCare/view/components/chapter016.vue
similarity index 94%
rename from src/books/lifeCare/view/chapter016.vue
rename to src/books/lifeCare/view/components/chapter016.vue
index 16943bc..2ebdfc6 100644
--- a/src/books/lifeCare/view/chapter016.vue
+++ b/src/books/lifeCare/view/components/chapter016.vue
@@ -3,43 +3,43 @@
     <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>
+          <h2 id="b015"><img class="img-0" alt="" src="../../image/zt7.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
               </p>
             </div>
             <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑哄┐骞煎効鐫$湢鐨勯噸瑕佹�с��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑轰笉鍚屾湀榫勫┐骞煎効姣忔棩鐨勭潯鐪犻渶姹傚強鐗圭偣銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氳鲸鍒┐骞煎効鐨勭潯鐪犱俊鍙枫��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氫负濠村辜鍎垮垱璁捐壇濂界殑鐫$湢鐜銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳藉疄鏂藉┐骞煎効鐫$湢鐓ф枡銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳藉紩瀵煎┐骞煎効鍏绘垚鑹ソ鐨勭潯鐪犱範鎯��
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
               </p>
             </div>
             <p class="block">
@@ -63,7 +63,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-81</span>
               </div>
@@ -113,7 +113,7 @@
             <div class="content">
               <div class="pageStr">2-82</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -123,7 +123,7 @@
         <div class="bodystyle">
           <p class="img">琛�2-7-1銆�涓嶅悓鏈堥緞濠村辜鍎跨殑姣忔棩鐫$湢</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0245-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0245-1.jpg" />
           </p>
           <h3 id="c098">
             <span class="bk1-h3"><span class="bj2-h3">涓�</span>銆�銆�濠村辜鍎跨殑鐫$湢淇″彿銆�</span>
@@ -157,7 +157,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-83</span>
               </div>
@@ -208,7 +208,7 @@
             <div class="content">
               <div class="pageStr">2-84</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -243,7 +243,7 @@
             淇濊偛鍛樺彲浠ュ埄鐢ㄥ効姝屻�佸浘鐗囷紙瑙佸浘2-7-1锛夌瓑鏉ュ府鍔╁┐骞煎効鎻愰珮绌胯劚琛g墿鐨勫叴瓒e苟鍔犲己瀵规搷浣滄妧鑳界殑鎺屾彙銆備緥濡傦紝鍎挎瓕銆婅劚瑁ゅ瓙銆嬶細鈥滃弻鎵嬫姄绱у皬瑁よ叞锛屼竴涓嬭劚鍒拌啙鐩栦笅銆傚啀鐢ㄥ皬鎵嬫媺瑁よ剼锛屾渶鍚庤繕瑕佹憜鎽嗗ソ銆傗�濆張濡傚効姝屻�婂彔琛f瓕銆嬶細鈥滀几浼告墜锛屼几浼告墜锛屾姳鎶辫噦锛屾姳鎶辫噦锛屽集寮叞锛屽集寮叞锛屾垜鐨勮。鏈嶅彔濂戒簡銆傗��
           </p>
           <p class="center openImgBox">
-            <img class="img-b" alt="" src="../image/0247-1.jpg" />
+            <img class="img-b" alt="" src="../../image/0247-1.jpg" />
           </p>
           <p class="img">鍥�2-7-1銆�绀轰緥</p>
         </div>
@@ -257,7 +257,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-85</span>
               </div>
@@ -290,7 +290,7 @@
           </p>
           <p class="img">琛�2-7-2銆�濠村辜鍎夸笉鍚岀潯濮跨殑浼樼己鐐�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0248-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0248-1.jpg" />
           </p>
         </div>
       </div>
@@ -305,7 +305,7 @@
             <div class="content">
               <div class="pageStr">2-86</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -336,7 +336,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-87</span>
               </div>
@@ -388,7 +388,7 @@
             <div class="content">
               <div class="pageStr">2-88</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
diff --git a/src/books/lifeCare/view/chapter017.vue b/src/books/lifeCare/view/components/chapter017.vue
similarity index 92%
rename from src/books/lifeCare/view/chapter017.vue
rename to src/books/lifeCare/view/components/chapter017.vue
index b0eb704..708a464 100644
--- a/src/books/lifeCare/view/chapter017.vue
+++ b/src/books/lifeCare/view/components/chapter017.vue
@@ -3,43 +3,43 @@
     <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>
+          <h2 id="b016"><img class="img-0" alt="" src="../../image/zt8.jpg" /></h2>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
               </p>
             </div>
             <p class="block">瀛︿範鏈笓棰橈紝浣犲皢杈炬垚浠ヤ笅鐩爣銆�</p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鍑虹鍥繚鑲茬殑淇濇暀浠峰�笺��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鐭ラ亾绂诲洯娲诲姩鐨勪繚鑲蹭换鍔°��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳借鲸鍒鍥幆鑺備腑鐨勫畨鍏ㄩ殣鎮e苟鏈夋晥闃茶寖銆�
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               鑳藉紩瀵煎┐骞煎効鍏绘垚鑹ソ鐨勭鍥範鎯��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氬埄鐢ㄧ鍥椂鏈轰笌瀹堕暱娌熼�氥��
             </p>
             <p class="block">
-              <img class="inline" alt="" src="../image/0001-5.jpg" />
+              <img class="inline" alt="" src="../../image/0001-5.jpg" />
               浼氬鎵樿偛鍥繘琛岀鍥悗鐨勬竻娲佹秷姣掋��
             </p>
           </div>
           <div class="bk">
             <div class="bj1">
               <p class="left">
-                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
+                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
               </p>
             </div>
             <p class="block">
@@ -64,7 +64,7 @@
             <div class="content">
               <div class="pageStr">2-90</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -113,7 +113,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-91</span>
               </div>
@@ -157,7 +157,7 @@
             <div class="content">
               <div class="pageStr">2-92</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -179,7 +179,7 @@
           <p>涓嶅悓鏈堥緞鐨勫辜鍎跨殑绂诲洯涔犳儻鍩瑰吇瑕佺偣濡備笅锛堣琛�2-8-1锛�</p>
           <p class="img">琛�2-8-1銆�绂诲洯鐨勫ソ涔犳儻</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0255-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0255-1.jpg" />
           </p>
           <h3 id="c107">
             <span class="bk1-h3"><span class="bj2-h3">鍏�</span>銆�銆�绂诲洯鏃朵笌瀹堕暱娌熼�氥��</span>
@@ -198,7 +198,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-93</span>
               </div>
@@ -211,14 +211,14 @@
           </P>
           <p class="img">琛�2-8-2銆�绂诲洯鐜妭鐨勬矡閫氬舰寮忎笌涓婚</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0256-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0256-1.jpg" />
           </p>
           <p>
             鑻ラ渶瑕佽繘琛岃缁嗙殑绾夸笅浜ゆ祦锛屾暀甯堝彲浠ヨ瀹堕暱鎻愬墠棰勭害鏃堕棿鍜屽唴瀹癸紙瑙佽〃2-8-3锛夛紝浜ゆ祦鐨勭洰鐨勬槸璁╁┐骞煎効鐨勫闀夸笌鎵樿偛鍥郊姝ゅ濠村辜鍎跨殑韬績鍙戝睍銆佸仴搴锋垚闀块兘鏈夋洿娣卞叆鐨勪簡瑙o紝涓庡闀跨浉浜掑悎浣滐紝鍒嗕韩淇℃伅锛屽缓绔嬬浉浜掑�惧惉鐨勫鍥叡鑲蹭簰鍔ㄦā寮忋��
           </p>
           <p class="img">琛�2-8-3銆�瀹堕暱棰勭害浜ゆ祦璁板綍琛�</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0256-2.jpg" />
+            <img class="img-a" alt="" src="../../image/0256-2.jpg" />
           </p>
         </div>
       </div>
@@ -232,7 +232,7 @@
             <div class="content">
               <div class="pageStr">2-94</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
@@ -274,7 +274,7 @@
             <div class="second-con">
               <div class="second-left"></div>
               <div class="second-right">
-                <img src="../image/pageImg.png" alt="" />
+                <img src="../../image/pageImg.png" alt="" />
                 <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
                 <span class="pageNum">2-95</span>
               </div>
@@ -285,7 +285,7 @@
         <div class="bodystyle">
           <p class="img">琛�2-8-4銆�鎵樿偛鍥父鐢ㄧ墿鍝佹秷姣掑伐浣滆〃</p>
           <p class="center openImgBox">
-            <img class="img-a" alt="" src="../image/0257-1.jpg" />
+            <img class="img-a" alt="" src="../../image/0257-1.jpg" />
           </p>
           <p><br/></p>
           <div class="bk-tx border-xxfs">
diff --git a/src/books/lifeCare/view/chapter018.vue b/src/books/lifeCare/view/components/chapter018.vue
similarity index 98%
rename from src/books/lifeCare/view/chapter018.vue
rename to src/books/lifeCare/view/components/chapter018.vue
index 89b9579..3605ec9 100644
--- a/src/books/lifeCare/view/chapter018.vue
+++ b/src/books/lifeCare/view/components/chapter018.vue
@@ -8,7 +8,7 @@
             <div class="content">
               <div class="pageStr">2-96</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
               </div>
             </div>
diff --git a/src/books/lifeCare/view/front001.vue b/src/books/lifeCare/view/components/front001.vue
similarity index 96%
rename from src/books/lifeCare/view/front001.vue
rename to src/books/lifeCare/view/components/front001.vue
index 3137212..637fe44 100644
--- a/src/books/lifeCare/view/front001.vue
+++ b/src/books/lifeCare/view/components/front001.vue
@@ -4,7 +4,7 @@
       <div v-if="showPageList.indexOf(1) > -1">
         <div class="bodystyle">
           <p class="center coverImg">
-            <img alt="" class="imz" src="../image/Cover.jpg" />
+            <img alt="" class="imz" src="../../image/Cover.jpg" />
           </p>
         </div>
       </div>
@@ -13,7 +13,7 @@
       <div v-if="showPageList.indexOf(2) > -1">
         <div class="bodystyle">
           <p class="center coverImg">
-            <img alt="" class="imz" src="../image/SMY.jpg" />
+            <img alt="" class="imz" src="../../image/SMY.jpg" />
           </p>
         </div>
       </div>
@@ -68,7 +68,7 @@
       <div v-if="showPageList.indexOf(4) > -1">
         <div class="bodystyle">
           <div class="front">
-            <img alt="" class="img-0 prefaceImg" src="../image/sysm.png" />
+            <img alt="" class="img-0 prefaceImg" src="../../image/sysm.png" />
           </div>
           <div class="pdf-content">
             <p>
@@ -92,7 +92,7 @@
               alt=""
               class="img-0 prefaceImg"
               style="top: 2%"
-              src="../image/xu.png"
+              src="../../image/xu.png"
             />
           </div>
           <div class="pdf-content">
@@ -129,7 +129,7 @@
             <div class="content">
               <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -169,7 +169,7 @@
       <div v-if="showPageList.indexOf(7) > -1">
         <div class="bodystyle">
           <div class="front">
-            <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
+            <img alt="" class="img-0 prefaceImg" src="../../image/preface.png" />
           </div>
           <div class="pdf-content">
             <p>
@@ -196,7 +196,7 @@
             <div class="content">
               <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
               <div class="title">
-                <img src="../image/chapter.png" alt="" />
+                <img src="../../image/chapter.png" alt="" />
                 <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
               </div>
             </div>
@@ -216,7 +216,7 @@
       <div v-if="showPageList.indexOf(9) > -1">
         <div class="bodystyle">
           <p class="center coverImg">
-            <img class="imz" alt="" src="../image/0011-1.jpg" />
+            <img class="imz" alt="" src="../../image/0011-1.jpg" />
           </p>
         </div>
       </div>
diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/view/components/index.vue
similarity index 74%
rename from src/books/lifeCare/index.vue
rename to src/books/lifeCare/view/components/index.vue
index 3e54086..b01f62f 100644
--- a/src/books/lifeCare/index.vue
+++ b/src/books/lifeCare/view/components/index.vue
@@ -1,8 +1,10 @@
 <template>
   <div class="page-main" @scroll="throttledScrollHandler">
+    <div id="searchDomBox" style="display: none">
+      <div id="searchContent"></div>
+    </div>
     <div
-      class="public-lifeCare"
-      @mouseup="handleMouseUp"
+      class="public-bookInnerContent"
       :style="{
         fontSize: fontSize ? fontSize + 'px' : '16px',
         transform: `scale(${pageZoom ? pageZoom : 1})`,
@@ -17,44 +19,44 @@
       <ChapterOne
         v-if="showCatalogList.indexOf(2) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         :isSearch="isSearch"
       />
       <ChapterTwo
         v-if="showCatalogList.indexOf(3) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         :isSearch="isSearch"
       />
       <ChapterThree
         v-if="showCatalogList.indexOf(4) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         :isSearch="isSearch"
       />
       <ChapterFour
         v-if="showCatalogList.indexOf(5) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         :isSearch="isSearch"
       />
       <ChapterFive
         v-if="showCatalogList.indexOf(6) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         @Upload_initViewer="changeDomViewer"
         :isSearch="isSearch"
       />
       <chapterSix
         v-if="showCatalogList.indexOf(7) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         :isSearch="isSearch"
       />
       <chapterSeven
         v-if="showCatalogList.indexOf(8) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         @eventSwdt="swdtChange"
         @Upload_initViewer="changeDomViewer"
         :isSearch="isSearch"
@@ -62,13 +64,13 @@
       <chapterEight
         v-if="showCatalogList.indexOf(9) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         :isSearch="isSearch"
       />
       <chapterNine
         v-if="showCatalogList.indexOf(10) > -1"
         :showPageList="loadPageList"
-        :questionData="questionData"
+        :questionData="questionDataMap"
         :isSearch="isSearch"
       />
       <chapter010
@@ -112,29 +114,29 @@
 </template>
 
 <script>
-import front001 from "./view/front001";
-import ChapterOne from "./view/chapter001";
-import ChapterTwo from "./view/chapter002";
-import ChapterThree from "./view/chapter003";
-import ChapterFour from "./view/chapter004";
-import ChapterFive from "./view/chapter005";
-import chapterSix from "./view/chapter006";
-import chapterSeven from "./view/chapter007";
-import chapterEight from "./view/chapter008";
-import chapterNine from "./view/chapter009";
-import chapter010 from "./view/chapter010";
-import chapter011 from "./view/chapter011";
-import chapter012 from "./view/chapter012";
-import chapter013 from "./view/chapter013";
-import chapter014 from "./view/chapter014";
-import chapter015 from "./view/chapter015";
-import chapter016 from "./view/chapter016";
-import chapter017 from "./view/chapter017";
-import chapter018 from "./view/chapter018";
+import front001 from "./front001";
+import ChapterOne from "./chapter001";
+import ChapterTwo from "./chapter002";
+import ChapterThree from "./chapter003";
+import ChapterFour from "./chapter004";
+import ChapterFive from "./chapter005";
+import chapterSix from "./chapter006";
+import chapterSeven from "./chapter007";
+import chapterEight from "./chapter008";
+import chapterNine from "./chapter009";
+import chapter010 from "./chapter010";
+import chapter011 from "./chapter011";
+import chapter012 from "./chapter012";
+import chapter013 from "./chapter013";
+import chapter014 from "./chapter014";
+import chapter015 from "./chapter015";
+import chapter016 from "./chapter016";
+import chapter017 from "./chapter017";
+import chapter018 from "./chapter018";
 import NoteIcon from "@/assets/images/biji.png";
 import _ from "lodash";
 import getQuestionList from "@/assets/methods/examination";
-import testData from "./js/examinationList";
+import testData from "../../js/examinationList";
 import Swiper from "swiper/bundle";
 import "swiper/swiper-bundle.css";
 import Viewer from "viewerjs";
@@ -151,8 +153,9 @@
       observer: null,
       loadPageObserver: null,
       loadPageList: [],
-      questionData: {},
+      questionDataMap: {},
       renderSignMap: {},
+      highlightData: null,
       isSearch: false,
     };
   },
@@ -215,11 +218,21 @@
         },
         // 娓叉煋绗旇銆侀珮浜�佸垝绾�
         renderSign: (type, data) => {
-          this.renderSign(type, data);
+          // 鍥犱负璋冩暣涓洪〉闈㈡噿鍔犺浇锛屾墍浠ユ覆鏌撴爣璁颁篃闇�瑕佹寜鐓ч〉闈㈣繘琛屽鐞嗭紝鍏堝偍瀛樻暟鎹紝椤甸潰鍔犺浇瀹屾垚鍐嶆覆鏌撳搴旂殑鏍囪锛�
+          this.handelSignData(type, data);
+          // this.renderSign(type, data);
         },
         // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
         delSign: (data) => {
           this.delSign(data);
+        },
+        // 鍏ㄦ枃妫�绱�
+        searchBookByKeyword: (keyword) => {
+          return this.searchTextByPage(keyword);
+        },
+        // 璺宠浆妫�绱㈢粨鏋滀綅缃�
+        jumpSearchItem: (data) => {
+          this.searchItemLocation(data);
         },
       });
     }
@@ -269,6 +282,7 @@
         this.initViewer();
       }, 500);
     },
+
     // 婊氬姩鐩戝惉
     scrollFun(event) {
       // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
@@ -347,6 +361,12 @@
 
     // 澶勭悊鏍囪鏁版嵁
     handelSignData(type, data) {
+      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
+        // 绔嬪嵆娓叉煋
+        this.renderSign(type, data);
+      }
+
+      // 鍌ㄥ瓨鏁版嵁
       if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
       if (!this.renderSignMap[type][data.page])
         this.renderSignMap[type][data.page] = [];
@@ -355,6 +375,10 @@
 
     // 娓叉煋鏍囪
     renderSign(type, data) {
+      // 鐖跺眰璁剧疆绂佹娓叉煋鏍囪鏃朵笉鍐嶈繘琛屾覆鏌�
+      if (this.$store.state.qiankun.disableSign) {
+        return false;
+      }
       const existence = (
         this.container ? this.container : document
       ).querySelector(`[dataid="${data.id}"]`);
@@ -408,6 +432,7 @@
         }
       }
     },
+
     // 鍒犻櫎鏍囪娓叉煋
     delSign({ ids, type }) {
       if (ids && ids.length) {
@@ -435,6 +460,7 @@
         }
       }
     },
+
     initObservation() {
       const sections = (
         this.container ? this.container : document
@@ -463,6 +489,7 @@
         }
       });
     },
+
     initThemeColor() {
       // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
       const colorDom = (
@@ -542,14 +569,7 @@
         }
       });
     },
-    getParentWithClass(element, className) {
-      while (element.parentElement) {
-        element = element.parentElement;
-        if (element.classList.contains(className)) {
-          return element;
-        }
-      }
-    },
+
     pageChangeCallback(entries, observer) {
       //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
       entries.forEach((entry) => {
@@ -565,7 +585,7 @@
           const catalog = catalogDom.getAttribute("num");
           let text = null;
           if (target.querySelector("p")) {
-            text = target.querySelector("p").textContent.substring(0, 20);
+            text = target.querySelector("p").textContent.substring(0, 50);
           }
           // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
           if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
@@ -581,6 +601,7 @@
         }
       });
     },
+
     loadPageCallback(entries, observer) {
       entries.forEach(async (entry) => {
         if (entry.isIntersecting) {
@@ -591,32 +612,33 @@
               target,
               "chapter"
             );
+            // 娣诲姞椤电爜
+            this.loadPageList.push(Number(page));
             const catalog = catalogDom.getAttribute("num");
-            if (!this.questionData[page]) {
+            if (!this.questionDataMap[page]) {
               if (testData && testData[catalog]) {
                 if (testData[catalog][page]) {
                   if (Array.isArray(testData[catalog][page])) {
-                    this.questionData[page] = await getQuestionList(
-                      page,
-                      testData[catalog][page],
-                      this.config.activeBook
-                    );
+                      this.questionDataMap[page] = await getQuestionList(
+                        page,
+                        testData[catalog][page],
+                        this.config.activeBook
+                      );
                   } else {
                     const obj = {};
                     for (let key in testData[catalog][page]) {
-                      obj[key] = await getQuestionList(
-                        [],
-                        testData[catalog][page][key],
-                        this.config.activeBook
-                      );
+                          obj[key] = await getQuestionList(
+                          [],
+                          testData[catalog][page][key],
+                          this.config.activeBook
+                        );
                     }
-                    this.questionData[page] = obj;
+                    this.questionDataMap[page] = obj;
                   }
                 }
               }
             }
-            // 娣诲姞椤电爜
-            this.loadPageList.push(Number(page));
+
             // 娓叉煋杩欎竴椤电殑鏍囪
             for (const key in this.renderSignMap) {
               if (this.renderSignMap[key][page]) {
@@ -624,6 +646,36 @@
                   this.renderSign(key, item);
                 });
               }
+            }
+            // 澶勭悊楂樹寒
+            if (this.highlightData) {
+              // 楂樹寒琛�
+              setTimeout(() => {
+                // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+                const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
+                // 鍖归厤鍏抽敭瀛�
+                const allPageTextNodes = [];
+                let currentNode = pageTextList.nextNode();
+                while (currentNode) {
+                  allPageTextNodes.push(currentNode);
+                  currentNode = pageTextList.nextNode();
+                }
+                for (let i = 0; i < allPageTextNodes.length; i++) {
+                  const textDom = allPageTextNodes[i];
+                  let txtIndex = textDom.textContent.indexOf(
+                    this.highlightData.txt
+                  );
+                  if (txtIndex > -1) {
+                    textDom.parentNode.style.transition =
+                      "background-color 0.8s";
+                    textDom.parentNode.scrollIntoView();
+                    textDom.parentNode.style.backgroundColor = "#79bbf0";
+                    setTimeout(() => {
+                      textDom.parentNode.style.backgroundColor = "";
+                    }, 1000);
+                  }
+                }
+              }, 100);
             }
             if (this.loadPageList.length > 5) {
               // 瓒呰繃5椤�
@@ -633,6 +685,7 @@
         }
       });
     },
+
     initSwiper() {
       const doms = (
         this.container ? this.container : document
@@ -712,6 +765,7 @@
         });
       }
     },
+
     initViewer() {
       const doms = (
         this.container ? this.container : document
@@ -728,63 +782,140 @@
         });
       }
     },
-    // eslint-disable-next-line
-    getParentWithClass(element, className) {
-      while (element.parentElement) {
-        element = element.parentElement;
-        if (element.classList.contains(className)) {
-          return element;
-        }
-      }
-    },
-    handleMouseUp(e) {
-      const selection = (
-        this.container ? this.container : window
-      ).getSelection();
-      const txt = selection.toString();
-      if (selection.type != "none" && txt) {
-        let node = selection.anchorNode.parentNode;
-        let pageHtml = this.getParentWithClass(
-          selection.anchorNode,
-          "page-box"
-        );
-        let chapterDom = this.getParentWithClass(
-          selection.anchorNode,
-          "chapter"
-        );
-        let chapterNum;
-        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
-        if (pageHtml) {
-          const page = pageHtml.getAttribute("page");
-          // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
-          if (this.$store.state.qiankun.windowSelection) {
-            this.$store.state.qiankun.windowSelection({
-              chapterNum,
-              txt,
-              page,
-              x: e.x,
-              y: e.y,
-            });
-          }
-        }
-      } else {
-        if (this.$store.state.qiankun.windowSelection) {
-          this.$store.state.qiankun.windowSelection({
-            chapterNum: "",
-            txt: "",
-            page: "",
-            x: e.x,
-            y: e.y,
-          });
-        }
-      }
-    },
+
     swdtChange(data) {
       if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
         this.$store.state.qiankun.chooseWords({
-          type: data,
+          type: data.type,
+          data: data.data,
         });
       }
+    },
+
+    // 鏍规嵁鍏抽敭瀛楀叏鏂囨绱�
+    searchTextByPage(keyword) {
+      const searchResult = [];
+      let catalogIndex = 0;
+      // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
+      const pageData = {
+        front001,
+        ChapterOne,
+        ChapterTwo,
+        ChapterThree,
+        ChapterFour,
+        ChapterFive,
+        chapterSix,
+        chapterSeven,
+        chapterEight,
+        chapterNine,
+        chapter010,
+        chapter011,
+        chapter012,
+        chapter013,
+        chapter014,
+        chapter015,
+        chapter016,
+        chapter017,
+        chapter018,
+      };
+      // 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
+      for (const key in pageData) {
+        catalogIndex++;
+        let pageComponent, pageExample;
+        // 鍏堟覆鏌撲竴娆″綋鍓嶇珷鑺傛枃浠讹紙杩欐椂椤甸潰鐨勫唴瀹逛负绌猴級锛岃幏鍙栭〉鐮佷俊鎭�
+        pageComponent = Vue.extend(pageData[key]);
+        pageExample = new pageComponent({
+          propsData: {
+            showPageList: [],
+            questionData: {},
+          },
+        });
+        pageExample.$mount(
+          (this.container ? this.container : document).querySelector(
+            "#searchContent"
+          )
+        );
+        // 鑾峰彇椤电爜
+        const pageDom = (this.container ? this.container : document)
+          .querySelector("#searchDomBox")
+          .querySelectorAll(".page-box");
+        const pages = [];
+        for (let i = 0; i < pageDom.length; i++) {
+          const pageDomItem = pageDom[i];
+          pages.push(Number(pageDomItem.getAttribute("page")));
+        }
+        // 鑾峰彇椤甸潰缁撴潫锛屽嵏杞介攢姣�
+        pageExample.$destroy();
+        (this.container ? this.container : document).querySelector(
+          "#searchDomBox"
+        ).innerHTML = '<div id="searchContent"></div>';
+        // 閬嶅巻椤电爜
+        if (pages.length) {
+          for (let i = 0; i < pages.length; i++) {
+            const pageNum = pages[i];
+            // 鍔ㄦ�佹覆鏌撳搴旂珷鑺傜殑椤电爜
+            pageComponent = Vue.extend(pageData[key]);
+            pageExample = new pageComponent({
+              propsData: {
+                showPageList: [pageNum],
+                questionData: {},
+              },
+            });
+            pageExample.$mount(
+              (this.container ? this.container : document).querySelector(
+                "#searchContent"
+              )
+            );
+            // 鑾峰彇瀵瑰簲椤甸潰dom
+            const thisPageDom = (this.container ? this.container : document)
+              .querySelector("#searchDomBox")
+              .querySelector(`[page="${pageNum}"]`);
+            if (thisPageDom) {
+              // 鑾峰彇椤甸潰鎵�鏈塼ext鑺傜偣
+              const pageTextList = document.createTreeWalker(
+                thisPageDom,
+                NodeFilter.SHOW_TEXT
+              );
+              // 鍖归厤鍏抽敭瀛�
+              const allPageTextNodes = [];
+              let currentNode = pageTextList.nextNode();
+              while (currentNode) {
+                allPageTextNodes.push(currentNode);
+                currentNode = pageTextList.nextNode();
+              }
+              for (let i = 0; i < allPageTextNodes.length; i++) {
+                const textDom = allPageTextNodes[i];
+                let txtIndex = textDom.textContent.indexOf(keyword);
+                if (txtIndex > -1) {
+                  // 璁板綍鍏抽敭瀛楁墍鍦ㄩ〉鐮併�佺珷鑺備互鍙婂尮閰嶅埌鐨勬钀�
+                  searchResult.push({
+                    page: pageNum,
+                    catalog: catalogIndex,
+                    txt: textDom.textContent,
+                    txtIndex: txtIndex,
+                  });
+                }
+              }
+              // 缁撴潫锛屽嵏杞介攢姣�
+              pageExample.$destroy();
+              (this.container ? this.container : document).querySelector(
+                "#searchDomBox"
+              ).innerHTML = '<div id="searchContent"></div>';
+            }
+          }
+        }
+      }
+      // 杈撳嚭鎼滅储缁撴灉
+      // console.log(searchResult);
+      return searchResult;
+    },
+
+    // 鏍规嵁妫�绱㈢粨鏋滆烦杞搴斾綅缃苟楂樹寒
+    searchItemLocation(data) {
+      // 璁板綍楂樹寒淇℃伅
+      this.highlightData = data;
+      // 璺宠浆
+      this.gotoPage(data.catalog, data.page, () => {});
     },
   },
   components: {
@@ -810,7 +941,3 @@
   },
 };
 </script>
-
-<style lang="less">
-@import "./css/default.less";
-</style>
diff --git a/src/books/lifeCare/view/index.vue b/src/books/lifeCare/view/index.vue
new file mode 100644
index 0000000..f40a20e
--- /dev/null
+++ b/src/books/lifeCare/view/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="temp-bookInnerContent" @mouseup="handleMouseUp">
+    <pageContent></pageContent>
+  </div>
+</template>
+
+<script>
+import pageContent from "./components/index.vue";
+export default {
+  components: {
+    pageContent,
+  },
+  data() {
+    return {};
+  },
+
+  mounted() {},
+  methods: {
+    getParentWithClass(element, className) {
+      while (element.parentElement) {
+        element = element.parentElement;
+        if (element.classList.contains(className)) {
+          return element;
+        }
+      }
+    },
+
+    handleMouseUp(e) {
+      const selection = (
+        this.container ? this.container : window
+      ).getSelection();
+      const txt = selection.toString();
+      if (selection.type != "none" && txt) {
+        let node = selection.anchorNode.parentNode;
+        let pageHtml = this.getParentWithClass(
+          selection.anchorNode,
+          "page-box"
+        );
+        let chapterDom = this.getParentWithClass(
+          selection.anchorNode,
+          "chapter"
+        );
+        let chapterNum;
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        if (pageHtml) {
+          const page = pageHtml.getAttribute("page");
+          // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+          if (this.$store.state.qiankun.windowSelection) {
+            this.$store.state.qiankun.windowSelection({
+              chapterNum,
+              txt,
+              page,
+              x: e.x,
+              y: e.y,
+            });
+          }
+        }
+      } else {
+        if (this.$store.state.qiankun.windowSelection) {
+          this.$store.state.qiankun.windowSelection({
+            chapterNum: "",
+            txt: "",
+            page: "",
+            x: e.x,
+            y: e.y,
+          });
+        }
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import "../css/default.less";
+</style>

--
Gitblit v1.9.1