From 3d27635c7ac693c461dd2ca01e8f5bebb1f0c642 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期一, 27 五月 2024 17:16:22 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/English/assets/images/ppt/ppt_27.png                |    0 
 src/books/lifeCare/view/chapter002.vue                        |   17 
 src/books/childHealth/view/content/components/chapter008.vue  |    2 
 src/books/childHealth/view/content/components/header.vue      |    2 
 src/books/lifeCare/view/chapter003.vue                        |    1 
 src/books/English/assets/images/ppt/ppt_19.png                |    0 
 src/books/lifeCare/view/chapter011.vue                        |  159 +
 src/books/English/assets/images/ppt/ppt_26.png                |    0 
 src/books/lifeCare/view/front001.vue                          |    6 
 src/books/childHealth/view/content/index.vue                  |    2 
 src/books/English/assets/images/grammar.jpg                   |    0 
 src/books/childHealth/view/content/components/chapter009.vue  |    2 
 src/books/lifeCare/view/chapter010.vue                        |  303 ++
 src/books/English/assets/images/ppt/ppt_25.png                |    0 
 src/books/English/view/components/header.vue                  |    7 
 src/books/childHealth/assets/images/Covers.jpg                |    0 
 src/books/lifeCare/view/chapter013.vue                        |  225 +
 src/books/childHealth/assets/images/icon/buzhou.svg           |    1 
 src/books/embedded/view/components/index.vue                  |    2 
 src/books/English/assets/images/ppt/ppt_11.png                |    0 
 src/books/childHealth/view/content/components/chapter0004.vue |    2 
 src/books/childHealth/view/content/components/chapter006.vue  |    2 
 src/books/lifeCare/view/chapter009.vue                        |    4 
 src/books/English/assets/images/ppt/ppt_24.png                |    0 
 src/books/English/assets/images/0019-1.jpg                    |    0 
 src/books/English/assets/images/ppt/ppt_17.png                |    0 
 src/books/English/assets/images/ppt/ppt_10.png                |    0 
 src/books/lifeCare/view/chapter012.vue                        |  275 +
 src/books/English/assets/images/Answer.svg                    |    5 
 src/books/English/assets/images/ppt/ppt_23.png                |    0 
 src/books/childHealth/view/content/components/chapter007.vue  |    2 
 src/books/English/assets/images/ppt/ppt_18.png                |    0 
 src/books/English/assets/images/ppt/ppt_05.png                |    0 
 src/books/lifeCare/view/chapter008.vue                        |  860 +++++
 src/books/childHealth/assets/images/icon/video.svg            |    2 
 src/books/English/assets/images/ppt/ppt_22.png                |    0 
 src/books/childHealth/view/content/components/chapter003.vue  |    2 
 src/books/English/assets/images/0019-4.jpg                    |    0 
 src/books/English/view/components/chapter001.vue              | 2197 +++++++++++++---
 src/books/lifeCare/view/chapter016.vue                        |  175 +
 src/books/lifeCare/view/chapter015.vue                        |  227 +
 src/books/English/assets/images/ppt/ppt_06.png                |    0 
 src/books/English/assets/images/ppt/ppt_13.png                |    0 
 src/books/lifeCare/css/default.less                           |  183 +
 src/books/English/assets/images/0019-3.jpg                    |    0 
 src/books/childHealth/view/content/components/chapter011.vue  |    2 
 src/books/lifeCare/js/examinationList.js                      |    9 
 src/books/childHealth/view/content/components/chapter002.vue  |    2 
 src/books/lifeCare/view/chapter007.vue                        | 2050 +++++++++++++-
 src/books/English/assets/main.less                            |  119 
 src/books/lifeCare/view/chapter006.vue                        |   66 
 src/books/English/assets/images/ppt/ppt_04.png                |    0 
 src/books/childHealth/view/content/components/chapter010.vue  |    2 
 src/books/lifeCare/view/chapter014.vue                        |  807 +++++
 src/books/lifeCare/view/test.vue                              |    2 
 src/books/English/assets/images/ppt/ppt_21.png                |    0 
 src/books/English/assets/images/0019-2.jpg                    |    0 
 src/books/lifeCare/image/zt.png                               |    0 
 src/books/English/assets/images/ppt/ppt_07.png                |    0 
 src/books/English/assets/images/ppt/ppt_12.png                |    0 
 src/books/childHealth/view/content/components/chapter005.vue  |    2 
 src/books/English/view/components/index.vue                   |    9 
 src/books/English/assets/images/ppt/ppt_16.png                |    0 
 src/books/childHealth/assets/images/icon/audio.svg            |    1 
 src/books/childHealth/view/content/components/chapter001.vue  |   27 
 src/books/lifeCare/view/chapter018.vue                        |  128 
 src/books/English/assets/images/ppt/ppt_03.png                |    0 
 src/books/lifeCare/view/chapter005.vue                        |    2 
 src/books/English/assets/images/0019-6.jpg                    |    0 
 src/books/English/assets/images/ppt/ppt_08.png                |    0 
 src/books/English/assets/images/ppt/ppt_20.png                |    0 
 src/books/childHealth/assets/main.less                        |    1 
 src/books/English/assets/images/ppt/ppt_02.png                |    0 
 src/books/English/assets/images/ppt/ppt_15.png                |    0 
 src/books/English/assets/images/ppt/ppt_09.png                |    0 
 src/books/English/assets/images/0019-5.jpg                    |    0 
 /dev/null                                                     |    1 
 src/books/lifeCare/view/chapter017.vue                        |  138 
 src/books/lifeCare/index.vue                                  |   33 
 src/books/lifeCare/view/chapter004.vue                        |   45 
 src/books/English/assets/images/ppt/ppt_14.png                |    0 
 src/App.vue                                                   |   28 
 src/books/English/assets/images/ppt/ppt_01.png                |    0 
 83 files changed, 7,057 insertions(+), 1,082 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 648b032..ceedcae 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,42 +19,50 @@
     childHealth,
     lifeCare,
     embedded,
-    english
+    english,
   },
   data() {
     return {
-      activeBook: {}
+      activeBook: {},
     };
   },
   async created() {
     if (this.setGlobalState) {
       this.setGlobalState({
         initTestBook: async (bookId) => {
-          this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId);
-          this.config.resourceCtx = this.config.resourceCtx + bookId;
+          // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId);
+          if (
+            this.config.resourceCtx ==
+            "http://182.92.203.7:3007/books/resource/"
+          ) {
+            this.config.resourceCtx = this.config.resourceCtx + bookId;
+          }
           this.config.activeBook = this.activeBook;
           this.config.goodsStore = this.activeBook.storeRefcode;
+          this.activeBook = await this.config.getBookConfig(
+            this.config.resourceCtx
+          );
           console.log("鍥句功", this.activeBook);
           if (
             (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig)
           ) {
             this.$store.state.qiankun.getBookConfig({
-              bookConfig: this.activeBook
+              bookConfig: this.activeBook,
             });
           }
-        }
+        },
       });
     } else {
       this.activeBook = await this.config.getBookConfig(
         // childHealth
-        this.config.resourceCtx + "lifeCare"
+        this.config.resourceCtx + "childHealth"
       );
-      console.log('ac',this.activeBook);
+      console.log("ac", this.activeBook);
       this.config.activeBook = this.activeBook;
-      debugger
+      debugger;
       this.config.goodsStore = this.activeBook.storeRefcode;
     }
-  }
+  },
 };
 </script>
 
diff --git a/src/books/English/assets/images/0019-1.jpg b/src/books/English/assets/images/0019-1.jpg
new file mode 100644
index 0000000..e263bce
--- /dev/null
+++ b/src/books/English/assets/images/0019-1.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0019-2.jpg b/src/books/English/assets/images/0019-2.jpg
new file mode 100644
index 0000000..e2c9c3f
--- /dev/null
+++ b/src/books/English/assets/images/0019-2.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0019-3.jpg b/src/books/English/assets/images/0019-3.jpg
new file mode 100644
index 0000000..e22541c
--- /dev/null
+++ b/src/books/English/assets/images/0019-3.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0019-4.jpg b/src/books/English/assets/images/0019-4.jpg
new file mode 100644
index 0000000..b1e1184
--- /dev/null
+++ b/src/books/English/assets/images/0019-4.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0019-5.jpg b/src/books/English/assets/images/0019-5.jpg
new file mode 100644
index 0000000..cd9ab7b
--- /dev/null
+++ b/src/books/English/assets/images/0019-5.jpg
Binary files differ
diff --git a/src/books/English/assets/images/0019-6.jpg b/src/books/English/assets/images/0019-6.jpg
new file mode 100644
index 0000000..88538e1
--- /dev/null
+++ b/src/books/English/assets/images/0019-6.jpg
Binary files differ
diff --git a/src/books/English/assets/images/Answer.svg b/src/books/English/assets/images/Answer.svg
new file mode 100644
index 0000000..5e3034b
--- /dev/null
+++ b/src/books/English/assets/images/Answer.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
+  <path class="a"
+    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+    transform="translate(-3327.144 15329)" />
+</svg>
\ No newline at end of file
diff --git a/src/books/English/assets/images/grammar.jpg b/src/books/English/assets/images/grammar.jpg
new file mode 100644
index 0000000..dbd2cbd
--- /dev/null
+++ b/src/books/English/assets/images/grammar.jpg
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_01.png b/src/books/English/assets/images/ppt/ppt_01.png
new file mode 100644
index 0000000..8539aee
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_01.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_02.png b/src/books/English/assets/images/ppt/ppt_02.png
new file mode 100644
index 0000000..88862f1
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_02.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_03.png b/src/books/English/assets/images/ppt/ppt_03.png
new file mode 100644
index 0000000..b0d1f93
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_03.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_04.png b/src/books/English/assets/images/ppt/ppt_04.png
new file mode 100644
index 0000000..77a1932
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_04.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_05.png b/src/books/English/assets/images/ppt/ppt_05.png
new file mode 100644
index 0000000..699a0a0
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_05.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_06.png b/src/books/English/assets/images/ppt/ppt_06.png
new file mode 100644
index 0000000..e58fa69
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_06.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_07.png b/src/books/English/assets/images/ppt/ppt_07.png
new file mode 100644
index 0000000..f9cd52e
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_07.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_08.png b/src/books/English/assets/images/ppt/ppt_08.png
new file mode 100644
index 0000000..9a1dec7
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_08.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_09.png b/src/books/English/assets/images/ppt/ppt_09.png
new file mode 100644
index 0000000..29a1e45
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_09.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_10.png b/src/books/English/assets/images/ppt/ppt_10.png
new file mode 100644
index 0000000..c837fb3
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_10.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_11.png b/src/books/English/assets/images/ppt/ppt_11.png
new file mode 100644
index 0000000..3871fcc
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_11.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_12.png b/src/books/English/assets/images/ppt/ppt_12.png
new file mode 100644
index 0000000..efd64b5
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_12.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_13.png b/src/books/English/assets/images/ppt/ppt_13.png
new file mode 100644
index 0000000..824a294
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_13.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_14.png b/src/books/English/assets/images/ppt/ppt_14.png
new file mode 100644
index 0000000..6f6a815
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_14.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_15.png b/src/books/English/assets/images/ppt/ppt_15.png
new file mode 100644
index 0000000..78bddbe
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_15.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_16.png b/src/books/English/assets/images/ppt/ppt_16.png
new file mode 100644
index 0000000..76435b5
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_16.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_17.png b/src/books/English/assets/images/ppt/ppt_17.png
new file mode 100644
index 0000000..ab2b64a
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_17.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_18.png b/src/books/English/assets/images/ppt/ppt_18.png
new file mode 100644
index 0000000..b1fa2bd
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_18.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_19.png b/src/books/English/assets/images/ppt/ppt_19.png
new file mode 100644
index 0000000..0553943
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_19.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_20.png b/src/books/English/assets/images/ppt/ppt_20.png
new file mode 100644
index 0000000..0dcf954
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_20.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_21.png b/src/books/English/assets/images/ppt/ppt_21.png
new file mode 100644
index 0000000..bbb2247
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_21.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_22.png b/src/books/English/assets/images/ppt/ppt_22.png
new file mode 100644
index 0000000..32dfd57
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_22.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_23.png b/src/books/English/assets/images/ppt/ppt_23.png
new file mode 100644
index 0000000..3d3d38b
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_23.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_24.png b/src/books/English/assets/images/ppt/ppt_24.png
new file mode 100644
index 0000000..8d23239
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_24.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_25.png b/src/books/English/assets/images/ppt/ppt_25.png
new file mode 100644
index 0000000..11f2531
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_25.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_26.png b/src/books/English/assets/images/ppt/ppt_26.png
new file mode 100644
index 0000000..e842230
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_26.png
Binary files differ
diff --git a/src/books/English/assets/images/ppt/ppt_27.png b/src/books/English/assets/images/ppt/ppt_27.png
new file mode 100644
index 0000000..1237454
--- /dev/null
+++ b/src/books/English/assets/images/ppt/ppt_27.png
Binary files differ
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index 997d57f..b8b0f2d 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -667,6 +667,9 @@
     padding: 0;
     list-style: none;
   }
+  .fm-son {
+    font-family: "瀹嬩綋", SimSun, sans-serif;
+  }
   .tl {
     text-align: left !important;
   }
@@ -679,11 +682,20 @@
   .ju-cn {
     justify-content: center;
   }
+  .ju-ev {
+    justify-content: space-evenly;
+  }
+  .al-cn {
+    align-items: center;
+  }
   .al-end {
     align-items: flex-end;
   }
   .fz-14 {
     font-size: 14px;
+  }
+  .fz-16 {
+    font-size: 16px;
   }
   .fz-18 {
     font-size: 18px;
@@ -703,12 +715,7 @@
   .wh-nr {
     white-space: nowrap;
   }
-  .padding-93 {
-    padding: 0 93px 0px 93px;
-  }
-  .padding-102 {
-    padding: 0 102px 0 102px;
-  }
+
   .pb-104 {
     padding-bottom: 104px;
   }
@@ -819,7 +826,7 @@
         display: inline-block;
       }
     }
-    .chapter-left-bc{
+    .chapter-left-bc {
       background-color: #639bc2;
     }
     .chapter-right-bc {
@@ -830,13 +837,14 @@
     }
   }
   .parimary-btn {
-    cursor: pointer;
+    min-width: 80px;
+    font-size: 14px;
     margin-left: 5px;
     background-color: #0bab87;
     border-color: #0bab87;
+    border-width: 1px;
     color: #fff;
     border-radius: 6px;
-    font-size: 16px;
     &:hover {
       background-color: #a1afc8;
       border-color: #a1afc8;
@@ -853,4 +861,97 @@
     width: 18px;
     height: 18px;
   }
+  .word-bc {
+    // background-color: #a1afc8;
+    background-color: #e1ebf6;
+    cursor: pointer;
+  }
+  .textarea-text {
+    &:focus {
+      border-color: #659ac6;
+      outline: none;
+    }
+  }
+  .table-th-bc {
+    background-color: #f7ab57;
+  }
+  .table-tr-bc {
+    background-color: #f2e2be;
+  }
+  .table-textarea {
+    font-size: 14px;
+    font-family: "Times New Roman", "瀹嬩綋";
+    resize: none;
+    &:focus {
+      outline: none;
+    }
+  }
+  .wh-no {
+    white-space: nowrap;
+  }
+  .tl-cn {
+    text-align: center;
+  }
+  .b0 {
+    border: 0;
+  }
+  button {
+    cursor: pointer;
+    border-radius: 6px;
+  }
+  button:focus {
+    outline: none;
+  }
+  .pd-5 {
+    padding: 0 5px;
+  }
+  .resource-primary-border {
+    border: 3px dotted #f49a4c;
+    border-radius: 1em;
+  }
+  .btn-border {
+    border-color: #0bab87;
+  }
+  svg {
+    fill:#fff ;
+  }
+  .btn-box {
+    margin-left: 5px;
+    cursor: pointer;
+    text-indent: 0;
+    display: inline-block;
+    border:1px solid #0bab87;
+    height: 22px;
+    padding: 5px;
+    background-color:#0bab87 ;
+    border-radius: 5px;
+    &:hover {
+      background-color: #fff;
+      svg {
+        fill:#0bab87 ;
+      }
+    }
+  }
+}
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 660px) {
+  .english-book {
+    /* 鍒嗛〉padding */
+    .padding-93 {
+      padding: 0 20px;
+    }
+    .padding-102 {
+      padding: 0 20px;
+    }
+  }
+}
+@media (min-width: 660px) {
+  .english-book {
+    .padding-93 {
+      padding: 0 93px 0px 93px;
+    }
+    .padding-102 {
+      padding: 0 102px 0 102px;
+    }
+  }
 }
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 90be500..3061298 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="chapter" num="0">
+    <!-- 1 -->
     <div class="page-box" page="6">
       <div class="bodystyle">
         <h1 id="a005">
@@ -21,6 +22,7 @@
         <p class="img"></p>
       </div>
     </div>
+    <!-- 2 -->
     <div class="page-box" page="7">
       <div class="w100 mb-20" style="padding-right: 20px">
         <div
@@ -44,170 +46,281 @@
               >鈪�.Write down the English words for the Chinese cultural symbols
               in the following pictures.</b
             >
+            <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
+              <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20.501"
+              height="20.501"
+              viewBox="0 0 20.501 20.501"
+              
+            >
+              <path
+                class="a"
+                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                transform="translate(-3327.144 15329)"
+              />
+            </svg>
+            </span>
+            <!-- <button
+              @click="showAnswerTwo = !showAnswerTwo"
+              class="parimary-btn"
+            >
+              鏄剧ず绛旀
+            </button> -->
           </p>
           <div class="fl ju-bt">
             <div class="left" style="width: 48%">
-              <p class="center">
-                <el-image :src="imgOne" :preview-src-list="[imgOne]" />
-              </p>
-              <p class="center">
-                1.<input
-                  v-model="questionData.warnUp.one.value"
-                  class="input-bottom-border fz-18"
-                  @blur="handleQuestion('one')"
-                />
-                <span class="icon-box">
-                  <i
-                    class="el-icon-check correct-icon"
-                    v-if="questionData.warnUp.one.isRight"
-                  ></i>
-                  <i
-                    class="el-icon-close error-icon"
-                    v-if="questionData.warnUp.one.isRight == false"
-                  ></i>
-                </span>
+              <div>
+                <p class="center">
+                  <el-image :src="imgOne" :preview-src-list="[imgOne]" />
+                </p>
+                <p class="center">
+                  1.<input
+                    v-model="questionData.warnUp.one.value"
+                    class="input-bottom-border fz-18"
+                    @blur="handleQuestion('one')"
+                    @change="setBookQuestion"
+                  />
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="questionData.warnUp.one.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="questionData.warnUp.one.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerTwo"
+              >
+                绛旀锛欳hinese knot
               </p>
             </div>
             <div class="right" style="width: 48%">
-              <p class="center">
-                <el-image
-                  :src="imgTwo"
-                  :preview-src-list="[imgTwo]"
-                  style="width: 96%"
-                />
-              </p>
-              <p class="center">
-                2.<input
-                  class="input-bottom-border fz-18"
-                  v-model="questionData.warnUp.two.value"
-                  @blur="handleQuestion('two')"
-                />
-                <span class="icon-box">
-                  <i
-                    class="el-icon-check correct-icon"
-                    v-if="questionData.warnUp.two.isRight"
-                  ></i>
-                  <i
-                    class="el-icon-close error-icon"
-                    v-if="questionData.warnUp.two.isRight == false"
-                  ></i>
-                </span>
+              <div>
+                <p class="center">
+                  <el-image
+                    :src="imgTwo"
+                    :preview-src-list="[imgTwo]"
+                    style="width: 94%"
+                  />
+                </p>
+                <p class="center">
+                  2.<input
+                    class="input-bottom-border fz-18"
+                    v-model="questionData.warnUp.two.value"
+                    @blur="handleQuestion('two')"
+                    @change="setBookQuestion"
+                  />
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="questionData.warnUp.two.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="questionData.warnUp.two.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerTwo"
+              >
+                绛旀锛欳hinese medicine
               </p>
             </div>
           </div>
 
           <div class="fl ju-bt">
             <div class="left" style="width: 48%">
-              <p class="center">
-                <el-image :src="imgThree" :preview-src-list="[imgThree]" />
-              </p>
-              <p class="center">
-                3.<input
-                  class="input-bottom-border fz-18"
-                  v-model="questionData.warnUp.three.value"
-                  @blur="handleQuestion('three')"
-                />
-                <span class="icon-box">
-                  <i
-                    class="el-icon-check correct-icon"
-                    v-if="questionData.warnUp.three.isRight"
-                  ></i>
-                  <i
-                    class="el-icon-close error-icon"
-                    v-if="questionData.warnUp.three.isRight == false"
-                  ></i>
-                </span>
+              <div>
+                <p class="center">
+                  <el-image :src="imgThree" :preview-src-list="[imgThree]" />
+                </p>
+                <p class="center">
+                  3.<input
+                    class="input-bottom-border fz-18"
+                    v-model="questionData.warnUp.three.value"
+                    @blur="handleQuestion('three')"
+                    @change="setBookQuestion"
+                  />
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="questionData.warnUp.three.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="questionData.warnUp.three.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerTwo"
+              >
+                绛旀锛欳hinese calligraphy
               </p>
             </div>
             <div class="right" style="width: 48%">
-              <p class="center">
-                <el-image
-                  :src="imgFour"
-                  :preview-src-list="[imgFour]"
-                  style="width: 94%"
-                />
-              </p>
-              <p class="center">
-                4.<input
-                  class="input-bottom-border fz-18"
-                  v-model="questionData.warnUp.four.value"
-                  @blur="handleQuestion('four')"
-                />
-                <span class="icon-box">
-                  <i
-                    class="el-icon-check correct-icon"
-                    v-if="questionData.warnUp.four.isRight"
-                  ></i>
-                  <i
-                    class="el-icon-close error-icon"
-                    v-if="questionData.warnUp.four.isRight == false"
-                  ></i>
-                </span>
+              <div>
+                <p class="center">
+                  <el-image
+                    :src="imgFour"
+                    :preview-src-list="[imgFour]"
+                    style="width: 93%"
+                  />
+                </p>
+                <p class="center">
+                  4.<input
+                    class="input-bottom-border fz-18"
+                    v-model="questionData.warnUp.four.value"
+                    @blur="handleQuestion('four')"
+                    @change="setBookQuestion"
+                  />
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="questionData.warnUp.four.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="questionData.warnUp.four.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerTwo"
+              >
+                绛旀锛歍aichi
               </p>
             </div>
           </div>
 
           <div class="fl ju-bt">
             <div class="left" style="width: 48%">
-              <p class="center">
-                <el-image :src="imgFive" :preview-src-list="[imgFive]" />
-              </p>
-              <p class="center">
-                5.<input
-                  class="input-bottom-border fz-18"
-                  v-model="questionData.warnUp.five.value"
-                  @blur="handleQuestion('five')"
-                />
-                <span class="icon-box">
-                  <i
-                    class="el-icon-check correct-icon"
-                    v-if="questionData.warnUp.five.isRight"
-                  ></i>
-                  <i
-                    class="el-icon-close error-icon"
-                    v-if="questionData.warnUp.five.isRight == false"
-                  ></i>
-                </span>
+              <div>
+                <p class="center">
+                  <el-image :src="imgFive" :preview-src-list="[imgFive]" />
+                </p>
+                <p class="center">
+                  5.<input
+                    class="input-bottom-border fz-18"
+                    v-model="questionData.warnUp.five.value"
+                    @blur="handleQuestion('five')"
+                    @change="setBookQuestion"
+                  />
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="questionData.warnUp.five.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="questionData.warnUp.five.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerTwo"
+              >
+                绛旀锛歴weet dumpling
               </p>
             </div>
             <div class="right" style="width: 48%">
-              <p class="center">
-                <el-image
-                  :src="imgSix"
-                  :preview-src-list="[imgSix]"
-                  style="width: 94%"
-                />
-              </p>
-              <p class="center">
-                6.<input
-                  class="input-bottom-border fz-18"
-                  v-model="questionData.warnUp.six.value"
-                  @blur="handleQuestion('six')"
-                />
-                <span class="icon-box">
-                  <i
-                    class="el-icon-check correct-icon"
-                    v-if="questionData.warnUp.six.isRight"
-                  ></i>
-                  <i
-                    class="el-icon-close error-icon"
-                    v-if="questionData.warnUp.six.isRight == false"
-                  ></i>
-                </span>
+              <div>
+                <p class="center">
+                  <el-image
+                    :src="imgSix"
+                    :preview-src-list="[imgSix]"
+                    style="width: 92%"
+                  />
+                </p>
+                <p class="center">
+                  6.<input
+                    class="input-bottom-border fz-18"
+                    v-model="questionData.warnUp.six.value"
+                    @blur="handleQuestion('six')"
+                    @change="setBookQuestion"
+                  />
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="questionData.warnUp.six.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="questionData.warnUp.six.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerTwo"
+              >
+                绛旀锛欳hinese chess
               </p>
             </div>
           </div>
           <p class="t0">
             <b>鈪�.What other symbols can you think of?</b>
-            <button class="parimary-btn" @click="showAnswer('seven')">
+            <!-- <button
+              class="parimary-btn"
+              @click="showAnswerOne = !showAnswerOne"
+            >
               鏄剧ず绛旀
-            </button>
+            </button> -->
+            <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
+              <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20.501"
+              height="20.501"
+              viewBox="0 0 20.501 20.501"
+              
+            >
+              <path
+                class="a"
+                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                transform="translate(-3327.144 15329)"
+              />
+            </svg>
+            </span>
           </p>
           <p class="t0">
             <input
               v-model="questionData.warnUp.seven"
-              class="input-bottom-border w100 fz-18"
+              class="input-bottom-border fz-18"
+              style="width: 100%"
             />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="width: 100%"
+            v-if="showAnswerOne"
+          >
+            绛旀锛�1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk
+            6. Chinese calligraphy & painting 7. Chinese embroidery 8. Chinese
+            papercut 9. Chinese lantern 10. Moon cake 11. Memorial archway 12.
+            Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. Opera facial
+            makeup
           </p>
         </div>
       </div>
@@ -215,17 +328,23 @@
         <span class="contet-num-box">2</span>
       </div>
     </div>
+    <!-- 3 -->
     <div class="page-box" page="8">
       <ul class="preface-odd-header w100 fl ju-bt">
         <li class=""></li>
-        <li>
+        <li class="fz-18">
           <span class="chapter-left-bc">MODULE 1</span>
-          <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+          <span class="chapter-right-bc fw-bl chapter-right-cl"
+            >CHINA,A WONDERLAND</span
+          >
         </li>
       </ul>
       <div class="padding-102">
         <div class="bodystyle">
-          <h3 id="c002"><span class="bjh3">Listening</span></h3>
+          <h3 id="c002" class="fl al-cn">
+            <span class="bjh3">Listening</span>
+            <audio :src="resource.listenOne" controls></audio>
+          </h3>
           <p>
             <b
               >Four foreigners are talking about their impressions on Chinese
@@ -234,21 +353,92 @@
             >
           </p>
           <p class="center">
-            <img class="img-g" alt="" src="../../assets/images/0013-1.jpg" />
-          </p>
-          <p class="center">
             <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
           </p>
-          <h3 id="c003"><span class="bjh3">Reading</span></h3>
-          <p class="center">
-            <img class="img-g" alt="" src="../../assets/images/0013-2.jpg" />
-          </p>
+          <h3 id="c003" class="fl al-cn">
+            <span class="bjh3">Reading</span>
+            <audio :src="resource.readingOne" controls></audio>
+          </h3>
           <p>
             1.How was Chinese culture introduced to the world in ancient times?
+            <!-- <button
+              class="parimary-btn"
+              @click="showAnswerThree = !showAnswerThree"
+            >
+              鏄剧ず绛旀
+            </button> -->
+            <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
+              <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20.501"
+              height="20.501"
+              viewBox="0 0 20.501 20.501"
+              
+            >
+              <path
+                class="a"
+                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                transform="translate(-3327.144 15329)"
+              />
+            </svg>
+            </span>
+          </p>
+          <textarea
+            v-model="questionData.reading.one"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="6"
+            style="margin-left: 40px; width: 92%"
+            class="fz-16 fm-son"
+            @change="setBookQuestion"
+          ></textarea>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 91%"
+            v-if="showAnswerThree"
+          >
+            绛旀锛歍he Silk Road &nbsp;&nbsp;&nbsp; Immigrants Sinologist
           </p>
           <p>
             2.China offers so much to see and explore.What took you by surprise
             about China?
+            <!-- <button
+              class="parimary-btn"
+              @click="showAnswerFour = !showAnswerFour"
+            >
+              鏄剧ず绛旀
+            </button> -->
+            <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
+              <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="20.501"
+              height="20.501"
+              viewBox="0 0 20.501 20.501"
+              
+            >
+              <path
+                class="a"
+                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                transform="translate(-3327.144 15329)"
+              />
+            </svg>
+            </span>
+          </p>
+          <textarea
+            v-model="questionData.reading.two"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="6"
+            style="margin-left: 40px; width: 92%"
+            class="fz-16 fm-son"
+            @change="setBookQuestion"
+          ></textarea>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 91%"
+            v-if="showAnswerFour"
+          >
+            绛旀锛�(1)Various delicious food (2)Unique architectures (3)Beautiful
+            (4)Intangible cultural heritage, such as Taichi, shadow puppet show,
+            traditional Chinese medicine, Peking Opera scenery
           </p>
           <p class="center"><b>My Experience in Wonderland</b></p>
           <p class="block">
@@ -259,23 +449,40 @@
             鈥�<i>Alice in Wonderland </i>(鈥淭hrough the Looking Glass鈥�)
           </p>
           <p>
-            My incredible journey to China started in 2017 when I got selected
-            as a foreign student for PhD studies at one university.When I
-            arrived in China,I was like Alice in Alice in Wonderland.I was
-            curious about the people,the culture,the cuisine and of course the
-            huge variety of landscapes.
+            My
+            <span class="word-bc" @click="saveWord('incredible')"
+              >incredible</span
+            >
+            journey to China started in 2017 when I got selected as a foreign
+            student for PhD studies at one university.When I arrived in China,I
+            was like Alice in Alice in Wonderland.I was curious about the
+            people,the culture,the
+            <span class="word-bc" @click="saveWord('cuisine')">cuisine</span>
+            and of course the huge variety of
+            <span class="word-bc" @click="saveWord('landscapes')"
+              >landscapes</span
+            >.
           </p>
           <p>
             I found many great people and made several Chinese friends along the
             way.These friends made me see China through the eyes of the locals.I
-            always found Chinese people very friendly and hospitable towards
-            foreigners.These Chinese friends made my understanding of Chinese
-            culture and civilization much easier,enjoyable and memorable.I
-            consider China my second home and love it like my own country!
+            always found Chinese people very friendly and
+            <span class="word-bc" @click="saveWord('hospitable')"
+              >hospitable</span
+            >
+            towards foreigners.These Chinese friends made my understanding of
+            Chinese culture and
+            <span class="word-bc" @click="saveWord('civilization')"
+              >civilization</span
+            >
+            much easier,enjoyable and memorable.I consider China my second home
+            and love it like my own country!
           </p>
           <p>
-            You cannot explore China properly if you do not try its delicious
-            variety of food.If you ate
+            You cannot
+            <span class="word-bc" @click="saveWord('explore')">explore</span>
+            China properly if you do not try its delicious variety of food.If
+            you ate
           </p>
         </div>
       </div>
@@ -283,278 +490,1193 @@
         <span class="contet-num-box">3</span>
       </div>
     </div>
-    <!--  -->
-    <div class="bodystyle">
-      <p>
-        a new kind of food every day for one whole year,the list of Chinese food
-        would still never end! Though I love to eat almost all kinds of Chinese
-        cuisine,I found Sichuan and Hunan cuisine quite mouth-watering and
-        stimulating.For a foodie like me,China is a heaven.I simply cannot live
-        without Chinese food.
-      </p>
-      <p>
-        Like I said earlier,China is a huge wonderland.It has thousands of years
-        of rich and beautiful culture.Every city you visit tells you its own
-        story and history.From the big and advanced cities like Shanghai or
-        Guangzhou to the ancient cities like Xi鈥檃n and Hangzhou,each city has
-        its unique atmosphere that attracts you.I visited more than a dozen
-        cities and came across their charming features and unique landscapes
-        such as Huangshan,the Great Wall,Canton Tower.
-      </p>
-      <p>
-        There is so much to explore and I am looking forward to it during my
-        stay.This is a whole new exciting experience for me,and it will always
-        be remembered.
-      </p>
-      <p class="center">
-        <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
-      </p>
-      <p><span class="zt-cs">Words &amp; Expressions</span></p>
-      <p>wonderland /藞w蕦nd蓹l忙nd/ <i>n.</i> 鏈夎澶氬濡欎簨鐗╃殑鍦版柟</p>
-      <div class="bkbj">
-        <p><i>land or place full of marvels or wonderful things</i></p>
-      </div>
-      <p>incredible /瑟n藞kred蓹bl/ <i>adj.</i> 闅句互缃俊鐨�</p>
-      <div class="bkbj">
-        <p><i>impossible or very difficult to believe</i></p>
-      </div>
-      <p>cuisine /kw瑟藞zi藧n/ <i>n.</i> 锛堥�氬父鎸囨槀璐电殑椁愰涓殑锛� 楗彍锛岃彍鑲�</p>
-      <div class="bkbj">
-        <p><i>the food served in a restaurant (usually an expensive one)</i></p>
-      </div>
-      <p>landscape /藞l忙ndske瑟p/ <i>n.</i> 锛堥檰涓婏級 椋庢櫙锛屾櫙鑹�</p>
-      <div class="bkbj">
-        <p><i>scenery of an area of land</i></p>
-      </div>
-      <p>hospitable /h蓲藞sp瑟t蓹bl/ <i>adj.</i> 濂藉鐨�</p>
-      <div class="bkbj">
-        <p><i>pleased to welcome and entertain guests</i></p>
-      </div>
-      <p>
-        civilization /藢s瑟v蓹la瑟藞ze瑟蕛n/ <i>n.</i> 锛堢壒瀹氭椂鏈熸垨鍦板尯鐨勶級 绀句細鏂囨槑
-      </p>
-      <div class="bkbj">
-        <p>
-          <i
-            >a society,its culture and its way of life (during a particular
-            period of time or in a particular part of the world)</i
-          >
-        </p>
-      </div>
-      <p>explore /瑟k藞spl蓴藧(r)/ <i>v.</i> 鎺㈢储锛涜�冨療</p>
-      <div class="bkbj">
-        <p>
-          <i
-            >to travel into or around an area or a country in order to learn
-            about it</i
-          >
-        </p>
-      </div>
-      <p>mouth-watering <i>adj.</i> 浠や汉鍨傛稁鐨勶紱缇庡懗鐨�</p>
-      <div class="bkbj">
-        <p><i>that makes one want to eat; extremely delicious</i></p>
-      </div>
-      <p>stimulating /藞st瑟mjule瑟t瑟艐/ <i>adj.</i> 澧炲姞娲诲姏鐨勶紱澧炶繘鍋ュ悍鐨�</p>
-      <div class="bkbj">
-        <p>
-          <i>making you feel more active and healthy</i> foodie /藞fu藧di/
-          <i>n.</i> 鍚冭揣锛涚編椋熷
-        </p>
-      </div>
-      <p>
-        <i
-          >a person who is very interested in cooking and eating different kinds
-          of food</i
+    <!-- 4 -->
+    <div class="page-box">
+      <div class="w100 mb-20" style="padding-right: 20px">
+        <div
+          class="event-header-bc fl al-end"
+          style="height: 100px; padding-left: 40px"
         >
-        unique /ju<i>藞</i>ni藧k/ <i>adj.</i> 鍞竴鐨勶紱鐙竴鏃犱簩鐨�
-      </p>
-      <div class="bkbj">
-        <p><i>being the only one of its type</i></p>
+          <div class="preface-header-box event-header-text-bc">
+            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+            <span class="g-text event-text-color">鍩虹妯″潡涓�</span>
+          </div>
+        </div>
       </div>
-      <p>atmosphere /藞忙tm蓹sf瑟蓹(r)/ <i>n.</i> 姘旀皼锛涙皼鍥�</p>
-      <div class="bkbj">
-        <p>
-          <i
-            >the feeling or mood that you have in a particular place or
-            situation</i
+      <div class="padding-93">
+        <div class="bodystyle">
+          <p class="t0">
+            a new kind of food every day for one whole year,the list of Chinese
+            food would still never end! Though I love to eat almost all kinds of
+            Chinese cuisine,I found Sichuan and Hunan cuisine quite
+            <span class="word-bc" @click="saveWord('mouth-watering')"
+              >mouth-watering</span
+            >
+            and
+            <span class="word-bc" @click="saveWord('stimulating')"
+              >stimulating</span
+            >.For a
+            <span class="word-bc" @click="saveWord('foodie')">foodie</span> like
+            me,China is a heaven.I simply cannot live without Chinese food.
+          </p>
+          <p>
+            Like I said earlier,China is a huge wonderland.It has thousands of
+            years of rich and beautiful culture.Every city you visit tells you
+            its own story and history.From the big and advanced cities like
+            Shanghai or Guangzhou to the ancient cities like Xi鈥檃n and
+            Hangzhou,each city has its
+            <span class="word-bc" @click="saveWord('unique')">unique</span>
+            <span
+              class="word-bc"
+              style="margin-left: 5px"
+              @click="saveWord('atmosphere')"
+              >atmosphere</span
+            >
+            that attracts you.I visited more than a dozen cities and came across
+            their charming features and unique landscapes such as Huangshan,the
+            Great Wall,Canton Tower.
+          </p>
+          <p>
+            There is so much to explore and I am looking forward to it during my
+            stay.This is a whole new exciting experience for me,and it will
+            always be remembered.
+          </p>
+          <!-- <p class="center">
+            <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
+          </p> -->
+          <p class="fl al-cn">
+            <span class="zt-cs">Words &amp; Expressions</span>
+            <span class="line-border-box"></span>
+          </p>
+          <audio
+            :src="resource.readingTwo"
+            controls
+            style="margin-left: 10px"
+          ></audio>
+          <p>wonderland /藞w蕦nd蓹l忙nd/ <i>n.</i> 鏈夎澶氬濡欎簨鐗╃殑鍦版柟</p>
+          <div class="bkbj">
+            <p><i>land or place full of marvels or wonderful things</i></p>
+          </div>
+          <p>incredible /瑟n藞kred蓹bl/ <i>adj.</i> 闅句互缃俊鐨�</p>
+          <div class="bkbj">
+            <p><i>impossible or very difficult to believe</i></p>
+          </div>
+          <p>
+            cuisine /kw瑟藞zi藧n/ <i>n.</i> 锛堥�氬父鎸囨槀璐电殑椁愰涓殑锛� 楗彍锛岃彍鑲�
+          </p>
+          <div class="bkbj">
+            <p>
+              <i>the food served in a restaurant (usually an expensive one)</i>
+            </p>
+          </div>
+          <p>landscape /藞l忙ndske瑟p/ <i>n.</i> 锛堥檰涓婏級 椋庢櫙锛屾櫙鑹�</p>
+          <div class="bkbj">
+            <p><i>scenery of an area of land</i></p>
+          </div>
+          <p>hospitable /h蓲藞sp瑟t蓹bl/ <i>adj.</i> 濂藉鐨�</p>
+          <div class="bkbj">
+            <p><i>pleased to welcome and entertain guests</i></p>
+          </div>
+          <p>
+            civilization /藢s瑟v蓹la瑟藞ze瑟蕛n/ <i>n.</i> 锛堢壒瀹氭椂鏈熸垨鍦板尯鐨勶級
+            绀句細鏂囨槑
+          </p>
+          <div class="bkbj">
+            <p>
+              <i
+                >a society,its culture and its way of life (during a particular
+                period of time or in a particular part of the world)</i
+              >
+            </p>
+          </div>
+          <p>explore /瑟k藞spl蓴藧(r)/ <i>v.</i> 鎺㈢储锛涜�冨療</p>
+          <div class="bkbj">
+            <p>
+              <i
+                >to travel into or around an area or a country in order to learn
+                about it</i
+              >
+            </p>
+          </div>
+          <p>mouth-watering <i>adj.</i> 浠や汉鍨傛稁鐨勶紱缇庡懗鐨�</p>
+          <div class="bkbj">
+            <p><i>that makes one want to eat; extremely delicious</i></p>
+          </div>
+        </div>
+      </div>
+      <div class="preface-bottom">
+        <span class="contet-num-box">4</span>
+      </div>
+    </div>
+    <!-- 5 -->
+    <div class="page-box">
+      <ul class="preface-odd-header w100 fl ju-bt">
+        <li class=""></li>
+        <li class="fz-18">
+          <span class="chapter-left-bc">MODULE 1</span>
+          <span class="chapter-right-bc fw-bl chapter-right-cl"
+            >CHINA,A WONDERLAND</span
           >
-        </p>
+        </li>
+      </ul>
+      <div class="padding-93">
+        <div class="bodystyle">
+          <p>stimulating /藞st瑟mjule瑟t瑟艐/ <i>adj.</i> 澧炲姞娲诲姏鐨勶紱澧炶繘鍋ュ悍鐨�</p>
+          <div class="bkbj">
+            <p>
+              <i>making you feel more active and healthy</i> foodie /藞fu藧di/
+              <i>n.</i> 鍚冭揣锛涚編椋熷
+            </p>
+          </div>
+          <p>
+            <i
+              >a person who is very interested in cooking and eating different
+              kinds of food</i
+            >
+            unique /ju<i>藞</i>ni藧k/ <i>adj.</i> 鍞竴鐨勶紱鐙竴鏃犱簩鐨�
+          </p>
+          <div class="bkbj">
+            <p><i>being the only one of its type</i></p>
+          </div>
+          <p>atmosphere /藞忙tm蓹sf瑟蓹(r)/ <i>n.</i> 姘旀皼锛涙皼鍥�</p>
+          <div class="bkbj">
+            <p>
+              <i
+                >the feeling or mood that you have in a particular place or
+                situation</i
+              >
+            </p>
+          </div>
+          <p>get selected as ...琚�変负鈥︹��</p>
+          <p>(a) variety of ...鍚勭鍚勬牱鐨勨�︹��</p>
+          <p>come across 鍋堕亣锛涚鍒�</p>
+          <p>be curious about ...瀵光�︹�︽劅鍒板ソ濂�</p>
+          <p>along the way 娌块��</p>
+          <div class="bj-note">
+            <p><b>Notes:</b></p>
+            <p>
+              <i>Alice in Wonderland</i> 锛�<i
+                >Alice's Adventures in Wonderland</i
+              >鐨勭畝鍐欙紝涓枃璇戜负銆婄埍涓戒笣姊︽父浠欏銆嬶級锛屾槸19涓栫邯鑻卞浗浣滃鍒樻槗鏂峰崱缃楀皵鍒涗綔鐨勮憲鍚嶅効绔ユ枃瀛︿綔鍝侊紝璁茶堪浜嗕竴涓悕鍙埍涓戒笣鐨勮嫳鍥藉皬濂冲涓轰簡杩介�愪竴鍙彛鐫�鎬�琛ㄣ�佷細璇磋瘽鐨勫厰瀛愯�屼笉鎱庢帀鍏ヤ簡鍏斿瓙娲烇紝浠庤�岃繘鍏ヤ簡涓�涓濂囩殑鍥藉害骞剁粡鍘嗕簡涓�绯诲垪濂囧够鍐掗櫓鐨勬晠浜嬨��
+            </p>
+          </div>
+          <p><b>鈪�.Reading comprehension.</b></p>
+          <p>
+            A.Mark the items that made the author curious when she arrived in
+            China.
+          </p>
+          <p>鈻� Language</p>
+          <p>鈻� People</p>
+          <p>鈻� Culture</p>
+          <p>鈻� Cuisine</p>
+          <p>鈻� Folk art</p>
+          <p>鈻� Landscapes</p>
+          <p>鈻� Transportation</p>
+        </div>
       </div>
-      <p>get selected as ...琚�変负鈥︹��</p>
-      <p>(a) variety of ...鍚勭鍚勬牱鐨勨�︹��</p>
-      <p>come across 鍋堕亣锛涚鍒�</p>
-      <p>be curious about ...瀵光�︹�︽劅鍒板ソ濂�</p>
-      <p>along the way 娌块��</p>
-      <div class="bj-note">
-        <p><b>Notes:</b></p>
-        <p>
-          <i>Alice in Wonderland</i> 锛�<i>Alice's Adventures in Wonderland</i
-          >鐨勭畝鍐欙紝涓枃璇戜负銆婄埍涓戒笣姊︽父浠欏銆嬶級锛屾槸19涓栫邯鑻卞浗浣滃鍒樻槗鏂峰崱缃楀皵鍒涗綔鐨勮憲鍚嶅効绔ユ枃瀛︿綔鍝侊紝璁茶堪浜嗕竴涓悕鍙埍涓戒笣鐨勮嫳鍥藉皬濂冲涓轰簡杩介�愪竴鍙彛鐫�鎬�琛ㄣ�佷細璇磋瘽鐨勫厰瀛愯�屼笉鎱庢帀鍏ヤ簡鍏斿瓙娲烇紝浠庤�岃繘鍏ヤ簡涓�涓濂囩殑鍥藉害骞剁粡鍘嗕簡涓�绯诲垪濂囧够鍐掗櫓鐨勬晠浜嬨��
-        </p>
+      <div class="preface-bottom">
+        <span class="contet-num-box">5</span>
       </div>
-      <p><b>鈪�.Reading comprehension.</b></p>
-      <p>
-        A.Mark the items that made the author curious when she arrived in China.
-      </p>
-      <p>鈻� Language</p>
-      <p>鈻� People</p>
-      <p>鈻� Culture</p>
-      <p>鈻� Cuisine</p>
-      <p>鈻� Folk art</p>
-      <p>鈻� Landscapes</p>
-      <p>鈻� Transportation</p>
-      <p>B.Write down the answer to each question according to the passage.</p>
-      <p>1.What鈥檙e the author鈥檚 comments about Chinese food?</p>
-      <p>_________________________________________</p>
-      <p>_________________________________________</p>
-      <p>2.When and why did the author start her journey to China?</p>
-      <p>_________________________________________</p>
-      <p>_________________________________________</p>
-      <p>3.What are the author鈥檚 expectations of her stay in China?</p>
-      <p>_________________________________________</p>
-      <p>_________________________________________</p>
-      <p>4.What did the author think of Chinese people?</p>
-      <p>_________________________________________</p>
-      <p>_________________________________________</p>
-      <p>5.What鈥檚 the author鈥檚 impression of the cities in China?</p>
-      <p>_________________________________________</p>
-      <p>_________________________________________</p>
-      <p><b>鈪�.Language focus.</b></p>
-      <p>
-        A.Fill in the blanks with the proper words in the passage.The initial
-        letters of the words have been given.
-      </p>
-      <p>
-        In 2017,the author arrived in China.When she arrived,she was like Alice
-        in <i>Alice in Wonderland</i>.She was curious about the people,the
-        culture,the c_________,and of course the huge variety of
-        l_________.Chinese friends helped her a lot in understanding Chinese
-        culture and c_________.The author believes that one cannot
-        e_________China properly if he/she does not try its delicious variety of
-        food.China has thousands of years of rich and beautiful culture.Each
-        city has its u_________atmosphere that attracts people.
-      </p>
-      <p>
-        B.Underline the following expressions in the passage and make sentences
-        with them.
-      </p>
-      <p>1.get selected as__________________________</p>
-      <p>2.be curious about_________________________</p>
-      <p>3.along the way___________________________</p>
-      <p>4.come across____________________________</p>
-      <p>5.look forward to__________________________</p>
-      <p>C.Translate the following sentences into Chinese.</p>
-      <p>
-        1.Confucius created an atmosphere of education for the ordinary people.
-      </p>
-      <p>_________________________________________</p>
-      <p>
-        2.Lei Zu invented the technology of reeling silk锛堢极涓濇湳锛塧nd greatly
-        promoted the development of ancient Chinese civilization.
-      </p>
-      <p>_________________________________________</p>
-      <p>
-        3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea
-        culture in depth.
-      </p>
-      <p>_________________________________________</p>
-      <p>
-        4.Zhang Zhongjing was a doctor who had an incredible influence on
-        Chinese medical science.
-      </p>
-      <p>_________________________________________</p>
-      <p><b>鈪�.Grammar focus:The conditional sentence鈥攊f-clause.</b></p>
-      <p>A.Combine the following sentences into if-clauses.</p>
-      <p>
-        1.Try using sticks.You can enjoy the fun of having a real Chinese meal.
-      </p>
-      <p>
-        <b>If</b
-        >_______________________________________________________________.
-      </p>
-      <p>
-        2.Go to my Chinese New Year party.You will meet my Chinese friends
-        there.
-      </p>
-      <p>
-        <b>If</b>______________________________________________________________.
-      </p>
-      <p>3.Drink some Longjing tea,and you will love it.</p>
-      <p>
-        <b>If</b
-        >_______________________________________________________________.
-      </p>
-      <p>
-        4.One day I will go to Xi鈥檃n,and I will visit the terracotta warriors.
-      </p>
-      <p>
-        <b>If</b>______________________________________________________________.
-      </p>
-      <p>
-        5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken
-        would possibly be in top three.
-      </p>
-      <p>
-        <b>If</b
-        >_______________________________________________________________.
-      </p>
-      <p>
-        B.Complete the following sentences using <i>if</i> or <i>whether</i>.
-      </p>
-      <p>1.I was wondering_______to go for a walk in the Summer Palace.</p>
-      <p>
-        2.We can spend the afternoon on the beach_______the weather is fine.
-      </p>
-      <p>
-        3.I called Wang to find out_______or not he really went to see the
-        Peking opera show.
-      </p>
-      <p>
-        4.We鈥檙e not interested in________we get great jobs and that kind of
-        thing.
-      </p>
-      <p>
-        5.________I go to Sichuan,I will visit Chengdu Research Base of Giant
-        Panda Breeding.
-      </p>
-      <h3 id="c004"><span class="bjh3">Mini-project</span></h3>
-      <p>
-        China is a great country with a fascinating culture.Its ancient
-        civilization,rich history,and unique customs make it one of the most
-        interesting countries in the world.There are so many interesting facts
-        about Chinese culture.Work in groups and interview your group members
-        about their knowledge of Chinese culture,and then:
-      </p>
-      <p>1.Find out interesting facts they know about Chinese culture;</p>
-      <p>2.Finish the worksheet and report to the class.</p>
-      <div class="fieldset">
-        <p>Questions:1.Who are you going to interview?</p>
-        <p>銆�銆�銆�銆�2.What is he/she interested in about Chinese culture?</p>
-        <p>銆�銆�銆�銆�3.What does he/she know about it?</p>
+    </div>
+    <!-- 6 -->
+    <div class="page-box">
+      <div class="w100 mb-20" style="padding-right: 20px">
+        <div
+          class="event-header-bc fl al-end"
+          style="height: 100px; padding-left: 40px"
+        >
+          <div class="preface-header-box event-header-text-bc">
+            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+            <span class="g-text event-text-color">鍩虹妯″潡涓�</span>
+          </div>
+        </div>
       </div>
-      <p class="left">
-        <img
-          class="img-gn"
-          alt=""
-          src="../../assets/images/dy1-worksheet.jpg"
-        />
-      </p>
-      <p class="center">
-        <img class="img-a" alt="" src="../../assets/images/0018-1.jpg" />
-      </p>
-      <p class="left">
-        <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
-      </p>
-      <div class="bk-wh">
-        <p>
-          exquisite銆�ancient銆�incredible銆�unique銆�traditional銆�outstanding銆�mouth-watering銆�diverse銆�hospitable銆�enjoyable銆�memorable銆�charming
-        </p>
+      <div class="padding-93">
+        <div class="bodystyle">
+          <p>
+            B.Write down the answer to each question according to the passage.
+          </p>
+          <p>1.What鈥檙e the author鈥檚 comments about Chinese food?</p>
+          <textarea
+            v-model="testData.tx.one"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text"
+          ></textarea>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛欳hinese food is very delicious. Sichuan and Hunan cuisines are
+            quite mouth-watering and stimulating.
+          </p>
+          <p>2.When and why did the author start her journey to China?</p>
+          <textarea
+            v-model="testData.tx.two"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text"
+          ></textarea>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛歐hen the author got selected as a foreign student for PhD
+            studies at one university in 2017, she started her journey to China.
+          </p>
+          <p>3.What are the author鈥檚 expectations of her stay in China?</p>
+          <textarea
+            v-model="testData.tx.three"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text"
+          ></textarea>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛歍he author looks forward to exploring more during her stay.
+          </p>
+          <p>4.What did the author think of Chinese people?</p>
+          <textarea
+            v-model="testData.tx.four"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text"
+          ></textarea>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛歍he author thought the local Chinese were very friendly and
+            hospitable.
+          </p>
+          <p>5.What鈥檚 the author鈥檚 impression of the cities in China?</p>
+          <textarea
+            v-model="testData.tx.five"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="4"
+            style="margin-left: 40px; width: 92%"
+            class="fz-16 textarea-text"
+          ></textarea>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛欵ach city has its unique atmosphere with charming features and
+            unique landscapes.
+          </p>
+          Each city has its unique atmosphere with charming features and unique
+          landscapes.
+          <p><b>鈪�.Language focus.</b></p>
+          <p>
+            A.Fill in the blanks with the proper words in the passage.The
+            initial letters of the words have been given.
+          </p>
+          <p>
+            In 2017,the author arrived in China.When she arrived,she was like
+            Alice in <i>Alice in Wonderland</i>.She was curious about the
+            people,the culture,the c<input
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+              v-model="testData.in.one"
+            />
+            ,and of course the huge variety of l<input
+              v-model="testData.in.two"
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+            />.Chinese friends helped her a lot in understanding Chinese culture
+            and c<input
+              v-model="testData.in.three"
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+            />.The author believes that one cannot e<input
+              type="text"
+              v-model="testData.in.four"
+              class="input-bottom-border"
+              style="width: 60px"
+            />China properly if he/she does not try its delicious variety of
+            food.China has thousands of years of rich and beautiful culture.Each
+            city has its u<input
+              v-model="testData.in.five"
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+            />atmosphere that attracts people.
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛歝uisine, landscapes, civilization, explore, unique
+          </p>
+          <p>
+            B.Underline the following expressions in the passage and make
+            sentences with them.
+          </p>
+          <p>
+            1.get selected as<input
+              v-model="testData.line.one"
+              type="text"
+              class="input-bottom-border"
+              style="width: 77%"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛歋he got selected as the cultural ambassador to show Chinese
+            culture on campus.
+          </p>
+          <p>
+            2.be curious about<input
+              v-model="testData.line.two"
+              type="text"
+              class="input-bottom-border"
+              style="width: 75%"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛歁any foreigners are curious about the amazing Chinese martial
+            arts.
+          </p>
+          <p>
+            3.along the way<input
+              v-model="testData.line.three"
+              type="text"
+              class="input-bottom-border"
+              style="width: 77%"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛欼 suggest that you go to Tibet by train so that you can enjoy
+            the natural scenery along the way.
+          </p>
+          <p>
+            4.come across<input
+              v-model="testData.line.four"
+              type="text"
+              class="input-bottom-border"
+              style="width: 79%"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛欻e came across the temple fair in Beijing during the Spring
+            Festival.
+          </p>
+          <p>
+            5.look forward to<input
+              v-model="testData.line.five"
+              type="text"
+              class="input-bottom-border"
+              style="width: 76%"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛歋he is looking forward to visiting the incredible cities in
+            China.
+          </p>
+        </div>
+      </div>
+      <div class="preface-bottom">
+        <span class="contet-num-box">6</span>
+      </div>
+    </div>
+    <!-- 7 -->
+    <div class="page-box">
+      <ul class="preface-odd-header w100 fl ju-bt">
+        <li class=""></li>
+        <li class="fz-18">
+          <span class="chapter-left-bc">MODULE 1</span>
+          <span class="chapter-right-bc fw-bl chapter-right-cl"
+            >CHINA,A WONDERLAND</span
+          >
+        </li>
+      </ul>
+      <div class="padding-93">
+        <div class="bodystyle">
+          <p>C.Translate the following sentences into Chinese.</p>
+          <p>
+            1.Confucius created an atmosphere of education for the ordinary
+            people.
+          </p>
+          <p>
+            <input
+              v-model="testData.ts.one"
+              type="text"
+              class="input-bottom-border"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛氬瓟瀛愬紑鍒涗簡骞虫皯鍖栫殑鏁欒偛銆�
+          </p>
+          <p>
+            2.Lei Zu invented the technology of reeling silk锛堢极涓濇湳锛塧nd
+            greatly promoted the development of ancient Chinese civilization.
+          </p>
+          <p>
+            <input
+              v-model="testData.ts.two"
+              type="text"
+              class="input-bottom-border"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛氬珮绁栧彂鏄庝簡涓浗缂笣鎶�鏈紝杩欐瀬澶у湴淇冭繘浜嗕腑鍥藉彜浠f枃鏄庣殑鍙戝睍銆�
+          </p>
+          <p>
+            3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea
+            culture in depth.
+          </p>
+          <p>
+            <input
+              v-model="testData.ts.three"
+              type="text"
+              class="input-bottom-border"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛氶檰缇斤紝銆婅尪缁忋�嬬殑浣滆�咃紝瀵逛腑鍥借尪閬撹繘琛屼簡娣卞叆鐨勭爺绌躲��
+          </p>
+          <p>
+            4.Zhang Zhongjing was a doctor who had an incredible influence on
+            Chinese medical science.
+          </p>
+          <p>
+            <input
+              v-model="testData.ts.four"
+              type="text"
+              class="input-bottom-border"
+            />
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛氬紶浠叉櫙鏄竴浣嶅涓浗鍖诲鏈夌潃閲嶅ぇ褰卞搷鐨勫尰瀛﹀銆�
+          </p>
+          <p>
+            <b>鈪�.Grammar focus:The conditional sentence鈥攊f-clause.</b>
+            <button class="parimary-btn" @click="showAnswer('showImg')">
+              鍥剧墖
+            </button>
+          </p>
+          <el-image
+            v-if="showImg"
+            :src="imgThirteen"
+            :preview-src-list="[imgThirteen]"
+          />
+          <p>A.Combine the following sentences into if-clauses.</p>
+          <p>
+            1.Try using sticks.You can enjoy the fun of having a real Chinese
+            meal.
+          </p>
+          <p>
+            <b>If</b
+            ><input
+              v-model="testData.gr.one"
+              type="text"
+              class="input-bottom-border"
+            />.
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛欼f you try using sticks, you can enjoy the fun of having a
+            real Chinese meal.
+          </p>
+          <p>
+            2.Go to my Chinese New Year party.You will meet my Chinese friends
+            there.
+          </p>
+          <p>
+            <b>If</b
+            ><input
+              v-model="testData.gr.two"
+              type="text"
+              class="input-bottom-border"
+            />.
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛欼f you go to my Chinese New Year party, you will meet my
+            Chinese friends there.
+          </p>
+          <p>3.Drink some Longjing tea,and you will love it.</p>
+          <p>
+            <b>If</b
+            ><input
+              type="text"
+              v-model="testData.gr.three"
+              class="input-bottom-border"
+            />.
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛欼f you drink some Longjing tea, you will love it.
+          </p>
+          <p>
+            4.One day I will go to Xi鈥檃n,and I will visit the terracotta
+            warriors.
+          </p>
+          <p>
+            <b>If</b
+            ><input
+              v-model="testData.gr.four"
+              type="text"
+              class="input-bottom-border"
+            />.
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛欼f I go to Xi鈥檃n one day, I will visit the terracotta
+            warriors.
+          </p>
+          <p>
+            5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken
+            would possibly be in top three.
+          </p>
+          <p>
+            <b>If</b
+            ><input
+              v-model="testData.gr.five"
+              type="text"
+              class="input-bottom-border"
+            />.
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛� If you ask foreigners about their favorite Chinese food, Kung
+            Pao Chicken would possible be in top three
+          </p>
+          <p>
+            B.Complete the following sentences using <i>if</i> or
+            <i>whether</i>.
+          </p>
+          <p>
+            1.I was wondering<input
+              v-model="testData.cm.one"
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+            />to go for a walk in the Summer Palace.
+          </p>
+          <p>
+            2.We can spend the afternoon on the beach<input
+              v-model="testData.cm.two"
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+            />the weather is fine.
+          </p>
+          <p>
+            3.I called Wang to find out<input
+              v-model="testData.cm.three"
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+            />or not he really went to see the Peking opera show.
+          </p>
+          <p>
+            4.We鈥檙e not interested in<input
+              v-model="testData.cm.four"
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+            />we get great jobs and that kind of thing.
+          </p>
+          <p>
+            5.<input
+              v-model="testData.cm.five"
+              type="text"
+              class="input-bottom-border"
+              style="width: 60px"
+            />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda
+            Breeding.
+          </p>
+          <p
+            class="event-header-text-bc pd-5"
+            style="margin-left: 40px; width: 93%"
+            v-if="showQuestionAnswer"
+          >
+            绛旀锛� 1.whether &nbsp; 2.if &nbsp; 3.whether &nbsp; 4.whether
+            &nbsp; 5.if
+          </p>
+          <ul class="fl ju-ev" style="width: 50%">
+            <li><button class="btn-border btn-w">鎻愪氦</button></li>
+            <li><button @click="setTestData" class="btn-border btn-w">淇濆瓨</button></li>
+            <li>
+              <button
+                @click="showQuestionAnswer = !showQuestionAnswer"
+                class="parimary-btn"
+              >
+                鏌ョ湅绛旀
+              </button>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="preface-bottom">
+        <span class="contet-num-box">7</span>
+      </div>
+    </div>
+    <!-- 8 -->
+    <div class="page-box">
+      <div class="w100 mb-20" style="padding-right: 20px">
+        <div
+          class="event-header-bc fl al-end"
+          style="height: 100px; padding-left: 40px"
+        >
+          <div class="preface-header-box event-header-text-bc">
+            <span class="l-text">鏂版爣鍑嗛�氱敤鑱屽満鑻辫</span>
+            <span class="g-text event-text-color">鍩虹妯″潡涓�</span>
+          </div>
+        </div>
+      </div>
+      <div class="padding-93">
+        <div class="bodystyle">
+          <h3 id="c004"><span class="bjh3">Mini-project</span></h3>
+          <p>
+            China is a great country with a fascinating culture.Its ancient
+            civilization,rich history,and unique customs make it one of the most
+            interesting countries in the world.There are so many interesting
+            facts about Chinese culture.Work in groups and interview your group
+            members about their knowledge of Chinese culture,and then:
+          </p>
+          <p>1.Find out interesting facts they know about Chinese culture;</p>
+          <p>2.Finish the worksheet and report to the class.</p>
+          <div class="fieldset">
+            <p>Questions:1.Who are you going to interview?</p>
+            <p>銆�銆�銆�銆�2.What is he/she interested in about Chinese culture?</p>
+            <p>銆�銆�銆�銆�3.What does he/she know about it?</p>
+          </div>
+          <p class="left">
+            <img
+              class="img-gn"
+              alt=""
+              src="../../assets/images/dy1-worksheet.jpg"
+            />
+          </p>
+          <table
+            border="1"
+            cellpadding="4"
+            cellspacing="0"
+            style="border-color: #fff"
+            class="fz-14"
+          >
+            <tr class="table-th-bc">
+              <td class="tl-cn">Interviewees</td>
+              <td class="wh-no tl-cn">Chinese Culture</td>
+              <td class="tl-cn">Interesting Facts He/She Knows About lt</td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td class="tl-cn">Wang Ning</td>
+              <td class="wh-no tl-cn">Chinese Tea</td>
+              <td>
+                China, known as the hometown of tea, is the world's
+                earliestcountry to plant tea, make tea, and drink tea. Chinese
+                peoplehave developed different varieties of tea with unique
+                flavors,such as green tea, black tea, white tea, and dark tea.
+                Drinkingtea is benefcial to our health.
+              </td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td>
+                <textarea
+                  v-model="questionData.table.one"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+              <td>
+                <textarea
+                  v-model="questionData.table.two"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+              <td>
+                <textarea
+                  v-model="questionData.table.three"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td>
+                <textarea
+                  v-model="questionData.table.four"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+              <td>
+                <textarea
+                  v-model="questionData.table.five"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+              <td>
+                <textarea
+                  v-model="questionData.table.six"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+            <tr class="table-tr-bc">
+              <td>
+                <textarea
+                  v-model="questionData.table.seven"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+              <td>
+                <textarea
+                  v-model="questionData.table.enight"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+              <td>
+                <textarea
+                  v-model="questionData.table.nine"
+                  class="w100 table-tr-bc b0 table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+          <p class="left">
+            <img
+              class="img-gn"
+              alt=""
+              src="../../assets/images/dy1-wordbank.jpg"
+            />
+          </p>
+          <div class="bk-wh">
+            <p class="dl-box">
+              <span class="word-bc mr-20 dl-span" @click="saveWord('exquisite')"
+                >exquisite</span
+              >
+              <span class="word-bc mr-20 dl-span" @click="saveWord('ancient')"
+                >ancient</span
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord('incredible')"
+                >incredible</span
+              ><span class="word-bc mr-20 dl-span" @click="saveWord('unique')"
+                >unique</span
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord('traditional')"
+                >traditional</span
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord('outstanding')"
+                >outstanding</span
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord('mouth-watering')"
+                >mouth-watering</span
+              ><span class="word-bc mr-20 dl-span" @click="saveWord('diverse')"
+                >diverse</span
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord('hospitable')"
+                >hospitable</span
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord('enjoyable')"
+                >enjoyable</span
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord('memorable')"
+                >memorable</span
+              ><span class="word-bc mr-20 dl-span" @click="saveWord('charming')"
+                >charming</span
+              >
+            </p>
+          </div>
+          <div class="resource-primary-border" style="padding: 8px">
+            <el-carousel
+              :autoplay="false"
+              trigger="click"
+              class="bones-carousel carousel-image"
+              arrow="always"
+              indicator-position="none"
+            >
+              <el-carousel-item
+                v-for="(item, index) in pptList"
+                :key="index"
+                class="bones-carousel-item"
+              >
+                <el-image
+                  :src="item"
+                  :preview-src-list="pptList"
+                  :preview-teleported="true"
+                  class="open-image"
+                />
+              </el-carousel-item>
+            </el-carousel>
+          </div>
+        </div>
+      </div>
+      <div class="preface-bottom">
+        <span class="contet-num-box">8</span>
+      </div>
+    </div>
+    <!-- 9 -->
+    <div class="page-box">
+      <ul class="preface-odd-header w100 fl ju-bt">
+        <li class=""></li>
+        <li class="fz-18">
+          <span class="chapter-left-bc">MODULE 1</span>
+          <span class="chapter-right-bc fw-bl chapter-right-cl"
+            >CHINA,A WONDERLAND</span
+          >
+        </li>
+      </ul>
+      <div class="padding-93">
+        <div class="bodystyle">
+          <h2 id="b002">
+            <img class="img-0" alt="" src="image/dy1-le2.jpg" />
+          </h2>
+          <h3 id="c005"><span class="bjh3">Warm-up</span></h3>
+          <p>
+            <b
+              >Put the expressions in the box below on the corresponding answer
+              line under each picture.</b
+            >
+          </p>
+          <div class="bk-wh">
+            <p>
+              online shopping銆�facial recognition銆�electronic payment銆�intercity
+              train銆�shared bike銆�take-away service
+            </p>
+          </div>
+          <div class="fl ju-bt">
+            <div class="left" style="width: 48%">
+              <div>
+                <p class="center">
+                  <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
+                </p>
+                <p class="center">
+                  1.
+                  <select v-model="dropdownData.one.value">
+                    <option
+                      v-for="(item, index) in dropDownList"
+                      :key="index"
+                      :value="item"
+                    >
+                      {{ item }}
+                    </option>
+                  </select>
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="dropdownData.one.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="dropdownData.one.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerFive"
+              >
+                绛旀锛歩ntercity train
+              </p>
+            </div>
+            <div class="right" style="width: 48%">
+              <div>
+                <p class="center">
+                  <el-image
+                    :src="imgEnight"
+                    :preview-src-list="[imgEnight]"
+                    style="width: 98%"
+                  />
+                </p>
+                <p class="center">
+                  2.
+                  <select v-model="dropdownData.two.value">
+                    <option
+                      v-for="(item, index) in dropDownList"
+                      :key="index"
+                      :value="item"
+                    >
+                      {{ item }}
+                    </option>
+                  </select>
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="dropdownData.two.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="dropdownData.two.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerFive"
+              >
+                绛旀锛歰nline shopping
+              </p>
+            </div>
+          </div>
+
+          <div class="fl ju-bt">
+            <div class="left" style="width: 48%">
+              <div>
+                <p class="center">
+                  <el-image :src="imgNine" :preview-src-list="[imgNine]" />
+                </p>
+                <p class="center">
+                  3.
+                  <select v-model="dropdownData.three.value">
+                    <option
+                      v-for="(item, index) in dropDownList"
+                      :key="index"
+                      :value="item"
+                    >
+                      {{ item }}
+                    </option>
+                  </select>
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="dropdownData.three.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="dropdownData.three.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerFive"
+              >
+                绛旀锛歟lectronic payment
+              </p>
+            </div>
+            <div class="right" style="width: 48%">
+              <div>
+                <p class="center">
+                  <el-image
+                    :src="imgTen"
+                    :preview-src-list="[imgTen]"
+                    style="width: 94%"
+                  />
+                </p>
+                <p class="center">
+                  4.
+                  <select v-model="dropdownData.four.value">
+                    <option
+                      v-for="(item, index) in dropDownList"
+                      :key="index"
+                      :value="item"
+                    >
+                      {{ item }}
+                    </option>
+                  </select>
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="dropdownData.four.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="dropdownData.four.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerFive"
+              >
+                绛旀锛歴hared bike
+              </p>
+            </div>
+          </div>
+
+          <div class="fl ju-bt">
+            <div class="left" style="width: 48%">
+              <div>
+                <p class="center">
+                  <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
+                </p>
+                <p class="center">
+                  5.
+                  <select v-model="dropdownData.five.value">
+                    <option
+                      v-for="(item, index) in dropDownList"
+                      :key="index"
+                      :value="item"
+                    >
+                      {{ item }}
+                    </option>
+                  </select>
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="dropdownData.five.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="dropdownData.five.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerFive"
+              >
+                绛旀锛歵ake-away service
+              </p>
+            </div>
+            <div class="right" style="width: 48%">
+              <div>
+                <p class="center">
+                  <el-image
+                    :src="imgTwelve"
+                    :preview-src-list="[imgTwelve]"
+                    style="width: 98%"
+                  />
+                </p>
+                <p class="center">
+                  6.
+                  <select v-model="dropdownData.six.value">
+                    <option
+                      v-for="(item, index) in dropDownList"
+                      :key="index"
+                      :value="item"
+                    >
+                      {{ item }}
+                    </option>
+                  </select>
+                  <span class="icon-box">
+                    <i
+                      class="el-icon-check correct-icon"
+                      v-if="dropdownData.six.isRight"
+                    ></i>
+                    <i
+                      class="el-icon-close error-icon"
+                      v-if="dropdownData.six.isRight == false"
+                    ></i>
+                  </span>
+                </p>
+              </div>
+              <p
+                class="event-header-text-bc pd-5"
+                style="width: 90%"
+                v-if="showAnswerFive"
+              >
+                绛旀锛歠acial recognition
+              </p>
+            </div>
+          </div>
+          <div class="fl ju-ev" style="width: 70%">
+            <button @click="setDropdownData" class="btn-border btn-w">
+              淇濆瓨
+            </button>
+            <button class="btn-border btn-w">鎻愪氦</button>
+            <button @click="handleDropdown('judge')" class="btn-border btn-w">鍒ゆ柇姝g‘</button>
+            <button
+              @click="showAnswerFive = !showAnswerFive"
+              class="parimary-btn"
+            >
+              鏌ョ湅绛旀
+            </button>
+          </div>
+        </div>
+      </div>
+      <div class="preface-bottom">
+        <span class="contet-num-box">9</span>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+import getResourcePath from "@/assets/methods/resources";
+
 export default {
   name: "chapter-one",
   data() {
@@ -565,75 +1687,283 @@
       imgFour: require("../../assets/images/0012-4.jpg"),
       imgFive: require("../../assets/images/0012-5.jpg"),
       imgSix: require("../../assets/images/0012-6.jpg"),
+      imgSeven: require("../../assets/images/0019-1.jpg"),
+      imgEnight: require("../../assets/images/0019-2.jpg"),
+      imgNine: require("../../assets/images/0019-3.jpg"),
+      imgTen: require("../../assets/images/0019-4.jpg"),
+      imgEleven: require("../../assets/images/0019-5.jpg"),
+      imgTwelve: require("../../assets/images/0019-6.jpg"),
+      imgThirteen: require("../../assets/images/grammar.jpg"),
+      showAnswerOne: false,
+      showAnswerTwo: false,
+      showAnswerThree: false,
+      showAnswerFour: false,
+      showAnswerFive: false,
+      showImg: false,
+      showQuestionAnswer: false,
       questionData: {
         warnUp: {
           one: {
             value: "",
             isRight: null,
+            answer: "Chinese knot",
           },
           two: {
             value: "",
             isRight: null,
+            answer: "Chinese medicine",
           },
           three: {
             value: "",
             isRight: null,
+            answer: "Chinese calligraphy",
           },
           four: {
             value: "",
             isRight: null,
+            answer: "Taichi",
           },
           five: {
             value: "",
             isRight: null,
+            answer: "sweet dumpling",
           },
           six: {
             value: "",
             isRight: null,
+            answer: "Chinese chess",
           },
           seven: "",
         },
+        reading: {
+          one: "",
+          two: "",
+        },
+        table: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+          enight: "",
+          nine: "",
+        },
       },
+      testData: {
+        tx: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+        in: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+        line: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+        ts: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+        },
+        gr: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+        cm: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+        },
+      },
+      resource: {
+        listenOne: "",
+        readingOne: "",
+        readingTwo: "",
+      },
+      dropDownList: [
+        "online shopping",
+        "facial recognition",
+        "electronic payment",
+        "intercity  train",
+        "shared bike",
+        "take-away service",
+      ],
+      dropdownData: {
+        one: {
+          value: "",
+          isRight: null,
+          answer: "intercity train",
+        },
+        two: {
+          value: "",
+          isRight: null,
+          answer: "online shopping",
+        },
+        three: {
+          value: "",
+          isRight: null,
+          answer: "electronic payment",
+        },
+        four: {
+          value: "",
+          isRight: null,
+          answer: "shared bike",
+        },
+        five: {
+          value: "",
+          isRight: null,
+          answer: "take-away service",
+        },
+        six: {
+          value: "",
+          isRight: null,
+          answer: "facial recognition",
+        },
+      },
+      pptList: [
+        require("../../assets/images/ppt/ppt_01.png"),
+        require("../../assets/images/ppt/ppt_02.png"),
+        require("../../assets/images/ppt/ppt_03.png"),
+        require("../../assets/images/ppt/ppt_04.png"),
+        require("../../assets/images/ppt/ppt_05.png"),
+        require("../../assets/images/ppt/ppt_06.png"),
+        require("../../assets/images/ppt/ppt_07.png"),
+        require("../../assets/images/ppt/ppt_08.png"),
+        require("../../assets/images/ppt/ppt_09.png"),
+        require("../../assets/images/ppt/ppt_10.png"),
+        require("../../assets/images/ppt/ppt_11.png"),
+        require("../../assets/images/ppt/ppt_12.png"),
+        require("../../assets/images/ppt/ppt_13.png"),
+        require("../../assets/images/ppt/ppt_14.png"),
+        require("../../assets/images/ppt/ppt_15.png"),
+        require("../../assets/images/ppt/ppt_16.png"),
+        require("../../assets/images/ppt/ppt_17.png"),
+        require("../../assets/images/ppt/ppt_18.png"),
+        require("../../assets/images/ppt/ppt_19.png"),
+        require("../../assets/images/ppt/ppt_20.png"),
+        require("../../assets/images/ppt/ppt_21.png"),
+        require("../../assets/images/ppt/ppt_22.png"),
+        require("../../assets/images/ppt/ppt_23.png"),
+        require("../../assets/images/ppt/ppt_24.png"),
+        require("../../assets/images/ppt/ppt_25.png"),
+        require("../../assets/images/ppt/ppt_26.png"),
+        require("../../assets/images/ppt/ppt_27.png"),
+      ],
     };
   },
+  mounted() {
+    const testData = localStorage.getItem("english-testOne");
+    if (testData) {
+      this.testData = JSON.parse(testData);
+    }
+    const bookQuestion = localStorage.getItem("english-book-question-one");
+    if (bookQuestion) {
+      this.questionData = JSON.parse(bookQuestion);
+    }
+    const dropdownData = localStorage.getItem("english-dropdown-one");
+    if (dropdownData) {
+      this.dropdownData = JSON.parse(dropdownData);
+    }
+    this.getPath();
+  },
   methods: {
+    saveWord(word) {
+      this.$emit("saveCharacters", word);
+    },
+    setTestData() {
+      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
+    },
+    setBookQuestion() {
+      localStorage.setItem(
+        "english-book-question-one",
+        JSON.stringify(this.questionData)
+      );
+    },
+    getPath() {
+      this.resource.listenOne = getResourcePath(
+        "422139A2EF66EA888C5ED1D550AE23E0"
+      );
+      this.resource.readingOne = getResourcePath(
+        "3F442B682D84C8AB06C800B29D734920"
+      );
+      this.resource.readingTwo = getResourcePath(
+        "E8719EC88026BCFB11D292AA999F6D3D"
+      );
+    },
     showAnswer(type) {
-      if (type == "seven") {
-        this.questionData.warnUp.seven = "This is a good idear.";
+      if (type == "showImg") {
+        this.showImg = !this.showImg;
       }
     },
     handleQuestion(type) {
       if (type == "one") {
         this.questionData.warnUp.one.value
           ? (this.questionData.warnUp.one.isRight =
-              this.questionData.warnUp.one.value == "浣犲ソ")
+              this.questionData.warnUp.one.value == "Chinese knot")
           : (this.questionData.warnUp.one.isRight = null);
       } else if (type == "two") {
         this.questionData.warnUp.two.value
           ? (this.questionData.warnUp.two.isRight =
-              this.questionData.warnUp.two.value == "浣犲ソ")
+              this.questionData.warnUp.two.value == "Chinese medicine")
           : (this.questionData.warnUp.two.isRight = null);
       } else if (type == "three") {
         this.questionData.warnUp.three.value
           ? (this.questionData.warnUp.three.isRight =
-              this.questionData.warnUp.three.value == "浣犲ソ")
+              this.questionData.warnUp.three.value == "Chinese calligraphy")
           : (this.questionData.warnUp.three.isRight = null);
       } else if (type == "four") {
         this.questionData.warnUp.four.value
           ? (this.questionData.warnUp.four.isRight =
-              this.questionData.warnUp.four.value == "浣犲ソ")
+              this.questionData.warnUp.four.value == "Taichi")
           : (this.questionData.warnUp.four.isRight = null);
       } else if (type == "five") {
         this.questionData.warnUp.five.value
           ? (this.questionData.warnUp.five.isRight =
-              this.questionData.warnUp.five.value == "浣犲ソ")
+              this.questionData.warnUp.five.value == "sweet dumpling")
           : (this.questionData.warnUp.five.isRight = null);
       } else if (type == "six") {
         this.questionData.warnUp.six.value
           ? (this.questionData.warnUp.six.isRight =
-              this.questionData.warnUp.six.value == "浣犲ソ")
+              this.questionData.warnUp.six.value == "Chinese chess")
           : (this.questionData.warnUp.six.isRight = null);
       }
+    },
+    handleDropdown(type) {
+      const dropdownDatas = this.dropdownData;
+      for (let key in dropdownDatas) {
+        const item = dropdownDatas[key];
+        if (type == "judge") {
+          item.value == item.answer
+            ? (item.isRight = true)
+            : (item.isRight = false);
+        }
+      }
+      this.dropdownData = dropdownDatas;
+    },
+    setDropdownData() {
+      localStorage.setItem(
+        "english-dropdown-one",
+        JSON.stringify(this.dropdownData)
+      );
     },
   },
 };
@@ -646,4 +1976,35 @@
 .bodystyle {
   margin: 0 !important;
 }
+.line-border-box {
+  margin-left: 10px;
+  display: inline-block;
+  width: 50%;
+  height: 3px;
+  background-color: #f9a71b;
+}
+.mr-20 {
+  margin-right: 20px;
+}
+.dl-box {
+  display: flex;
+  flex-wrap: wrap;
+  .dl-span {
+    display: inline-block;
+    text-indent: 0;
+    margin-bottom: 15px;
+    height: 20px;
+    line-height: 20px;
+  }
+}
+.btn-w {
+  font-size: 14px;
+  border-width:1px;
+  min-width: 80px;
+  background-color:#fff;
+  &:hover {
+    background-color:#0bab87 ;
+    color: #fff;
+  }
+}
 </style>
diff --git a/src/books/English/view/components/header.vue b/src/books/English/view/components/header.vue
index d06b869..b532902 100644
--- a/src/books/English/view/components/header.vue
+++ b/src/books/English/view/components/header.vue
@@ -26,8 +26,7 @@
         <p class="tl fz-14 mb-0" style="margin-top: 136px">
           <b>鍥句功鎰忚鍙嶉 gaozhifk@bnupg.com 010-58805079</b>
         </p>
-        <p class="tl fz-14 m0">钀ラ攢涓績鐢佃瘽 010-58802755 58800035</p>
-        <p class="tl fz-14 m0">缂栬緫閮ㄧ數璇濓細010-58802883</p>
+        <p class="tl fz-14 mt-100">钀ラ攢涓績鐢佃瘽 010-58802755 58800035</p>
         <hr class="line" style="height: 1px" />
         <p class="tl fz-14 m0">鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com</p>
         <p class="tl fz-14 m0">銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙e澶ц12-3鍙�</p>
@@ -197,5 +196,7 @@
   font-size: 26px !important;
   color: #000 !important;
 }
-
+.mt-100 {
+  margin-top: 100px !important;
+}
 </style>
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index 4813604..5940fdd 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -2,7 +2,7 @@
   <div class="page-main" @scroll="throttledScrollHandler">
     <div class="page-content">
       <pageHeader></pageHeader>
-      <chapterOne></chapterOne>
+      <chapterOne @saveCharacters="saveCharacters"></chapterOne>
     </div>
   </div>
 </template>
@@ -208,7 +208,7 @@
             // 绗旇
             pageDom.innerHTML = pageDom.innerHTML.replace(
               reg,
-              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
+              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
             );
             break;
         }
@@ -281,6 +281,11 @@
         }
       });
     },
+
+    // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳�
+    saveCharacters(word) {
+      console.log('鐢熷兓瀛�',word);
+    }
   },
 };
 </script>
diff --git a/src/books/childHealth/assets/images/Covers.jpg b/src/books/childHealth/assets/images/Covers.jpg
new file mode 100644
index 0000000..6e73cbb
--- /dev/null
+++ b/src/books/childHealth/assets/images/Covers.jpg
Binary files differ
diff --git a/src/books/childHealth/assets/images/icon/audio.svg b/src/books/childHealth/assets/images/icon/audio.svg
new file mode 100644
index 0000000..66c6fff
--- /dev/null
+++ b/src/books/childHealth/assets/images/icon/audio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.115" height="19.988" viewBox="0 0 20.115 19.988"><defs><style>.a{fill:url(#a);}</style><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><path class="a" d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z" transform="translate(-3351.001 15212)"/></svg>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/images/icon/ballpen.svg b/src/books/childHealth/assets/images/icon/ballpen.svg
deleted file mode 100644
index 086a8f1..0000000
--- a/src/books/childHealth/assets/images/icon/ballpen.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/images/icon/buzhou.svg b/src/books/childHealth/assets/images/icon/buzhou.svg
new file mode 100644
index 0000000..45e3272
--- /dev/null
+++ b/src/books/childHealth/assets/images/icon/buzhou.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.28" height="20.563" viewBox="0 0 19.28 20.563"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-109.056 -82.941)"><path class="a" d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" transform="translate(-3316.14 15289.201)"/><path class="a" d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" transform="translate(-196.896 -148.921)"/><path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)"/></g></svg>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/images/icon/list-details.svg b/src/books/childHealth/assets/images/icon/list-details.svg
deleted file mode 100644
index 5cc2fc4..0000000
--- a/src/books/childHealth/assets/images/icon/list-details.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/images/icon/video.svg b/src/books/childHealth/assets/images/icon/video.svg
index bab1deb..3d5de0a 100644
--- a/src/books/childHealth/assets/images/icon/video.svg
+++ b/src/books/childHealth/assets/images/icon/video.svg
@@ -1 +1 @@
-<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.863" height="13.817" viewBox="0 0 19.863 13.817"><defs><style>.a{fill:url(#a);}.b{fill:#fff;}</style><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff" stop-opacity="0.012"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><g transform="translate(-40.961 -184.321)"><path class="a" d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z" transform="translate(51.824 196.82) rotate(-90)"/><path class="b" d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z" transform="translate(-3269 15293.001)"/></g></svg>
\ No newline at end of file
diff --git a/src/books/childHealth/assets/main.less b/src/books/childHealth/assets/main.less
index 8f3aa7b..40a45d0 100644
--- a/src/books/childHealth/assets/main.less
+++ b/src/books/childHealth/assets/main.less
@@ -567,7 +567,6 @@
     cursor: pointer;
     width: 23px;
     border-radius: 5px;
-    border: 1px solid;
     margin-left: 5px;
   }
   .table-br-color {
diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue
index db1e3e9..1cbfbdf 100644
--- a/src/books/childHealth/view/content/components/chapter0004.vue
+++ b/src/books/childHealth/view/content/components/chapter0004.vue
@@ -1421,7 +1421,7 @@
         this.saveChapterOneData();
       }
     }, 1000);
-    this.$data.questionData = await getQuestionData("4", testData[4]);
+    this.$data.questionData = await getQuestionData("4", testData[4],this.config.activeBook);
     this.getVideoPath()
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index 535115e..5a1e29e 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -62,14 +62,14 @@
           <span class="fl fl-cn mb-20">
             <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span>
             <span class="t0" >涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�</span>
-            <svg @click="changeResources('learnTbaleOne')"  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn theme-color theme-border icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>
-            <!-- <img
-              src="../../../assets/images/icon/list-details.svg"
+           
+            <img
+              src="../../../assets/images/icon/document.png"
               alt=""
               @click="changeResources('learnTbaleOne')"
               style="margin-left: 10px;"
               class="btn"
-            /> -->
+            />
           </span>
             <table
               v-if="learnTbaleOne"
@@ -248,7 +248,14 @@
           <span class="fl fl-cn mb-20">
             <span class="learn-title-text">瑙嗛锛�</span>
             <span class="t0">浜轰綋姒傝堪</span>
-              <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg>
+            <img
+              src="../../../assets/images/icon/video.png"
+              alt=""
+              @click="changeResources('videoOne')"
+              style="margin-left: 10px;"
+              class="btn"
+            />
+            <!-- <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> -->
           </span>
           <span v-if="videoOne">
             <video
@@ -268,14 +275,14 @@
           <span class="fl fl-cn mb-20">
             <span class="learn-title-text">浜戞祴璇曪細</span>
             <span class="t0">浜轰綋姒傝堪</span>
-            <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg>
-            <!-- <img
-              src="../../../assets/images/icon/ballpen.svg"
+            <!-- <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg> -->
+            <img
+              src="../../../assets/images/icon/topic.png"
               alt=""
               @click="changeResources('testOne')"
               style="margin-left: 10px"
               class="btn"
-            /> -->
+            />
           </span>
             <examinations
             v-if="testOne && questionData"
@@ -4227,7 +4234,7 @@
         this.saveChapterOneData()
       }
     },1000)
-    this.$data.questionData = await getQuestionData('1',testData[1])
+    this.$data.questionData = await getQuestionData('1',testData[1],this.config.activeBook)
     this.getVideoPath()
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index 0d4945a..4244e7d 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -1357,7 +1357,7 @@
         this.saveChapterOneData()
       }
     },1000)
-    this.$data.questionData = await getQuestionData('2',testData[2]);
+    this.$data.questionData = await getQuestionData('2',testData[2],this.config.activeBook);
     this.getVideoPath()
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue
index ebdc347..f29ca49 100644
--- a/src/books/childHealth/view/content/components/chapter003.vue
+++ b/src/books/childHealth/view/content/components/chapter003.vue
@@ -1970,7 +1970,7 @@
         this.saveChapterOneData();
       }
     }, 1000);
-    this.$data.questionData = await getQuestionData("3", testData[3]);
+    this.$data.questionData = await getQuestionData("3", testData[3],this.config.activeBook);
     this.getVideoPath()
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue
index df157c8..b6a57cc 100644
--- a/src/books/childHealth/view/content/components/chapter005.vue
+++ b/src/books/childHealth/view/content/components/chapter005.vue
@@ -2720,7 +2720,7 @@
         this.saveChapterOneData();
       }
     }, 1000);
-    this.$data.questionData = await getQuestionData('5',testData[5])
+    this.$data.questionData = await getQuestionData('5',testData[5],this.config.activeBook)
     this.getVideoPath()
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter006.vue b/src/books/childHealth/view/content/components/chapter006.vue
index e864ca4..98d4c32 100644
--- a/src/books/childHealth/view/content/components/chapter006.vue
+++ b/src/books/childHealth/view/content/components/chapter006.vue
@@ -2678,7 +2678,7 @@
         this.saveChapterOneData();
       }
     }, 1000);
-    this.$data.questionData = await getQuestionData('6',testData[6])
+    this.$data.questionData = await getQuestionData('6',testData[6],this.config.activeBook)
     this.getVideoPath()
     
   },
diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue
index 512a3f6..862b392 100644
--- a/src/books/childHealth/view/content/components/chapter007.vue
+++ b/src/books/childHealth/view/content/components/chapter007.vue
@@ -3611,7 +3611,7 @@
         this.saveChapterOneData();
       }
     }, 1000);
-    this.$data.questionData = await getQuestionData('7',testData[7])
+    this.$data.questionData = await getQuestionData('7',testData[7],this.config.activeBook)
     this.getVideoPath()
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue
index d856031..86e89c3 100644
--- a/src/books/childHealth/view/content/components/chapter008.vue
+++ b/src/books/childHealth/view/content/components/chapter008.vue
@@ -2460,7 +2460,7 @@
         this.saveChapterOneData();
       }
     }, 1000);
-    this.$data.questionData = await getQuestionData("8", testData[8]);
+    this.$data.questionData = await getQuestionData("8", testData[8],this.config.activeBook);
     this.getVideoPath();
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter009.vue b/src/books/childHealth/view/content/components/chapter009.vue
index 81545f1..4cac6a3 100644
--- a/src/books/childHealth/view/content/components/chapter009.vue
+++ b/src/books/childHealth/view/content/components/chapter009.vue
@@ -1764,7 +1764,7 @@
         this.saveChapterOneData();
       }
     }, 1000);
-    this.$data.questionData = await getQuestionData('9',testData[9])
+    this.$data.questionData = await getQuestionData('9',testData[9],this.config.activeBook)
     this.getVideoPath()
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue
index 779ac22..dd76f19 100644
--- a/src/books/childHealth/view/content/components/chapter010.vue
+++ b/src/books/childHealth/view/content/components/chapter010.vue
@@ -1375,7 +1375,7 @@
         this.saveChapterOneData();
       }
     }, 1000);
-    this.$data.questionData = await getQuestionData('10',testData[10])
+    this.$data.questionData = await getQuestionData('10',testData[10],this.config.activeBook)
     this.getVideoPath()
   },
   unmounted() {
diff --git a/src/books/childHealth/view/content/components/chapter011.vue b/src/books/childHealth/view/content/components/chapter011.vue
index a1ee7da..c1056cb 100644
--- a/src/books/childHealth/view/content/components/chapter011.vue
+++ b/src/books/childHealth/view/content/components/chapter011.vue
@@ -101,7 +101,7 @@
     };
   },
   async mounted() {
-    this.$data.questionData = await getQuestionData('11',testData[11])
+    this.$data.questionData = await getQuestionData('11',testData[11],this.config.activeBook)
   },
 };
 </script>
diff --git a/src/books/childHealth/view/content/components/header.vue b/src/books/childHealth/view/content/components/header.vue
index 26c1c19..989271d 100644
--- a/src/books/childHealth/view/content/components/header.vue
+++ b/src/books/childHealth/view/content/components/header.vue
@@ -2,7 +2,7 @@
   <div class="chapter" num="0">
     <!-- 灏侀潰 -->
     <div class="page-box cover">
-      <img src="../../../assets/images/Cover.jpg" alt="" />
+      <img src="../../../assets/images/Covers.jpg" alt="" />
     </div>
     <!-- <p class="center">
       <img alt="" class="imz" src="../assets/images/SMY.jpg" />
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index fa1db7f..0821c6a 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -237,7 +237,7 @@
             // 绗旇
             pageDom.innerHTML = pageDom.innerHTML.replace(
               reg,
-              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
+              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
             );
             break;
         }
diff --git a/src/books/embedded/view/components/index.vue b/src/books/embedded/view/components/index.vue
index 83f7fcb..ab93830 100644
--- a/src/books/embedded/view/components/index.vue
+++ b/src/books/embedded/view/components/index.vue
@@ -209,7 +209,7 @@
             // 绗旇
             pageDom.innerHTML = pageDom.innerHTML.replace(
               reg,
-              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
+              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
             );
             break;
         }
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index d187c53..68f329b 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -22,10 +22,10 @@
   }
 
   .prefaceImg {
-    width: 90% !important;
+    width: 92% !important;
     position: absolute;
-    left: 35px;
-    top: 50px;
+    left: 4%;
+    top: 4%;
   }
 
   input {
@@ -35,10 +35,11 @@
     outline: none;
     font-size: 16px;
     text-align: center;
+    white-space: pre-line;
   }
 
   .chapter {
-    font-family: "瀹嬩綋", SimSun, sans-serif;
+    font-family: "瀹嬩綋";
 
     .topImg {
       padding-top: 0 !important;
@@ -51,43 +52,36 @@
 
     .header {
       width: 100%;
-      height: 136px;
-      position: absolute;
-      left: 0;
-      top: 0;
-      z-index: 1001;
+      height: 100px;
 
       .pageHeader-first {
         width: 100%;
-        height: 136px;
-        position: relative;
+        height: 100%;
+        padding-top: 6%;
 
         .header-bj {
           width: 78%;
-          height: 115px;
-          border-left: 1px solid #dfb27d;
-          border-bottom: 1px solid #dfb27d;
-          position: absolute;
-          right: 30px;
-          top: 3px;
+          height: 100%;
+          border-left: 2px solid #dfb27d;
+          border-bottom: 2px solid #dfb27d;
+          margin-left: 18%;
         }
 
         .content {
-          background-color: #f49a4c;
-          width: 740px;
-          height: 35px;
-          position: absolute;
-          left: 25px;
-          top: 75px;
+          background-color: #F49A4C;
+          width: 91%;
+          height: 32%;
           display: flex;
           justify-content: flex-start;
           align-items: center;
+          margin-top: -6%;
+          margin-left: 3%;
 
           .pageStr {
-            width: 140px;
             color: #fff;
-            font-size: 28px;
+            font-size: 24px;
             text-align: center;
+            margin: 0 20px;
           }
 
           .title {
@@ -96,14 +90,45 @@
             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: 18px;
+            }
+
+            .pageStr {
+              font-size: 18px;
+            }
           }
         }
       }
+
 
       .pageHeader-second {
         width: 100%;
@@ -111,6 +136,7 @@
         justify-content: center;
         align-items: center;
         flex-direction: column;
+        padding-top: 3%;
 
         .second-con {
           width: 90%;
@@ -121,7 +147,7 @@
           font-size: 20px;
           position: absolute;
           right: 36px;
-          top: 60px;
+          top: 80px;
 
           .second-left {
             width: 23px;
@@ -155,14 +181,44 @@
               font-size: 28px;
               color: #fff;
             }
+
+            .zt1-pageNum {
+              background-color: #a5c24f;
+            }
+
+            .zt1-pageStr {
+              color: #a5c24f;
+            }
+          }
+        }
+
+        @media (max-width: 756px) {
+          .second-con {
+            font-size: 18px;
+
+            .pageNum {
+              font-size: 18px !important;
+            }
+          }
+        }
+
+        @media (max-width: 1024px) {
+
+          .second-con {
+            right: 20px;
+            top: 75px;
           }
         }
 
         .borderLine {
           width: 93%;
-          height: 1px;
+          height: 2px;
           background-color: #f49a4c;
           margin-top: 105px;
+        }
+
+        .zt1-boderLine {
+          background-color: #a5c24f;
         }
       }
     }
@@ -195,15 +251,16 @@
         text-align: center;
         border: 1px solid #999;
         margin: 0;
-        padding: 2px 9px;
+        padding: 8px 9px;
         font-size: 16px;
       }
 
       tr td {
         border: 1px solid #999;
         text-align: center;
-        padding: 2px 0;
+        padding: 8px;
         overflow: hidden;
+        white-space: pre-line;
       }
     }
 
@@ -269,6 +326,29 @@
       padding: 12px 10px;
       box-sizing: border-box;
       padding-top: 30px;
+      font-family: '浠垮畫';
+      font-weight: 700;
+
+
+      p {
+        margin-top: 0px;
+      }
+
+      .p-text {
+        p {
+
+          line-height: 22px;
+          font-weight: 700;
+          color: #666;
+        }
+
+        div {
+          line-height: 22px;
+          font-size: 20px;
+          text-align: center;
+          padding-top: 10px;
+        }
+      }
     }
 
     .page-box {
@@ -303,7 +383,7 @@
     }
 
     .pdf-content {
-      padding: 0 5%;
+      padding: 5% 5%;
       box-sizing: border-box;
     }
 
@@ -467,12 +547,16 @@
       margin: 15px;
     }
 
+    .img-gn-zt {
+      width: 180px;
+    }
+
     div.bodystyle {
       font-size: 18px;
       text-align: justify;
       padding: 10% 10%;
-      padding-top: 18%;
       box-sizing: border-box;
+      font-family: '瀹嬩綋';
     }
 
     div.bj {
@@ -555,6 +639,15 @@
       text-indent: 0em;
     }
 
+    .h5-zt {
+      font-size: 18px;
+    }
+
+    .tip-specail {
+      border: 1px solid #f49a4c !important;
+      padding: 15px 15px;
+    }
+
     p {
       margin-top: 1em;
       text-indent: 2em;
@@ -620,7 +713,7 @@
     }
 
     h2 {
-      font-family: "瀹嬩綋";
+      font-family: "FZLTZHJW";
       font-weight: bold;
       font-size: 1.2em;
       margin-top: 0.2em;
@@ -633,7 +726,10 @@
     #b003,
     #b004,
     #b005,
-    #b006 {
+    #b006,
+    #b007,
+    #b008,
+    #b009 {
       margin-bottom: 100px;
     }
 
@@ -918,7 +1014,7 @@
     }
 
     .img-gn {
-      height: 3.2em;
+      height: 45px;
       margin-bottom: -0.4em;
     }
 
@@ -1015,14 +1111,6 @@
       margin-right: -1em;
     }
 
-    .block {
-      font-size: 18px;
-      line-height: 25px;
-      font-family: "浠垮畫";
-      font-weight: 600;
-      color: #666;
-    }
-
     .bk-h3 {
       border: 3px solid #f49a4c;
       padding: 0.7em;
@@ -1091,11 +1179,20 @@
     }
 
     div.bk-qjms {
+      font-family: 'FZLTXIHJW';
       border: 3px dotted #f49a4c;
       padding: 15px;
       margin-bottom: 2em;
       margin-top: 0.5em;
       position: relative;
+
+      .block {
+        font-size: 18px;
+        line-height: 25px;
+        font-family: "浠垮畫";
+        font-weight: 600;
+        color: #666;
+      }
     }
 
     p.bj1-qjms {
@@ -1117,4 +1214,4 @@
 
 body {
   background-color: #e6e6e6;
-}
+}
\ No newline at end of file
diff --git a/src/books/lifeCare/image/zt.png b/src/books/lifeCare/image/zt.png
new file mode 100644
index 0000000..b3135c0
--- /dev/null
+++ b/src/books/lifeCare/image/zt.png
Binary files differ
diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/index.vue
index 650eb00..978878f 100644
--- a/src/books/lifeCare/index.vue
+++ b/src/books/lifeCare/index.vue
@@ -17,20 +17,19 @@
       <ChapterThree v-if="showCatalogList.indexOf(3) > -1" />
       <ChapterFour v-if="showCatalogList.indexOf(4) > -1" />
       <ChapterFive v-if="showCatalogList.indexOf(5) > -1" />
-      <!-- <chapterSix v-if="showCatalogList.indexOf(6) > -1" /> -->
-      <!-- <chapterSix /> -->
-      <!-- <chapterSeven /> -->
-      <!-- <chapterEight /> -->
-      <!-- <chapterNine /> -->
-      <!-- <chapter010 /> -->
-      <!-- <chapter011 /> -->
-      <!-- <chapter012 /> -->
-      <!-- <chapter013 /> -->
-      <!-- <chapter014 /> -->
-      <!-- <chapter015 /> -->
-      <!-- <chapter016 /> -->
-      <!-- <chapter017 /> -->
-      <!-- <topic008 /> -->
+      <chapterSix v-if="showCatalogList.indexOf(6) > -1" />
+      <chapterSeven v-if="showCatalogList.indexOf(7) > -1" />
+      <chapterEight v-if="showCatalogList.indexOf(8) > -1" />
+      <chapterNine v-if="showCatalogList.indexOf(9) > -1" />
+      <chapter010 v-if="showCatalogList.indexOf(10) > -1" />
+      <chapter011 v-if="showCatalogList.indexOf(11) > -1" />
+      <chapter012 v-if="showCatalogList.indexOf(12) > -1" />
+      <chapter013 v-if="showCatalogList.indexOf(13) > -1" />
+      <chapter014 v-if="showCatalogList.indexOf(14) > -1" />
+      <chapter015 v-if="showCatalogList.indexOf(15) > -1" />
+      <chapter016 v-if="showCatalogList.indexOf(16) > -1" />
+      <chapter017 v-if="showCatalogList.indexOf(17) > -1" />
+      <chapter018 v-if="showCatalogList.indexOf(18) > -1" />
     </div>
   </div>
 </template>
@@ -54,13 +53,14 @@
 import chapter015 from "./view/chapter015";
 import chapter016 from "./view/chapter016";
 import chapter017 from "./view/chapter017";
+import chapter018 from "./view/chapter018";
 import NoteIcon from "@/assets/images/biji.png";
 import drawflow from "@/components/drawflow";
 import _ from "lodash";
 export default {
   data() {
     return {
-      catalogLength: 7, // 鎬荤珷鑺傛暟
+      catalogLength: 18, // 鎬荤珷鑺傛暟
       showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
       loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
       throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -170,6 +170,7 @@
     chapter015,
     chapter016,
     chapter017,
+    chapter018,
   },
   computed: {
     fontSize() {
@@ -338,7 +339,7 @@
             // 绗旇
             pageDom.innerHTML = pageDom.innerHTML.replace(
               reg,
-              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
+              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
             );
             break;
         }
diff --git a/src/books/lifeCare/js/examinationList.js b/src/books/lifeCare/js/examinationList.js
index 7b141ea..abacc19 100644
--- a/src/books/lifeCare/js/examinationList.js
+++ b/src/books/lifeCare/js/examinationList.js
@@ -14,6 +14,15 @@
   5: {
     94: [67040, 67041, 67042, 67043, 67044, 67045, 67046, 67047],
   },
+  6: {
+    108: [67048, 67049, 67050, 67051, 67052, 67053, 67054, 67055],
+  },
+  7: {
+    131: [67056, 67057, 67058, 67059, 67060, 67061],
+  },
+  8: {
+    141: [67062, 67063, 67064, 67065, 67066, 67067],
+  },
 };
 
 export default testData;
diff --git a/src/books/lifeCare/view/chapter002.vue b/src/books/lifeCare/view/chapter002.vue
index 129d081..495a408 100644
--- a/src/books/lifeCare/view/chapter002.vue
+++ b/src/books/lifeCare/view/chapter002.vue
@@ -216,7 +216,6 @@
         <p>
           2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鐝骇鐜娓呮磥娑堟瘨鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐��
         </p>
-        <p><br /></p>
         <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -605,7 +604,6 @@
         </p>
         <p>5.鏍规嵁妫�鏌ョ殑缁撴灉鍙戞斁瀵瑰簲鐨勬櫒闂存鏌ョ墝銆�</p>
         <p>6.灏嗘墍鐢ㄧ墿鍝佹竻鐞嗗共鍑�锛屾憜鏀炬暣榻愩��</p>
-        <p><br /></p>
         <div class="tips-bk">
           <div class="bj-tip">
             鏅ㄩ棿妫�鏌ヨ瘎鍒嗘爣鍑�<img
@@ -1113,8 +1111,9 @@
             v-model="chapter002.textAreaItem.text21"
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="5"
-            maxlength="200"
+            rows="3"
+            maxlength="100"
+            class="texxtareaInput"
             @blur="onBlurChange('text21')"
           ></textarea>
           <p class="left">琛ㄧ幇</p>
@@ -1122,8 +1121,9 @@
             v-model="chapter002.textAreaItem.text22"
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="5"
-            maxlength="200"
+            rows="3"
+            maxlength="100"
+            class="texxtareaInput"
             @blur="onBlurChange('text22')"
           ></textarea>
           <p class="left">鍘熷洜</p>
@@ -1131,8 +1131,9 @@
             v-model="chapter002.textAreaItem.text23"
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="5"
-            maxlength="200"
+            rows="3"
+            maxlength="100"
+            class="texxtareaInput"
             @blur="onBlurChange('text23')"
           ></textarea>
         </div>
diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/chapter003.vue
index 558cd33..1a383de 100644
--- a/src/books/lifeCare/view/chapter003.vue
+++ b/src/books/lifeCare/view/chapter003.vue
@@ -2486,6 +2486,7 @@
         isScore1Open: true,
         isScore2Open: true,
         isScore3Open: true,
+        isScore4Open:true,
         qustionData: {},
         // 涓冩娲楁墜娉曡瘎鍒嗐�傘��
         publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"],
diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/chapter004.vue
index 00087d1..c64f929 100644
--- a/src/books/lifeCare/view/chapter004.vue
+++ b/src/books/lifeCare/view/chapter004.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="chapter">
+  <div class="chapter" num="4">
     <div class="page-box" page="55">
       <div class="bodystyle topImg">
         <h2 id="b004">
@@ -1203,26 +1203,32 @@
         <p class="block">B.鍚炲捊鍙嶅皠</p>
         <p class="block">C.鍚稿惍鍙嶅皠</p>
         <p class="block">D.鏉′欢鍙嶅皠</p>
-        <p>7.鍩瑰吇鑹ソ鐨勪簩渚夸範鎯拰鐢熸椿鏂瑰紡鏈夊埄浜庯紙銆�<input
+        <p>
+          7.鍩瑰吇鑹ソ鐨勪簩渚夸範鎯拰鐢熸椿鏂瑰紡鏈夊埄浜庯紙銆�<input
             v-model="chapter004.radio.text7"
             @blur="onRadioText()"
-          />銆�锛夈��</p>
+          />銆�锛夈��
+        </p>
         <p class="block">A.鎻愰珮濠村辜鍎垮姩浣滅殑鐏垫椿鎬�</p>
         <p class="block">B.鎻愰珮濠村辜鍎跨殑绀句細浜ゅ線鑳藉姏</p>
         <p class="block">C.鎻愰珮濠村辜鍎挎満浣撶殑宸ヤ綔鏁堢巼</p>
         <p class="block">D.淇冭繘濠村辜鍎跨殑鏅哄姏鍙戝睍</p>
-        <p>8.鍩瑰吇濠村辜鍎跨殑浜屼究涔犳儻瑕侊紙銆�<input
+        <p>
+          8.鍩瑰吇濠村辜鍎跨殑浜屼究涔犳儻瑕侊紙銆�<input
             v-model="chapter004.radio.text8"
             @blur="onRadioText()"
-          />銆�锛夈��</p>
+          />銆�锛夈��
+        </p>
         <p class="block">A.鎶撳噯闂撮殧鏃堕棿鎻愬墠鎻愰啋</p>
         <p class="block">B.鎻愭棭璁粌</p>
         <p class="block">C.浠ュ闀跨殑濞佷弗鍒舵湇濠村効</p>
         <p class="block">D.鐢ㄩ鐗╅�楀紩濠村効</p>
-        <p>9.濠村辜鍎夸簩渚垮悗涓嶆纭殑娓呮磥鏂规硶鏄紙銆�<input
+        <p>
+          9.濠村辜鍎夸簩渚垮悗涓嶆纭殑娓呮磥鏂规硶鏄紙銆�<input
             v-model="chapter004.radio.text9"
             @blur="onRadioText()"
-          />銆�锛夈��</p>
+          />銆�锛夈��
+        </p>
         <p class="block">A.渚垮悗娲楁墜</p>
         <p class="block">B.鐢ㄦ俯姘存礂灞佽偂</p>
         <p class="block">C.渚垮悗渚跨泦娓呮礂娑堟瘨</p>
@@ -1239,7 +1245,10 @@
             v-if="chapter004.idOpenThree && chapter004.qustionData[65]"
             class="tips-file"
           >
-            <examinations :primaryColor="'#f49a4c'" :cardList="chapter004.qustionData[65]" />
+            <examinations
+              :primaryColor="'#f49a4c'"
+              :cardList="chapter004.qustionData[65]"
+            />
           </div>
         </div>
       </div>
@@ -1254,7 +1263,7 @@
 export default {
   name: "chapter004",
   components: {
-    examinations
+    examinations,
   },
   data() {
     return {
@@ -1317,16 +1326,26 @@
     if (localData) {
       this.chapter004 = { ...Object.assign(this.chapter004, localData) };
     }
-    this.chapter004.videOneUrl = getResourcePath("c276be12bae3b1df0b3ce4aa01b14e1e");
-    this.chapter004.videoTwoUrl = getResourcePath("7eb7fe2e3c13885a96143110ca4f5654");
-    this.chapter004.videoFourUrl = getResourcePath("1b04691b60e5b5b207b3a4967c495d29");
+    this.chapter004.videOneUrl = getResourcePath(
+      "c276be12bae3b1df0b3ce4aa01b14e1e"
+    );
+    this.chapter004.videoTwoUrl = getResourcePath(
+      "7eb7fe2e3c13885a96143110ca4f5654"
+    );
+    this.chapter004.videoFourUrl = getResourcePath(
+      "1b04691b60e5b5b207b3a4967c495d29"
+    );
     this.chapter004.videOneUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e";
     this.chapter004.videoTwoUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654";
     this.chapter004.videoFourUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29";
-    this.chapter004.qustionData = await getQuestionData("4",testData[4],this.config.activeBook);
+    this.chapter004.qustionData = await getQuestionData(
+      "4",
+      testData[4],
+      this.config.activeBook
+    );
   },
   methods: {
     activityOne() {
diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue
index f60ff76..1ec380b 100644
--- a/src/books/lifeCare/view/chapter005.vue
+++ b/src/books/lifeCare/view/chapter005.vue
@@ -413,7 +413,6 @@
         <h4 id="d045">
           鈻垛柖 娲诲姩3锛氬啿璋冮厤鏂瑰ザ<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <p><br /></p>
         <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -2767,6 +2766,7 @@
         isScore1Open: true,
         isScore2Open: true,
         isScore3Open: true,
+        isScore4Open:true,
         qustionData: {},
         // 鍐茶皟閰嶆柟濂�
         publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"],
diff --git a/src/books/lifeCare/view/chapter006.vue b/src/books/lifeCare/view/chapter006.vue
index 03a7278..13ca757 100644
--- a/src/books/lifeCare/view/chapter006.vue
+++ b/src/books/lifeCare/view/chapter006.vue
@@ -940,21 +940,6 @@
         <h4 id="d070">
           鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <div class="tips-bk">
-          <div class="bj-tip">
-            浜戞祴璇曪細鍗曞厓鍏簲鐢ㄤ笌瀹炶返<img
-              src="../icons/sub.png"
-              @click="activityThree"
-              alt=""
-            />
-          </div>
-          <div
-            v-if="chapter006.idOpenThree && chapter006.qustionData[3]"
-            class="tips-file"
-          >
-            <examinations :cardList="chapter006.qustionData[3]" />
-          </div>
-        </div>
         <p><br /></p>
         <p><b>涓�銆佸崟閫夐</b></p>
         <p>
@@ -1045,15 +1030,33 @@
             @blur="onBlurChange('desc1')"
           ></textarea>
         </div>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            浜戞祴璇曪細鍗曞厓鍏簲鐢ㄤ笌瀹炶返<img
+              src="../icons/sub.png"
+              @click="activityThree"
+              alt=""
+            />
+          </div>
+          <div
+            v-if="chapter006.idOpenThree && chapter006.qustionData[108]"
+            class="tips-file"
+          >
+            <examinations
+              :primaryColor="'#f49a4c'"
+              :cardList="chapter006.qustionData[108]"
+            />
+          </div>
+        </div>
       </div>
     </div>
   </div>
 </template>
 <script>
-// import getResourcePath from "@/assets/methods/resources.js";
-// import getQuestionData from "@/assets/methods/examination.js";
+import getResourcePath from "@/assets/methods/resources.js";
+import getQuestionData from "@/assets/methods/examination.js";
 import testData from "../js/examinationList.js";
-// import examinations from "@/components/examinations/index.vue";
+import examinations from "@/components/examinations/index.vue";
 
 export default {
   name: "chapter006",
@@ -1061,18 +1064,10 @@
     return {
       chapter006: {
         videOneUrl: "",
-        videoTwoUrl: "",
-        videoFourUrl: "",
-        videoFiveUrl: "",
         isGroupOpen: true,
         isOpenOne: true,
-        isOpenTwo: true,
         idOpenThree: true,
-        isOpenFour: true,
-        isOpenFive: true,
         isScore1Open: true,
-        isScore2Open: true,
-        isScore3Open: true,
         qustionData: {},
         // 鍑嗗楗按鐗╁搧鐨勮瘎鍒嗘爣鍑�
         publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"],
@@ -1194,17 +1189,23 @@
     };
   },
   components: {
-    // examinations,
+    examinations,
   },
-  created() {
+  async created() {
     const localData = JSON.parse(localStorage.getItem("chapter006"));
     if (localData) {
       this.chapter006 = { ...Object.assign(this.chapter006, localData) };
     }
-    // this.chapter006.videOneUrl = getResourcePath("04fafb0e896ffe0379edd6d695a92b13");
+    this.chapter006.videOneUrl = getResourcePath(
+      "04fafb0e896ffe0379edd6d695a92b13"
+    );
     this.chapter006.videOneUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=04fafb0e896ffe0379edd6d695a92b13";
-    // this.chapter006.qustionData = await getQuestionData("5",testData[5]);
+    this.chapter006.qustionData = await getQuestionData(
+      "6",
+      testData[6],
+      this.config.activeBook
+    );
   },
   methods: {
     activityOne() {
@@ -1252,11 +1253,6 @@
       this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
       localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
     },
-    // updateCell152(rowIndex, cellIndex, value) {
-    //   // 鏇存柊鍗曞厓鏍兼暟鎹�
-    //   this.$set(this.chapter006.tableData152[rowIndex], cellIndex, value);
-    //   localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
-    // },
     updateCell162(rowIndex, cellIndex, value) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
       localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
diff --git a/src/books/lifeCare/view/chapter007.vue b/src/books/lifeCare/view/chapter007.vue
index b50689a..50d4c48 100644
--- a/src/books/lifeCare/view/chapter007.vue
+++ b/src/books/lifeCare/view/chapter007.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="7">
+    <div class="page-box" page="114">
+      <div class="bodystyle topImg">
         <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -46,7 +46,19 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="115">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-110</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk">
           <div class="bj1">
@@ -78,7 +90,20 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="116">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-111</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h4 id="d071">
           鈻垛柖 娲诲姩1锛氫簡瑙d笉鍚屽勾榫勬鐨勫┐骞煎効鐨勭潯鐪犻渶姹�<span class="fontsz1"
@@ -104,26 +129,97 @@
         <p>鏍规嵁浠ヤ笂鎻忚堪锛岃鏌ラ槄闃呰鎵嬪唽锛屽畬鎴愪笅鍒楃粌涔犮��</p>
         <p>1.浣犺涓哄┐骞煎効鐨勭潯鐪犻噸瑕佸悧锛熻鍐欐槑鐫$湢瀵瑰┐骞煎効鍋ュ悍鎴愰暱鐨勪环鍊笺��</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text1"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text1')"
+          ></textarea>
         </div>
         <p>
           2.涓婅堪鎯呭涓殑瀹濆疂鐫$湢鏄惁瓒冲锛�4涓湀澶х殑濠村効涓�澶╁簲璇ラ渶瑕佸灏戠潯鐪犳椂闂达紵璇峰姝ゅ紑灞曞闀挎寚瀵笺��
         </p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text2"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text2')"
+          ></textarea>
         </div>
         <p>3.瀛︿範闃呰鎵嬪唽锛屽~鍐欒〃1-7-1銆�</p>
         <p class="img">琛�1-7-1銆�濠村辜鍎�24灏忔椂鍐呭钩鍧囩潯鐪犳椂闂�</p>
-        <p class="center">
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width:
+                      index == 0 || index == chapter007.tableData171.length - 1
+                        ? '100px'
+                        : '',
+                  }"
+                  v-for="(header, index) in chapter007.headersData"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter007.tableData171"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter007.tableData171[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      :readonly="cellIndex == 0"
+                      type="text"
+                      :value="chapter007.tableData171[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p><br /></p>
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0127-1.jpg" />
-        </p>
+        </p> -->
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="117">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-112</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h4 id="d072">
           鈻垛柖 娲诲姩2锛氫簡瑙h壇濂界殑鐫$湢鐜鐨勮姹�<span class="fontsz1"
@@ -145,34 +241,79 @@
         <p>鍒嗘瀽涓婅堪鎯呭锛屽洖绛斾笅鍒楅棶棰樸��</p>
         <p>1.濠村辜鍎挎槸鍚﹂渶瑕佺壒鍒畨闈欑殑鐫$湢鐜锛熶负浠�涔堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text4"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text4')"
+          ></textarea>
         </div>
         <p>2.涓哄┐骞煎効鍒涜鐫$湢鐜鏃讹紝闇�瑕佹敞鎰忓摢浜涙柟闈㈢殑妫�鏌ワ紵</p>
         <div class="bk-tx">
           <p class="left">闂ㄧ獥</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text5"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text5')"
+          ></textarea>
           <p class="left">搴�</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text6"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text6')"
+          ></textarea>
           <p class="left">瀹ゆ俯</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text7"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text7')"
+          ></textarea>
           <p class="left">鍏朵粬</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text8"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text8')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="118">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-113</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>3.璇风粯鍒惰壇濂界殑鐫$湢鐜鍥俱��</p>
         <div class="bk-tx">
-          <p>銆�</p>
-          <p>銆�</p>
-          <p>銆�</p>
+          <p><br /></p>
+          <p><br />銆�</p>
         </div>
         <h4 id="d073">
           鈻垛柖 娲诲姩3锛氬垱璁剧潯鐪犵幆澧�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
@@ -199,27 +340,50 @@
         </p>
         <p>涓哄┐骞煎効閾哄簥鏃剁殑娉ㄦ剰浜嬮」鏈夊摢浜涳紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text9"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text9')"
+          ></textarea>
         </div>
         <p>
           5.瀹夋帓搴婁綅銆傚畨鎺掑簥浣嶆椂锛屽崸瀹ゅ唴搴婂ご鐨勯棿璺濆簲涓�0.5绫冲乏鍙筹紝涓ゆ帓搴婄殑闂磋窛搴斾负0.9绫冲乏鍙炽�傚叏浣撳┐骞煎効澶磋剼浜ゅ弶鐫°��
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="119">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-114</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>涓哄┐骞煎効瀹夋帓搴婁綅鏃剁殑娉ㄦ剰浜嬮」鏈夊摢浜涳紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text10"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text10')"
+          ></textarea>
         </div>
         <p><b>鈶㈠疄璁粌涔�</b></p>
         <p>
           2锝�4浜轰负涓�缁勫紑灞曚负濠村辜鍎垮垱璁捐壇濂界潯鐪犵幆澧冪殑妯℃嫙瀹炶锛屽叾涓竴浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鍒涜鑹ソ鐫$湢鐜鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐��
         </p>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -230,7 +394,75 @@
             <img class="img-h" alt="" src="../image/0130-1.jpg" />
           </p>
           <p class="img">鍒涜鑹ソ鐫$湢鐜鐨勮瘎鍒嗘爣鍑�</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            鍒涜鑹ソ鐫$湢鐜鐨勮瘎鍒嗘爣鍑�<img
+              src="../icons/task.png"
+              @click="activityGroup"
+              alt=""
+            />
+          </div>
+          <div v-if="chapter007.isGroupOpen" class="tips-file">
+            <table class="table111 table122">
+              <thead>
+                <tr>
+                  <th
+                    :style="{
+                      width:
+                        index == 1 || index == chapter007.groupData.length - 1
+                          ? '100px'
+                          : '',
+                    }"
+                    v-for="(header, index) in chapter007.publicHeader"
+                    :key="index"
+                  >
+                    {{ header }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr
+                  v-for="(row, rowIndex) in chapter007.groupData"
+                  :key="rowIndex"
+                >
+                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                    <template v-if="cell === ''">
+                      <input
+                        type="text"
+                        v-model="chapter007.groupData[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellGroup(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else-if="cellIndex == 4">
+                      <input
+                        type="text"
+                        v-model="chapter007.groupData[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellGroup(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else>
+                      {{ cell }}
+                    </template>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
+        <p><br /></p>
         <h3 id="c025">
           <span class="bk-h3"
             ><span class="bj1-h3">浜�</span>銆�銆�璇嗗埆鐫$湢淇″彿銆�</span
@@ -256,49 +488,121 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="120">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-115</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>鍒嗘瀽涓婅堪鎯呭锛屽洖绛斾笅鍒楅棶棰橈紝瀹屾垚缁冧範銆�</p>
         <p>
           1.濡傛灉灏忓竷涓佺户缁閫楃潃鐜╋紝濡堝娌℃湁閲嶈濂圭殑鐫$湢淇″彿锛屼細浜х敓浠�涔堟儏鍐碉紵
         </p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text11"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text11')"
+          ></textarea>
         </div>
         <p>
           2.鈥滃瀛愭兂鐫″氨鐫★紝涓嶆兂鐫★紝閭e氨涓嶈浠栫潯鈥濊繖鏍风殑鐓ф姢瑙傚康鏄惁姝g‘锛熶负浠�涔堬紵灏忔灄鑰佸笀璇ユ�庝箞鍔烇紵
         </p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text12"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text12')"
+          ></textarea>
         </div>
         <p>3.瑙傚療骞舵敹闆嗗┐骞煎効鐨勭潯鐪犱俊鍙枫�傝嫢鏈夌収鐗囷紝鍙创鍦ㄤ笅闈€��</p>
         <div class="bk-tx">
-          <p>銆�</p>
-          <p>銆�</p>
+          <p><br /></p>
+          <p><br /></p>
         </div>
         <p>4.鏌ラ槄闃呰鎵嬪唽锛岀爺璁ㄥ強褰掔撼濠村辜鍎跨殑鐫$湢淇″彿銆�</p>
         <div class="bk-tx">
           <p class="left">鐫″墠鎯呯华</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text13"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text13')"
+          ></textarea>
           <p class="left">鐫″墠璇█</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text14"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text14')"
+          ></textarea>
           <p class="left">鐫″墠鍔ㄤ綔</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text15"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text15')"
+          ></textarea>
           <p class="left">鐫″墠鐪肩</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text16"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text16')"
+          ></textarea>
           <p class="left">鍏朵粬鐗瑰緛</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text17"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text17')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="121">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-116</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h4 id="d075">
           鈻垛柖 娲诲姩2锛氭牴鎹潯鐪犱俊鍙峰強鏃跺搫鐫�<span class="fontsz1"
@@ -314,13 +618,25 @@
         <p>鍒嗘瀽涓婅堪鎯呭锛屽洖绛斾笅鍒楅棶棰樸��</p>
         <p>1.灏忎竵褰撶殑鐫$湢淇″彿鏈夊摢浜涳紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text18"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text18')"
+          ></textarea>
         </div>
         <p>2.閽堝灏忎竵褰撶殑鐫$湢淇″彿锛屾垜浠濡備綍鍋氾紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text19"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text19')"
+          ></textarea>
         </div>
         <div class="bk-qjms">
           <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p>
@@ -330,28 +646,95 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="122">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-117</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>鍒嗘瀽涓婅堪鎯呭锛屽洖绛旈棶棰樺苟瀹屾垚缁冧範銆�</p>
         <p>1.闄や簡涓婅堪鎯呭涓彁鍒扮殑鐫$湢淇″彿涔嬪锛屼綘杩樼煡閬撳摢浜涳紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text99"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text99')"
+          ></textarea>
         </div>
         <p>
           2.鏍规嵁鏀堕泦鐨勫┐骞煎効鐨勭潯鐪犱俊鍙锋壘鍒扮浉搴旂殑鍝勭潯灏忓鎷涳紝鍒嗕韩浠嬬粛锛屾瘮姣旇皝鐨勫鎷涘ソ锛堣琛�1-7-2锛夈��
         </p>
         <p class="img">琛�1-7-2銆�鐫$湢淇″彿鍙婂搫鐫″皬濡欐嫑</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0133-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width:
+                      index == 0 || index == chapter007.tableData172.length - 1
+                        ? '100px'
+                        : '',
+                  }"
+                  v-for="(header, index) in chapter007.headersData172"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter007.tableData172"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter007.tableData172[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      :readonly="cellIndex == 0"
+                      type="text"
+                      :value="chapter007.tableData172[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
         <h3 id="c026">
           <span class="bk-h3"
             ><span class="bj1-h3">涓�</span>銆�銆�鐫″墠鍑嗗銆�</span
           >
         </h3>
         <p><br /></p>
-        <div class="bk-sys">
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -361,15 +744,40 @@
             <img class="img-h" alt="" src="../image/0133-2.jpg" />
           </p>
           <p class="img">鍗堢潯鍓嶇殑鍑嗗</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氬崍鐫″墠鐨勫噯澶�<img
+              src="../icons/video.png"
+              @click="activityOne"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter007.isOpenOne && chapter007.videOneUrl"
+          >
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="chapter007.videOneUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <p>
           鎵樿偛鍥殑淇濇暀浜哄憳鍦ㄧ収鎶ゅ┐骞煎効鐫¤鐨勬椂鍊欙紝涓嶄粎瑕佷负浠栦滑鍒涜鑹ソ鐨勭潯鐪犵幆澧冿紝杩樿榧撳姳浠栦滑鍋氬姏鎵�鑳藉強鐨勪簨鎯咃紝濡傜┛鑴辫。鏈嶃�侀瀷琚滅瓑锛岃瀵瑰┐骞煎効鐨勫皾璇曚笌鍔姏缁欎簣鑲畾锛屼笉瑕佸洜涓轰粬浠仛涓嶅ソ鎴栧仛寰楁參鑰屽寘鍔炰唬鏇裤�傚悓鏃讹紝杩樿鎸囧濠村辜鍎垮涔犲拰鎺屾彙鐢熸椿鑷悊鐨勫熀鏈柟娉曘��
         </p>
         <h4 id="d076">
           鈻垛柖 娲诲姩1锛氭寚瀵艰劚绌胯。鐗�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <p><br /></p>
-        <div class="bk-sys">
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -379,7 +787,33 @@
             <img class="img-h" alt="" src="../image/0133-3.jpg" />
           </p>
           <p class="img">鍗堢潯鍓嶇殑鎶ょ悊</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氬崍鐫″墠鐨勬姢鐞�<img
+              src="../icons/video.png"
+              @click="activityTwo"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter007.isOpenTwo && chapter007.videoTwoUrl"
+          >
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="chapter007.videoTwoUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <div class="bk-qjms">
           <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪銆�鈯�</p>
           <p class="block">
@@ -388,20 +822,43 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="123">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-118</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>1.濠村辜鍎胯劚绌胯。鐗╂椂搴旀敞鎰忎繚鎶ゅ摢浜涜韩浣撻儴浣嶏紵璇峰洖绛旈棶棰樺苟璇存槑鍘熷洜銆�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text20"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text20')"
+          ></textarea>
         </div>
         <p>2.鏍规嵁闃呰鎵嬪唽锛岃鏄庡浣曟寚瀵煎┐骞煎効鑴辩┛琛g墿銆�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text21"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text21')"
+          ></textarea>
         </div>
-        <p><br /></p>
-        <div class="bk-sys">
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -411,18 +868,48 @@
             <img class="img-h" alt="" src="../image/0134-1.jpg" />
           </p>
           <p class="img">鑴辫。鐗╂寚瀵�</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氳劚琛g墿鎸囧<img
+              src="../icons/video.png"
+              @click="activityFour"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter007.isOpenFour && chapter007.videoFourUrl"
+          >
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="chapter007.videoFourUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <p>3.灏濊瘯缁欏┐骞煎効鑴辩┛琛g墿缂栭鍎挎瓕銆�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text22"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text22')"
+          ></textarea>
         </div>
         <p>
           4.瀹炶缁冧範銆�2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鎸囧鑴辩┛琛g墿鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐��
         </p>
-        <p><br /></p>
-        <div class="bk-sys">
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -432,7 +919,75 @@
             <img class="img-h" alt="" src="../image/0134-2.jpg" />
           </p>
           <p class="img">鎸囧绌胯劚琛g墿鐨勮瘎鍒嗘爣鍑�</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            鎸囧绌胯劚琛g墿鐨勮瘎鍒嗘爣鍑�<img
+              src="../icons/task.png"
+              @click="activityScore1"
+              alt=""
+            />
+          </div>
+          <div v-if="chapter007.isScore1Open" class="tips-file">
+            <table class="table111 table122">
+              <thead>
+                <tr>
+                  <th
+                    :style="{
+                      width:
+                        index == 1 || index == chapter007.scoreData1.length - 1
+                          ? '100px'
+                          : '',
+                    }"
+                    v-for="(header, index) in chapter007.publicHeader"
+                    :key="index"
+                  >
+                    {{ header }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr
+                  v-for="(row, rowIndex) in chapter007.scoreData1"
+                  :key="rowIndex"
+                >
+                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                    <template v-if="cell === ''">
+                      <input
+                        type="text"
+                        v-model="chapter007.scoreData1[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellScore1(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else-if="cellIndex == 4">
+                      <input
+                        type="text"
+                        v-model="chapter007.scoreData1[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellScore1(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else>
+                      {{ cell }}
+                    </template>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
+        <p><br /></p>
         <h4 id="d077">
           鈻垛柖 娲诲姩2锛氳杩扮潯鍓嶆晠浜�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
@@ -451,7 +1006,20 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="124">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-119</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk-qjms">
           <p class="block">灏忓厰瀛愭墦浜嗕竴涓搱娆犮��</p>
@@ -471,24 +1039,46 @@
         </div>
         <p>1.鑻ヤ负濠村辜鍎胯杩扮潯鍓嶆晠浜嬶紝浣犱細閫夋嫨鍝簺缁樻湰锛�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text23"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text23')"
+          ></textarea>
         </div>
         <p>2.鍦ㄨ杩扮潯鍓嶆晠浜嬬殑鏃跺�欙紝搴旀敞鎰忎粈涔堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text24"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text24')"
+          ></textarea>
         </div>
         <p>
           3.瀹炶缁冧範銆�2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収缁欏┐骞煎効璁茶堪鏁呬簨鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐��
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="125">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-120</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
-        <div class="bk-sys">
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -498,7 +1088,75 @@
             <img class="img-h" alt="" src="../image/0135-1.jpg" />
           </p>
           <p class="img">缁欏┐骞煎効璁茶堪鏁呬簨鐨勮瘎鍒嗘爣鍑�</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            缁欏┐骞煎効璁茶堪鏁呬簨鐨勮瘎鍒嗘爣鍑�<img
+              src="../icons/task.png"
+              @click="activityScore2"
+              alt=""
+            />
+          </div>
+          <div v-if="chapter007.isScore2Open" class="tips-file">
+            <table class="table111 table122">
+              <thead>
+                <tr>
+                  <th
+                    :style="{
+                      width:
+                        index == 1 || index == chapter007.scoreData2.length - 1
+                          ? '100px'
+                          : '',
+                    }"
+                    v-for="(header, index) in chapter007.publicHeader"
+                    :key="index"
+                  >
+                    {{ header }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr
+                  v-for="(row, rowIndex) in chapter007.scoreData2"
+                  :key="rowIndex"
+                >
+                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                    <template v-if="cell === ''">
+                      <input
+                        type="text"
+                        v-model="chapter007.scoreData2[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellScore2(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else-if="cellIndex == 4">
+                      <input
+                        type="text"
+                        v-model="chapter007.scoreData2[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellScore2(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else>
+                      {{ cell }}
+                    </template>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
+        <p><br /></p>
         <h4 id="d078">
           鈻垛柖 娲诲姩3锛氬紑灞曠潯鍓嶆寚瀵�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
@@ -517,67 +1175,154 @@
         <p>鏍规嵁涓婅堪鎯呭锛屽洖绛旈棶棰樺苟瀹屾垚缁冧範銆�</p>
         <p>1.鐜嬭�佸笀鐨勭潯鍓嶆寚瀵间负浠�涔堣兘鎴愬姛锛熻繕鏈夊摢浜涙湁鏁堢殑鐫″墠鎸囧鏂规硶锛�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text25"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text25')"
+          ></textarea>
         </div>
         <p>2.闈㈠鍐啲鐨勭潯鍓嶇姸鎬侊紝闄堣�佸笀璇ュ浣曞府鍔╀粬锛�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text26"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text26')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="126">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-121</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>3.璇风粯鍒朵负濠村辜鍎垮仛鐫″墠鍑嗗宸ヤ綔鐨勬�濈淮瀵煎浘銆�</p>
         <div class="bk-tx">
-          <p>銆�</p>
-          <p>銆�</p>
+          <p>銆�<br /></p>
+          <p>銆�<br /></p>
         </div>
         <p>4.鏍规嵁闃呰鎵嬪唽锛岃璁哄浣曟湁鏁堝紑灞曠潯鍓嶅噯澶囧伐浣溿��</p>
         <p>锛�1锛夊湪寮�灞曞悇椤圭潯鍓嶆椿鍔ㄦ椂搴旀敞鎰忓摢浜涢棶棰橈紵</p>
         <div class="bk-tx">
           <p class="left">濡傚帟</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text27"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text27')"
+          ></textarea>
           <p class="left">娲楁墜銆佹摝鎵�</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text28"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text28')"
+          ></textarea>
           <p class="left">杩涘叆鍗у</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text29"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text29')"
+          ></textarea>
           <p class="left">鑴辫。鐗╁苟鏁寸悊</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text30"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text30')"
+          ></textarea>
         </div>
         <p>锛�2锛夊浣曟湁鏁堝湴钀ラ�犳皼鍥达紵</p>
         <div class="bk-tx">
           <p class="left">鎾斁闊充箰</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <<textarea
+            v-model="chapter007.textAreaItem.text31"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text31')"
+          ></textarea>
           <p class="left">璁叉晠浜�</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text32"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text32')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="127">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-122</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>锛�3锛夊浣曞钩澶嶅┐骞煎効鐨勬儏缁粠鑰屼负鍏ョ潯鍋氬噯澶囷紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text33"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text33')"
+          ></textarea>
         </div>
         <p>锛�4锛夊浣曠収鎶や釜鍒叆鐫″洶闅剧殑濠村辜鍎匡紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text34"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text34')"
+          ></textarea>
         </div>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -588,7 +1333,33 @@
             <img class="img-h" alt="" src="../image/0138-1.jpg" />
           </p>
           <p class="img">鍗堢潯宸℃煡</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氬崍鐫″贰鏌�<img
+              src="../icons/video.png"
+              @click="activityFive"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter007.isOpenFive && chapter007.videoFiveUrl"
+          >
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="chapter007.videoFiveUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <h3 id="c027">
           <span class="bk-h3"
             ><span class="bj1-h3">鍥�</span>銆�銆�鐫′腑瑙傚療銆�</span
@@ -610,18 +1381,36 @@
         </div>
         <p>1.浠ヤ笂鎯呭涓殑鐫″Э鏄惁姝g‘锛熶负浠�涔堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text35"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text35')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="128">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-123</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>2.鎷嶆憚鎴栫粯鍒跺┐骞煎効鐨勫悇绉嶇潯濮裤��</p>
         <div class="bk-tx">
-          <p>銆�</p>
-          <p>銆�</p>
+          <p><br />銆�</p>
+          <p><br />銆�</p>
         </div>
         <div class="bk-qjms">
           <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p>
@@ -632,14 +1421,35 @@
         <p>1.鏍规嵁闃呰鎵嬪唽锛屽垎鏋愭瘡涓�绉嶆纭潯濮跨殑鐩婂銆�</p>
         <div class="bk-tx">
           <p class="left">渚у崸</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text36"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text36')"
+          ></textarea>
           <p class="left">浠板崸</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text37"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text37')"
+          ></textarea>
           <p class="left">鍏朵粬鐫″Э</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text38"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text38')"
+          ></textarea>
         </div>
         <p>
           2.濠村辜鍎挎湁鍝簺涓嶈壇鐨勭潯濮匡紵涓嶈壇鐨勭潯濮挎湁浠�涔堝嵄瀹筹紵鐩稿簲鐨勭籂姝f柟娉曟槸浠�涔堬紵
@@ -647,74 +1457,204 @@
         <p>锛�1锛夊紶鍢寸潯銆�</p>
         <div class="bk-tx">
           <p class="left">鎻忚堪鐫″Э</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
           <p class="left">鎻忚堪鍗卞</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text40"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text40')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="129">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-124</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk-tx">
           <p class="left">绾犳鏂规硶</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text41"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text41')"
+          ></textarea>
         </div>
         <p>锛�2锛夋灂鑷傜潯銆�</p>
         <div class="bk-tx">
           <p class="left">鎻忚堪鐫″Э</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text42"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text42')"
+          ></textarea>
           <p class="left">鎻忚堪鍗卞</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text43"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text43')"
+          ></textarea>
           <p class="left">绾犳鏂规硶</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text44"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text44')"
+          ></textarea>
         </div>
         <p>锛�3锛夎挋澶寸潯銆�</p>
         <div class="bk-tx">
           <p class="left">鎻忚堪鐫″Э</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text45"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text45')"
+          ></textarea>
           <p class="left">鎻忚堪鍗卞</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text46"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text46')"
+          ></textarea>
           <p class="left">绾犳鏂规硶</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text47"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text47')"
+          ></textarea>
         </div>
         <p>锛�4锛夎洞鐫�鐫°��</p>
         <div class="bk-tx">
           <p class="left">鎻忚堪鐫″Э</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text48"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text48')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="130">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-125</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk-tx">
           <p class="left">鎻忚堪鍗卞</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text49"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text49')"
+          ></textarea>
           <p class="left">绾犳鏂规硶</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text50"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text50')"
+          ></textarea>
         </div>
         <p>锛�5锛夊叾浠栦笉鑹潯濮裤��</p>
         <div class="bk-tx">
           <p class="left">鎻忚堪鐫″Э</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text51"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text51')"
+          ></textarea>
           <p class="left">鎻忚堪鍗卞</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text52"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text52')"
+          ></textarea>
           <p class="left">绾犳鏂规硶</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text53"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text53')"
+          ></textarea>
         </div>
         <h4 id="d080">
           鈻垛柖 娲诲姩2锛氬煿鍏昏壇濂界殑鐫$湢涔犳儻<span class="fontsz1"
@@ -735,7 +1675,19 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="131">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-126</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk-qjms">
           <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪3銆�鈯�</p>
@@ -745,18 +1697,36 @@
         </div>
         <p>1.鑰佸笀鏄浣曞府鍔╄瀺铻嶅舰鎴愯嚜涓诲叆鐫$殑涔犳儻鐨勶紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text54"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text54')"
+          ></textarea>
         </div>
         <p>2.涓洪伩鍏嶅彂鐢熺被浼兼儏澧�2涓殑瀹夊叏浜嬫晠锛屾垜浠簲濡備綍鍋氾紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text55"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text55')"
+          ></textarea>
         </div>
         <p>3.鎯呭3涓殑鑰佸笀鐨勭潯鐪犵収鎶よ涓哄悎閫傚悧锛熶綘杩樻湁鍒殑鍔炴硶甯姪鏍嬫爧鍚楋紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text56"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text56')"
+          ></textarea>
         </div>
         <p>4.瑙傚療璁板綍銆�</p>
         <p>
@@ -764,28 +1734,62 @@
         </p>
         <div class="bk-tx">
           <p class="left">鎯呭喌璁板綍</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text57"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text57')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="132">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-127</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>
           锛�2锛夊垱閫犻�備簬濠村辜鍎跨潯鐪犵殑鐜锛氬噯澶囧畨闈欑殑鐜銆佹暣娲佺殑搴婇摵锛岀潯鐪犲鐨勫厜绾垮強娓╂箍搴﹁閫傚疁锛屽敖閲忓噺灏戜笉鑹共鎵板洜绱狅紱缁欏┐骞煎効璇诲噯澶囧ソ鐨勭潯鍓嶈鐗╋紱涓庡┐骞煎効鑱婂ぉ锛屾秷闄ゅ┐骞煎効鎷呭績銆佸鎬曘�佺揣寮犵殑鎯呯华銆�
         </p>
         <div class="bk-tx">
           <p class="left">鎯呭喌璁板綍</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text58"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text58')"
+          ></textarea>
         </div>
         <p>
           锛�3锛夐檺鍒跺拰鎺у埗濠村辜鍎跨殑鐫″墠琛屼负锛氱潯鍓嶅繉杩涢銆侀ギ姘磋繃澶氾紱涓嶅彲杩囧害娓告垙銆佺帺鑰嶏紝浣垮┐骞煎効鐨勬儏缁緝涓虹ǔ瀹氥��
         </p>
         <div class="bk-tx">
           <p class="left">鎯呭喌璁板綍</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text59"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text59')"
+          ></textarea>
         </div>
         <p>锛�4锛夌籂姝d笉鑹叆鐫℃柟寮忓強涓嶈壇鐫$湢鑺傚緥妯″紡銆佺潯濮裤�佽涓虹瓑銆�</p>
         <p>
@@ -798,19 +1802,45 @@
         <p>涓嶈壇鐫$湢琛屼负锛氭摝鑵跨患鍚堝緛銆侀仐灏跨瓑銆�</p>
         <div class="bk-tx">
           <p class="left">鎯呭喌璁板綍</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text60"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text60')"
+          ></textarea>
         </div>
         <p>锛�5锛夋暣鐞嗙敤鐗╋紝娲楁墜锛岃褰曘��</p>
         <div class="bk-tx">
           <p class="left">鎯呭喌璁板綍</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text61"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text61')"
+          ></textarea>
         </div>
         <p>锛�6锛夋敞鎰忎簨椤癸細鍔ㄤ綔鐔熺粌涓旇交鏌旓紝淇濇姢濠村辜鍎匡紝閬垮厤涓嶅繀瑕佺殑浼ゅ銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="133">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-128</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h3 id="c028">
           <span class="bk-h3"
@@ -840,12 +1870,17 @@
           1.缁忓父鍚汉璇村┐骞煎効鏈夆�滆捣搴婃皵鈥濓紝淇濇暀浜哄憳璇ュ浣曠収鎶ゅ垰鐫¢啋鐨勫┐骞煎効鍛紵
         </p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text62"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text62')"
+          ></textarea>
         </div>
-        <p><br /></p>
-        <div class="bk-sys">
+        <!-- <p><br /></p> -->
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -855,24 +1890,117 @@
             <img class="img-h" alt="" src="../image/0144-1.jpg" />
           </p>
           <p class="img">璧峰簥鍚庣殑鎶ょ悊</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氳捣搴婂悗鐨勬姢鐞�<img
+              src="../icons/video.png"
+              @click="activitySix"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter007.isOpenSix && chapter007.videoSixUrl"
+          >
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="chapter007.videoSixUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <p>
           2.濠村辜鍎胯捣搴婂悗锛屼繚鏁欎汉鍛橀櫎浜嗛渶瑕佸紩瀵煎┐骞煎効绌胯。鐗╋紝杩橀渶瑕佸仛鍝簺鐫″悗鎸囧宸ヤ綔锛�
         </p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text63"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text63')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="134">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-129</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>3.璇峰皬缁勮璁猴紝濉啓鐫″悗鎸囧鐨勪富瑕佸伐浣滃唴瀹癸紙瑙佽〃1-7-3锛夈��</p>
         <p class="img">琛�1-7-3銆�濠村辜鍎跨潯鍚庢寚瀵肩殑涓昏鍐呭</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0145-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width:
+                      index == chapter007.headersData173.length - 1
+                        ? '300px'
+                        : '',
+                  }"
+                  v-for="(header, index) in chapter007.headersData173"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter007.tableData173"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter007.tableData173[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell173(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      :readonly="cellIndex == 0"
+                      type="text"
+                      :value="chapter007.tableData173[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell173(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p><br /></p>
         <h4 id="d082">
           鈻垛柖 娲诲姩2锛氱潯鍚庣幆澧冩暣鐞�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
@@ -885,42 +2013,101 @@
         <p>鏍规嵁涓婅堪鎯呭锛屽洖绛斾互涓嬮棶棰樸��</p>
         <p>1.涓轰粈涔堣杩涜鐫″悗鐜鏁寸悊宸ヤ綔锛�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text64"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text64')"
+          ></textarea>
         </div>
         <p>2.濠村辜鍎跨寮�鐫$湢瀹ゅ悗锛岃濡備綍杩涜鏁寸悊宸ヤ綔锛�</p>
         <div class="bk-tx">
           <p class="left">寮�绐楅�氶</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text65"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text65')"
+          ></textarea>
           <p class="left">鏁寸悊搴婇摵</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text66"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text66')"
+          ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="135">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-130</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk-tx">
           <p class="left">娓呮磥鍦伴潰</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text67"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text67')"
+          ></textarea>
           <p class="left">鏀剧疆鐗╁搧</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text68"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text68')"
+          ></textarea>
           <p class="left">娑堟瘨</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text68"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text68')"
+          ></textarea>
           <p class="left">鍏朵粬</p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter007.textAreaItem.text69"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="3"
+            maxlength="100"
+            class="textareaInput"
+            @blur="onBlurChange('text69')"
+          ></textarea>
         </div>
         <h4 id="d083">
           鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <p><br /></p>
-        <div class="bk-sys">
+        <!-- <p><br /></p> -->
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
@@ -929,29 +2116,54 @@
           <p class="center">
             <img class="img-g" alt="" src="../image/0146-2.jpg" />
           </p>
-        </div>
+        </div> -->
         <p><b>涓�銆佸崟閫夐</b></p>
-        <p>1.鐫$湢鐓ф姢鐨勪富瑕佷换鍔℃槸锛堛��銆�锛夈��</p>
+        <p>
+          1.鐫$湢鐓ф姢鐨勪富瑕佷换鍔℃槸锛堛��<input
+            v-model="chapter007.radio.text1"
+            @blur="onRadioText()"
+          />銆�锛夈��
+        </p>
         <p class="block">A.鎸囧濠村辜鍎胯嚜宸辩┛鑴辫。鏈�</p>
         <p class="block">B.甯姪濠村辜鍎垮涔犲彔琚瓙</p>
         <p class="block">C.淇濊瘉濠村辜鍎跨潯濂姐�佺潯瓒�</p>
         <p class="block">D.寮曞濠村辜鍎挎妸闉嬪瓙鏀惧湪鍥哄畾鐨勪綅缃�</p>
-        <p>2.濠村辜鍎跨殑姝g‘鐫″Э鏄紙銆�銆�锛夈��</p>
+        <p>
+          2.濠村辜鍎跨殑姝g‘鐫″Э鏄紙銆�<input
+            v-model="chapter007.radio.text2"
+            @blur="onRadioText()"
+          />銆�锛夈��
+        </p>
         <p class="block">A.瓒寸潯</p>
         <p class="block">B.渚х潯</p>
         <p class="block">C.寮犲槾鐫�</p>
         <p class="block">D.钂欏ご鐫�</p>
-        <p>3.鐓ф姢濠村辜鍎跨潯鐪犵殑鐫″墠鍑嗗宸ヤ綔涓嶅寘鍚紙銆�銆�锛夈��</p>
+        <p>
+          3.鐓ф姢濠村辜鍎跨潯鐪犵殑鐫″墠鍑嗗宸ヤ綔涓嶅寘鍚紙銆�<input
+            v-model="chapter007.radio.text3"
+            @blur="onRadioText()"
+          />銆�锛夈��
+        </p>
         <p class="block">A.濡傚帟</p>
         <p class="block">B.娲楁墜</p>
         <p class="block">C.鑴辫。鐗�</p>
         <p class="block">D.鍚冮鐗�</p>
-        <p>4.钀ラ�犲┐骞煎効鑹ソ鐨勭潯鐪犵幆澧冪殑閿欒鍋氭硶鏄紙銆�銆�锛夈��</p>
+        <p>
+          4.钀ラ�犲┐骞煎効鑹ソ鐨勭潯鐪犵幆澧冪殑閿欒鍋氭硶鏄紙銆�<input
+            v-model="chapter007.radio.text4"
+            @blur="onRadioText()"
+          />銆�锛夈��
+        </p>
         <p class="block">A.鍋氬仴韬搷</p>
         <p class="block">B.鍏抽棬绐�</p>
         <p class="block">C.鎷夌獥甯�</p>
         <p class="block">D.鎾斁闊充箰</p>
-        <p>5.涓�鑷充袱宀佺殑骞煎効姣忔棩閫傚疁鐨勭潯鐪犳�绘椂闀挎槸锛堛��銆�锛夈��</p>
+        <p>
+          5.涓�鑷充袱宀佺殑骞煎効姣忔棩閫傚疁鐨勭潯鐪犳�绘椂闀挎槸锛堛��<input
+            v-model="chapter007.radio.text5"
+            @blur="onRadioText()"
+          />銆�锛夈��
+        </p>
         <p class="block">A.20灏忔椂</p>
         <p class="block">B.14灏忔椂</p>
         <p class="block">C.12灏忔椂</p>
@@ -963,7 +2175,20 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="136">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗竷鍗曞厓路鐫$湢娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-131</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p class="block">
           濂逛細鍚戝辜鍎跨潯瑙夌殑鏂瑰悜鎵涓�涓嬶紝鍙戠幇韫瀛愮瓑寮傚父闂浼氬強鏃跺鐞嗐�備腑閫旓紝鍧ゅ潳灏忔湅鍙嬩粠琚獫閲屽嚭鏉ワ紝鐩存帴璧板埌寮犺�佸笀璺熷墠璇锋眰涓婂帟鎵�锛屽紶鑰佸笀鐐瑰ご鍚屾剰浜嗭紝骞舵彁閱掑潳鍧ゆ敞鎰忓畨鍏ㄣ�傚潳鍧や笂鍘曟墍鍥炴潵鍚庯紝鏃佽竟鐨勯槼闃冲皬鏈嬪弸鐫¢啋浜嗭紝浜庢槸灏卞拰鍧ゅ潳璁茶瘽銆傛鏃讹紝寮犺�佸笀鍙婃椂鎻愰啋锛氣�滈槼闃筹紝鍗堢潯鏃朵笉鑳借璇濄�傗�濊繃浜嗕竴浼氬効锛岄槼闃冲張蹇嶄笉浣忚璇濅簡銆傚紶鑰佸笀鍧愪笉浣忎簡锛岃蛋杩囧幓瀵归槼闃宠锛氣�滀粖澶╀笅鍗堢殑鐜╂矙娓告垙锛屼笉鍏佽浣犲弬鍔狅紝绛変綘鍝ぉ鍗堢潯涓嶈璇濅簡锛屾墠鍙互鍙傚姞涓嬪崍鐨勬父鎴忋�傗��
@@ -971,7 +2196,402 @@
         <p class="block">
           璧峰簥闊充箰鍝嶄簡锛屽紶鑰佸笀瑕佹眰骞煎効绔嬪嵆璧峰簥锛氣�滃皬鏈嬪弸锛屽揩璧峰簥锛屼綘浠槸涓彮鐨勫ぇ濮愬銆佸ぇ鍝ュ摜浜嗭紝涓嶈鍋氬皬鎳掔尗锛屼笉浼氱┛琛f湇鐨勫彲浠ヤ簰鐩稿府鍔╋紝濡傛灉瀹炲湪涓嶄細绌匡紝鍙互鍠婅�佸笀鏉ュ府蹇欍�傗�濆湪15鍒嗛挓鐨勭┛琛h繃绋嬩腑锛屽苟娌℃湁骞煎効鍚戣�佸笀璇锋眰甯姪锛岀瓑鎵�鏈夊辜鍎块兘绂诲紑鍚庯紝寮犺�佸笀楂樺叴鍦版兂锛氬埌搴曟槸涓彮浜嗭紝鐪嬫姢鍗堢潯瓒婃潵瓒婅交鏉句簡锛屼簬鏄篃楂橀珮鍏村叴鍦扮寮�浜嗙潯鐪犲銆�
         </p>
+        <p><br /></p>
+        <div class="bk-tx">
+          <textarea
+            v-model="chapter007.radio.desc"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('desc')"
+          ></textarea>
+        </div>
+        <p></p>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            浜戞祴璇曪細鍗曞厓涓冨簲鐢ㄤ笌瀹炶返<img
+              src="../icons/sub.png"
+              @click="activityThree"
+              alt=""
+            />
+          </div>
+          <div
+            v-if="chapter007.idOpenThree && chapter007.qustionData[131]"
+            class="tips-file"
+          >
+            <examinations
+              :primaryColor="'#f49a4c'"
+              :cardList="chapter007.qustionData[131]"
+            />
+          </div>
+        </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+import getResourcePath from "@/assets/methods/resources.js";
+import getQuestionData from "@/assets/methods/examination.js";
+import testData from "../js/examinationList.js";
+import examinations from "@/components/examinations/index.vue";
+
+export default {
+  name: "chapter007",
+  data() {
+    return {
+      chapter007: {
+        videoTwoUrl: "",
+        videoFourUrl: "",
+        videoFiveUrl: "",
+        videoSixUrl: "",
+        isGroupOpen: true,
+        isOpenOne: true,
+        isOpenTwo: true,
+        idOpenThree: true,
+        isOpenFour: true,
+        isOpenFive: true,
+        isOpenSix: true,
+        isScore1Open: true,
+        isScore2Open: true,
+        qustionData: {},
+        // 鍒涜鑹ソ鐫$湢鐜鐨勮瘎鍒嗘爣鍑�
+        publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"],
+        groupData: [
+          [
+            1,
+            "鐗╁搧鍑嗗",
+            7,
+            "搴娿�佽瑜ャ�侀煶涔愭挱鏀惧櫒銆侀�傞緞缁樻湰銆佸娓╄銆佹箍搴﹁銆佸簥鍒凤紙鍏�7鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            2,
+            "鎿嶄綔鑰呭噯澶�",
+            4,
+            "鏉熻捣澶村彂锛屾礂鍑�鍙屾墜锛岀┛鐫�閫傚疁鐨勬湇瑁咃紝鎴村彛缃╋紙鍏�4鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            3,
+            "闂ㄧ獥",
+            10,
+            "鎻愬墠鎵撳紑闂ㄧ獥閫氶锛屼繚鎸佺┖姘旀祦閫氾紙鍏�5鍒嗭級锛屽瀛e紑绐楅�氶锛岀鍐瘨鍐峰鑺傞摵搴婂悗瑕佸叧绐楋紙鍏�5鍒嗭級銆�",
+            "",
+            "",
+          ],
+          [4, "绐楀笜", 5, "鎷変笂绐楀笜锛堝叡5鍒嗭級", "", ""],
+          [
+            5,
+            "瀹ゆ俯",
+            15,
+            "鍚堢悊浣跨敤绌鸿皟锛岀┖璋冭鎻愬墠寮�鍚紝璋冩暣绌鸿皟娓╁害骞舵敞鎰忛鍚�(涓嶈兘鐩存帴瀵圭潃濠村辜鍎垮惞)锛堝叡10鍒嗭級锛屽瀛d娇瀹ゆ俯淇濇寔鍦�14鈥傗剝锝�18鈥傗剝锛屽啲瀛d娇瀹ゆ俯淇濇寔鍦�27鈥傗剝宸﹀彸锛堝叡10鍒嗭級",
+            "",
+            "",
+          ],
+          [6, "婀垮害", 10, "璋冭妭婀垮害涓�50锛咃綖60锛咃紙鍏�10鍒嗭級", "", ""],
+          [
+            7,
+            "搴婇摵",
+            24,
+            "灏嗚瀛愭巰寮�鍛�90掳鐨勮锛屾柟渚垮┐骞煎効閽昏繘琚獫锛岄伩鍏嶇潃鍑夛紙鍏�12鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            8,
+            "搴婁綅",
+            10,
+            "瀹夋帓搴婁綅鏃讹紝鍗у鍐呭簥澶寸殑闂磋窛搴斾负0.5绫冲乏鍙筹紝涓ゆ帓搴婄殑闂磋窛搴斾负0.9鈥傜背宸﹀彸锛堝叡5鍒嗭級",
+            "",
+            "",
+          ],
+          [9, "鏁寸悊鐗╁搧", 10, "鏁寸悊鐗╁搧锛屽皢鐗╁搧鎽嗘斁鏁撮綈锛堝叡10鍒嗭級鈥�", "", ""],
+        ],
+        // 鎸囧绌胯劚琛g墿鐨勮瘎鍒嗘爣鍑�
+        scoreData1: [
+          [
+            1,
+            "鐗╁搧鍑嗗",
+            12,
+            "寮�瑗熻~銆佸澶磋~銆佽¥瀛愩�侀瀷瀛愩�佽瀛愩�佹秷姣掑墏锛堝叡12鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            2,
+            "鎿嶄綔鑰呭噯澶�",
+            8,
+            "鎿嶄綔鑰呯潃瑁呮暣榻愩�佹礂鎵嬨�佷笉鐣欓暱鎸囩敳锛堝叡3鍒嗭級鈥傦紝鏁欎細濠村辜鍎胯璇嗚。瑁ゃ�佽瀛愮殑鍓嶅悗鍜岄噷澶栵紝鏁欎細濠村辜鍎胯璇嗛瀷瀛愮殑宸﹀拰鍙筹紙鍏�5鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            3,
+            "鎸囧濠村辜鍎胯劚琛f湇",
+            10,
+            "鎿嶄綔鑰呭噯纭ず鑼冭劚琛f湇锛岄�愭鍙h堪鑴辫。鏈嶇殑绋嬪簭鍙婃柟娉曪紝濠村辜鍎挎牴鎹彛杩扮殑鍐呭閫愭瀹屾垚鑴辫。鏈嶏紝鍙婃椂绾犳濠村辜鍎夸娇鐢ㄧ殑涓嶆纭殑鏂规硶锛堝叡10鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [
+            4,
+            "鎸囧濠村辜鍎胯劚闉嬪瓙",
+            5,
+            "鎿嶄綔鑰呭噯纭ず鑼冭劚闉嬪瓙锛岄�愭鍙h堪鑴遍瀷瀛愮殑绋嬪簭鍙婃柟娉曪紝濠村辜鍎挎牴鎹彛杩扮殑鍐呭閫愭瀹屾垚鑴遍瀷瀛愶紝鍙婃椂绾犳濠村辜鍎夸娇鐢ㄧ殑涓嶆纭殑鏂规硶锛堝叡5鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [
+            5,
+            "鎸囧濠村辜鍎胯劚瑁ゅ瓙",
+            10,
+            "鎿嶄綔鑰呭噯纭ず鑼冭劚瑁ゅ瓙锛岄�愭鍙h堪鑴辫¥瀛愮殑绋嬪簭鍙婃柟娉曪紝濠村辜鍎挎牴鎹彛杩扮殑鍐呭閫愭瀹屾垚鑴辫¥瀛愶紝鍙婃椂绾犳濠村辜鍎夸娇鐢ㄧ殑涓嶆纭殑鏂规硶锛堝叡10鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [
+            6,
+            "鎸囧濠村辜鍎胯劚琚滃瓙",
+            5,
+            "鎿嶄綔鑰呭噯纭ず鑼冭劚琚滃瓙锛岄�愭鍙h堪鑴辫瀛愮殑绋嬪簭鍙婃柟娉曪紝濠村辜鍎挎牴鎹彛杩扮殑鍐呭閫愭瀹屾垚鑴辫瀛愶紝鍙婃椂绾犳濠村辜鍎夸娇鐢ㄧ殑涓嶆纭殑鏂规硶锛堝叡5鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [
+            7,
+            "鎸囧濠村辜鍎挎暣鐞嗚。鐗�",
+            5,
+            "鎿嶄綔鑰呮寚瀵煎┐骞煎効灏嗚劚涓嬬殑琛g墿鍒嗙被鏁撮綈鍙犳斁锛屾斁缃湪搴婂熬锛屽強鏃剁籂姝e┐骞煎効浣跨敤鐨勪笉姝g‘鐨勬柟娉曪紙鍏�5鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [
+            8,
+            "鎸囧濠村辜鍎跨┛琛f湇",
+            10,
+            "鎿嶄綔鑰呭噯纭ず鑼冪┛琛f湇锛岄�愭鍙h堪绌胯。鏈嶇殑绋嬪簭鍙婃柟娉曪紝濠村辜鍎挎牴鎹彛杩扮殑鍐呭瀹屾垚绌胯。鏈嶏紝鍙婃椂绾犳濠村辜鍎夸娇鐢ㄧ殑涓嶆纭殑鏂规硶锛堝叡10鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [
+            9,
+            "鎸囧濠村辜鍎跨┛瑁ゅ瓙",
+            10,
+            "鎿嶄綔鑰呭噯纭ず鑼冪┛瑁ゅ瓙锛岄�愭鍙h堪绌胯¥瀛愮殑绋嬪簭鍙婃柟娉曪紝濠村辜鍎挎牴鎹彛杩扮殑鍐呭瀹屾垚绌胯¥瀛愶紝鍙婃椂绾犳濠村辜鍎夸娇鐢ㄧ殑涓嶆纭殑鏂规硶锛堝叡10鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [
+            10,
+            "鎸囧濠村辜鍎跨┛琚滃瓙",
+            5,
+            "鎿嶄綔鑰呭噯纭ず鑼冪┛琚滃瓙锛岄�愭鍙h堪绌胯瀛愮殑绋嬪簭鍙婃柟娉曪紝濠村辜鍎挎牴鎹彛杩扮殑鍐呭閫愭瀹屾垚绌胯瀛愶紝鍙婃椂绾犳濠村辜鍎夸娇鐢ㄧ殑涓嶆纭殑鏂规硶锛堝叡5鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [
+            11,
+            "鎸囧濠村辜鍎跨┛闉嬪瓙",
+            10,
+            "鎿嶄綔鑰呭噯纭ず鑼冪┛琚滃瓙锛岄�愭鍙h堪绌块瀷瀛愮殑绋嬪簭鍙婃柟娉曪紝濠村辜鍎挎牴鎹彛杩扮殑鍐呭閫愭瀹屾垚绌块瀷瀛愶紝鍙婃椂绾犳濠村辜鍎夸娇鐢ㄧ殑涓嶆纭殑鏂规硶锛堝叡10鍒嗭級鈥�",
+            "",
+            "",
+          ],
+          [11, "鏁寸悊鐗╁搧", 10, "鏁寸悊鐗╁搧锛屽皢鐗╁搧鎽嗘斁鏁撮綈锛堝叡10鍒嗭級鈥�", "", ""],
+        ],
+        // 缁欏┐骞煎効璁茶堪鏁呬簨鐨勮瘎鍒嗘爣鍑�
+        scoreData2: [
+          [
+            1,
+            "鐗╁搧鍑嗗",
+            10,
+            "缁樻湰锛岄厤鍚堟晠浜嬭杩扮殑鐜╁叿銆佺劍璺濄�佹墜鍋躲�侀�傚疁鐨勫骇妞咃紙鍏�10鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            2,
+            "鎿嶄綔鑰呭噯澶�",
+            10,
+            "鐫�瑁呮暣榻愶紝鏅�氳瘽鏍囧噯锛岃瑷�鐢熷姩褰㈣薄锛岄厤鏈夎偄浣撹瑷�锛堝叡10鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            3,
+            "鍧愬Э绀间华",
+            10,
+            "娉ㄦ剰绀间华锛屽潗濮跨姝o紝绮剧闈㈣矊鑹ソ锛岀姸鎬侀ケ婊★紙鍏�10鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            4,
+            "鍐呭閫夋嫨",
+            5,
+            "閫夋嫨閫傚悎濠村辜鍎挎湀榫勭殑缁樻湰锛屽湪蹇犲疄鍘熶綔鍩虹涓婏紝鍚堢悊鍔犲伐鏁呬簨锛屾槗浜庡┐骞煎効鐞嗚В锛堝叡10鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            5,
+            "瀹ゆ俯",
+            50,
+            "鏅�氳瘽鏍囧噯锛屽0闊虫椽浜紝璇�熼�傚疁锛岃〃杈炬祦鐣咃紙鍏�10鍒嗭級锛岃姘斻�佽璋冦�佽〃鎯咃紝绗﹀悎鏁呬簨瑙掕壊褰㈣薄鍙婂唴瀹圭壒鐐癸紝澹版儏骞惰寕锛屽瘜鏈夋劅鏌撳姏锛堝叡10鍒嗭級锛屾�佸娍璇繍鐢ㄦ伆褰擄紝鏈夊姪浜庡┐骞煎効鐞嗚В鏁呬簨鍐呭锛堝叡10鍒嗭級锛岃杩扮殑鏁呬簨瀵屾湁绔ヨ叮锛屾湁浜插拰鍔涳紝鑳芥縺鍙戝┐骞煎効鐨勫�惧惉鍏磋叮锛岄�傚悎濠村辜鍎垮涔犳璧忥紙鍏�10鍒嗭級锛屾祦鐣呫�佸畬鏁村湴璁茶堪鏁呬簨锛堝叡10鍒嗭級",
+            "",
+            "",
+          ],
+          [6, "鏁寸悊鐗╁搧", 10, "鏁寸悊鐗╁搧锛屽皢鐗╁搧鎽嗘斁鏁撮綈锛堝叡10鍒嗭級", "", ""],
+        ],
+        // 琛ㄦ牸1-7-1
+        headersData: [
+          "骞撮緞",
+          "鎬荤潯鐪犳椂闂达紙灏忔椂锛�",
+          "澶滈棿鐫$湢鏃堕棿锛堝皬鏃讹級",
+          "鐧藉ぉ鐫$湢鏃堕棿锛堝皬鏃讹級",
+        ], // 琛ㄥご
+        tableData171: [
+          ["鍑虹敓鍚庝竴鍛�", "", "", ""],
+          ["1鏈堥緞", "", "", ""],
+          ["3鏈堥緞", "", "", ""],
+          ["6鏈堥緞", "", "", ""],
+          ["9鏈堥緞", "", "", ""],
+          ["12鏈堥緞", "", "", ""],
+          ["18鏈堥緞", "", "", ""],
+          ["2宀�", "", "", ""],
+          ["3宀�", "", "", ""],
+        ],
+        // 琛ㄦ牸1-7-2
+        headersData172: ["鐫$湢淇″彿", "鍝勭潯灏忓鎷�", "鎴戠殑鍝勭潯灏忓鎷�"], // 琛ㄥご
+        tableData172: [
+          ["鎵撳搱娆�", "鎶婂疂瀹濆彂鏀惧埌搴婁笂锛屾挱鏀捐交鏌旂殑鐫$湢鏇�", ""],
+          ["鍝椆", "鎶辩潃瀹濆疂瀹夋姎銆佸搫鐫�", ""],
+          ["", "", ""],
+          ["", "", ""],
+          ["", "", ""],
+        ],
+        // 琛ㄦ牸1-7-3
+        headersData173: ["搴忓彿", "椤圭洰", "涓昏鍐呭"], // 琛ㄥご
+        tableData173: [
+          ["1", "璧峰簥鍞ら啋", ""],
+          ["2", "鎸囧绌胯。鐗�", ""],
+          ["3", "缁勭粐濡傚帟銆佹礂鎵�", ""],
+          ["4", "缁勭粐鐫″悗娲诲姩", ""],
+        ],
+        textAreaItem: {},
+        radio: {},
+      },
+    };
+  },
+  components: {
+    examinations,
+  },
+ async created() {
+    const localData = JSON.parse(localStorage.getItem("chapter007"));
+    if (localData) {
+      this.chapter007 = { ...Object.assign(this.chapter007, localData) };
+    }
+    this.chapter007.videOneUrl = getResourcePath("3c35b62a39cf8beddc28c5c1c8a847ec");
+    this.chapter007.videoTwoUrl = getResourcePath("4731be836c5c625584c3c94a61249cc9");
+    this.chapter007.videoFourUrl = getResourcePath("4889c1899ed5716aeea6ca031cd3136d");
+    this.chapter007.videoFiveUrl = getResourcePath("a1d60d7c5322d531939118c1aaf8feb7");
+    this.chapter007.videoSixUrl = getResourcePath("f92c68faa37e1f6ce9ca50f234ddad90");
+    this.chapter007.videOneUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=3c35b62a39cf8beddc28c5c1c8a847ec";
+    this.chapter007.videoTwoUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=4731be836c5c625584c3c94a61249cc9";
+    this.chapter007.videoFourUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=4889c1899ed5716aeea6ca031cd3136d";
+    this.chapter007.videoFiveUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7";
+    this.chapter007.videoSixUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90";
+    this.chapter007.qustionData = await getQuestionData("7",testData[7],this.config.activeBook);
+  },
+  methods: {
+    activityOne() {
+      this.chapter007.isOpenOne = !this.chapter007.isOpenOne;
+    },
+    activityTwo() {
+      this.chapter007.isOpenTwo = !this.chapter007.isOpenTwo;
+    },
+    activityThree() {
+      this.chapter007.idOpenThree = !this.chapter007.idOpenThree;
+    },
+    activityFour() {
+      this.chapter007.isOpenFour = !this.chapter007.isOpenFour;
+    },
+    activityFive() {
+      this.chapter007.isOpenFive = !this.chapter007.isOpenFive;
+    },
+    activitySix() {
+      this.chapter007.isOpenSix = !this.chapter007.isOpenSix;
+    },
+    activityScore1() {
+      this.chapter007.isScore1Open = !this.chapter007.isScore1Open;
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    updateCellScore1(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter007.scoreData1[rowIndex], cellIndex, value);
+      if (cellIndex == 4) {
+        this.$set(
+          this.chapter007.scoreData1[rowIndex],
+          5,
+          this.chapter007.scoreData1[rowIndex][2] -
+            this.chapter007.scoreData1[rowIndex][cellIndex]
+        );
+      }
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    activityScore2() {
+      this.chapter007.isScore2Open = !this.chapter007.isScore2Open;
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    updateCellScore2(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter007.scoreData2[rowIndex], cellIndex, value);
+      if (cellIndex == 4) {
+        this.$set(
+          this.chapter007.scoreData2[rowIndex],
+          5,
+          this.chapter007.scoreData2[rowIndex][2] -
+            this.chapter007.scoreData2[rowIndex][cellIndex]
+        );
+      }
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    activityGroup() {
+      this.chapter007.isGroupOpen = !this.chapter007.isGroupOpen;
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    updateCellGroup(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter007.groupData[rowIndex], cellIndex, value);
+      if (cellIndex == 4) {
+        this.$set(
+          this.chapter007.groupData[rowIndex],
+          5,
+          this.chapter007.groupData[rowIndex][2] -
+            this.chapter007.groupData[rowIndex][cellIndex]
+        );
+      }
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    updateCell(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter007.tableData161[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    onBlurChange() {
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+    onRadioText() {
+      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter008.vue b/src/books/lifeCare/view/chapter008.vue
index 14dd820..7b801bd 100644
--- a/src/books/lifeCare/view/chapter008.vue
+++ b/src/books/lifeCare/view/chapter008.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="8">
+    <div class="page-box" page="137">
+      <div class="bodystyle topImg">
         <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -43,7 +43,20 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="138">
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-133</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk">
           <div class="bj1">
@@ -93,19 +106,41 @@
         <p>鏍规嵁涓婅堪鎯呭锛屽洖绛斾笅鍒楅棶棰樸��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="139">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-134</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>1.鍦ㄤ笂杩版儏澧冧腑锛屽嚭鐜伴仐婕忕墿鍝併�佹嬁閿欎功鍖呰繖浜涙儏鍐电殑鍘熷洜鏄粈涔堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text1"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text1')"
+          ></textarea>
         </div>
         <p>2.涓轰簡閬垮厤涓婅堪鎯呭涓殑闂锛屽湪绂诲洯鍓嶅簲鐫�閲嶆敞鎰忓摢浜涙柟闈㈢殑妫�鏌ワ紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text2"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text2')"
+          ></textarea>
         </div>
         <h4 id="d085">
           鈻垛柖 娲诲姩2锛氱鍥墠鐨勭敓娲荤収鎶�<span class="fontsz1"
@@ -121,20 +156,123 @@
         <p>鍒嗘瀽涓婅堪鎯呭锛屽畬鎴愪笅鍒楀疄璺垫椿鍔ㄣ��</p>
         <p>1.璁捐涓�寮�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-1锛夈��</p>
         <p class="img">琛�1-8-1銆�1锝�12鏈堥緞濠村効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0150-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData181"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData181"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData181[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell181(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData181[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell181(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="140">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-135</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>
           2.濠村辜鍎垮洜鍏剁敓鐞嗙壒鐐癸紝鍦ㄤ竴寮�濮嬫槸瀹屽叏渚濊禆鎴愪汉鐨勭収鎶ょ殑锛屼絾闅忕潃鍏惰兘鍔涚殑鍙戝睍锛屾垜浠鏈夋剰璇嗗湴鍩瑰吇浠栦滑鐨勫ソ涔犳儻銆傝灏忕粍鍚堜綔锛屽垎骞撮緞娈佃璁�1锝�12鏈堥緞濠村効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃锛堣〃1-8-2锛夈��
         </p>
         <p class="img">琛�1-8-2銆�1锝�12鏈堥緞濠村効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0151-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData182"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData182"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData182[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell182(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData182[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell182(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p><br /></p>
         <div class="bk-qjms">
           <p class="bj1-qjms">鈯欍��鎯呭鎻忚堪2銆�鈯�</p>
           <p class="block">
@@ -144,26 +282,127 @@
         <p>鍒嗘瀽涓婅堪鎯呭锛屽畬鎴愪笅鍒楀疄璺垫椿鍔ㄣ��</p>
         <p>1.璁捐涓�寮�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗曪紙瑙佽〃1-8-3锛夈��</p>
         <p class="img">琛�1-8-3銆�24锝�36鏈堥緞骞煎効绂诲洯鍓嶇敓娲荤収鎶ゆ竻鍗�</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0151-2.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData183"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData183"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData183[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell183(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData183[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell183(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
         <p>
           2.璇峰皬缁勫悎浣滐紝鍒嗗勾榫勬璁捐24锝�36鏈堥緞骞煎効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃锛堣琛�1-8-4锛夈��
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="141">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-136</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p class="img">琛�1-8-4銆�24锝�36鏈堥緞骞煎効绂诲洯濂戒範鎯吇鎴愭暀鑲插畨鎺掕〃</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0152-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData184"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData184"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData184[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell184(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData184[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell184(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
         <h3 id="c030">
           <span class="bk-h3"
             ><span class="bj1-h3">浜�</span>銆�銆�缁勭粐绂诲洯娲诲姩銆�</span
           >
         </h3>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -174,7 +413,34 @@
             <img class="img-h" alt="" src="../image/0152-2.jpg" />
           </p>
           <p class="img">绂诲洯</p>
+        </div> -->
+        <!-- <p><br /></p> -->
+        <div class="tips-bk" style="margin-top: 80px">
+          <div class="bj-tip">
+            瑙嗛锛氱鍥�<img
+              src="../icons/video.png"
+              @click="activityOne"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter008.isOpenOne && chapter008.videOneUrl"
+          >
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="chapter008.videOneUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <p>
           鍦ㄥ┐骞煎効绂诲洯鐜妭涓紝淇濇暀浜哄憳瑕佸仛濂戒竴鏃ョ敓娲绘�荤粨浠ュ強瀹跺洯娌熼�氾紝鍚戝闀垮弽棣堝┐骞煎効鐨勪竴鏃ョ敓娲诲拰瀛︿範鎯呭喌銆傚湪绂诲洯娴佺▼鏂归潰锛屼繚鏁欎汉鍛樿鍚堢悊鍒嗗伐銆佺珯浣嶇粍缁囧┐骞煎効鏈夊簭绂诲洯锛涘仛濂芥湁鐗规畩鎯呭喌鐨勫┐骞煎効鍦ㄧ鍥幆鑺傜殑浜ゆ帴瀹夋帓宸ヤ綔锛涘仛濂藉洜鏁呯敱浠栦汉浠f帴鐨勫┐骞煎効鐨勪氦鎺ュ伐浣溿��
         </p>
@@ -198,25 +464,54 @@
         <p>鍒嗘瀽浠ヤ笂鎯呭锛屽皬缁勮璁哄苟鍥炵瓟浠ヤ笅闂銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="142">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-137</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>1.濠村辜鍎跨鍥椿鍔ㄧ殑鐩爣鏄粈涔堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text3"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text3')"
+          ></textarea>
         </div>
         <p>2.绂诲洯鐜妭鐨勫畨鍏ㄩ殣鎮f湁鍝簺锛�</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text4"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text4')"
+          ></textarea>
         </div>
         <p>3.濡備綍鍚堢悊銆佹湁搴忓湴瀹夋帓绂诲洯鐜妭鐨勫伐浣滐紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text5"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text5')"
+          ></textarea>
         </div>
         <h4 id="d087">
           鈻垛柖 娲诲姩2锛氱鍥椂鐨勫鍥矡閫�<span class="fontsz1"
@@ -244,7 +539,20 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="143">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-138</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <div class="bk-qjms">
           <p class="block">
@@ -266,13 +574,20 @@
         <p>鍒嗘瀽涓婅堪鎯呭锛屽厛鍥炵瓟闂鍐嶈璁$浉鍏宠褰曡〃銆�</p>
         <p>1.瀵逛簬灏忔湀榫勫┐鍎跨殑瀹堕暱锛屽湪瀹跺洯娌熼�氫腑搴斾晶閲嶅摢浜涜鐐硅繘琛屽弽棣堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text6"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text6')"
+          ></textarea>
         </div>
         <p>2.璇疯璁�6锝�12鏈堥緞濠村効鐨勪竴鏃ョ敓娲昏褰曡〃銆�</p>
         <div class="bk-tx">
-          <p>銆�</p>
-          <p>銆�</p>
+          <p><br /></p>
+          <p><br /></p>
+          <p><br /></p>
         </div>
         <h3 id="c031">
           <span class="bk-h3"
@@ -284,7 +599,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="144">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-139</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>
           姣忓懆搴旇嚦灏戞竻娲佹秷姣�1娆★紝浼犳煋鐥呮祦琛屽鑺傚簲姣忔棩娓呮磥娑堟瘨1娆°�傝鍒囧疄鍋氬ソ娓呮磥涓庢秷姣掑伐浣溿��
@@ -313,7 +642,7 @@
           3.鏀剧疆銆傛秷姣掑悗锛岀敤澶瑰瓙鍙栧嚭锛屾斁鍦ㄥ共鍑�鐨勭洏涓播骞叉按鍒嗭紝灏嗘櫨骞插悗鐨勫ザ鍢村鍦ㄥザ鐡剁洊涓婏紝鏀惧叆涓撶敤灏忕泦涓紝鐩栦笂灏忔瘺宸惧鐢ㄣ��
         </p>
         <p>4.鏁寸悊銆傛竻娲佹暣鐞嗘墍鐢ㄧ墿鍝侊紝鎽嗘斁鏁撮綈銆�</p>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -324,12 +653,38 @@
             <img class="img-h" alt="" src="../image/0155-1.jpg" />
           </p>
           <p class="img">濂剁摱鐨勬竻娲佷笌娑堟瘨</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氬ザ鐡剁殑娓呮磥涓庢秷姣�<img
+              src="../icons/video.png"
+              @click="activityTwo"
+              alt=""
+            />
+          </div>
+          <div
+            class="tips-file"
+            v-if="chapter008.isOpenTwo && chapter008.videoTwoUrl"
+          >
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="chapter008.videoTwoUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <p><b>鈶㈠疄璁粌涔�</b></p>
         <p>
           2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯缁欐搷浣滆�呮墦鍒嗐��
         </p>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -340,7 +695,72 @@
             <img class="img-h" alt="" src="../image/0155-2.jpg" />
           </p>
           <p class="img">娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯</p>
+        </div> -->
+        <div class="tips-bk">
+          <div class="bj-tip">
+            鐢ㄥ嫼杩涢鎸囧鐨勮瘎鍒嗘爣鍑�<img
+              src="../icons/task.png"
+              @click="activityScore1"
+              alt=""
+            />
+          </div>
+          <div v-if="chapter008.isScore1Open" class="tips-file">
+            <table class="table111 table122">
+              <thead>
+                <tr>
+                  <th
+                    :style="{
+                      width: index == 1 ? '100px' : '',
+                    }"
+                    v-for="(header, index) in chapter008.publicHeader"
+                    :key="index"
+                  >
+                    {{ header }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr
+                  v-for="(row, rowIndex) in chapter008.scoreData1"
+                  :key="rowIndex"
+                >
+                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                    <template v-if="cell === ''">
+                      <input
+                        type="text"
+                        v-model="chapter008.scoreData1[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellScore1(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else-if="cellIndex == 4">
+                      <input
+                        type="text"
+                        v-model="chapter008.scoreData1[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellScore1(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else>
+                      {{ cell }}
+                    </template>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
+        <p><br /></p>
         <h4 id="d089">
           鈻垛柖 娲诲姩2锛氫簡瑙f墭鑲插洯鏃ュ父娓呮磥涓庢秷姣掓柟娉�<span class="fontsz1"
             >锛烇紴锛烇紴锛烇紴锛烇紴</span
@@ -355,24 +775,87 @@
         <p>鍒嗘瀽浠ヤ笂鎯呭锛屼互灏忕粍鍚堜綔鐨勫舰寮忓洖绛旈棶棰樺苟濉啓鐩稿叧琛ㄦ牸銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="145">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">1-40</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ疯鍔ㄦ墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>1.鏈夊摢浜涙秷姣掓硶锛熻繖浜涙秷姣掓硶鐨勯�傜敤鑼冨洿鏄粈涔堬紵</p>
         <div class="bk-tx">
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter008.textAreaItem.text7"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('text7')"
+          ></textarea>
         </div>
         <p>2.璇峰~鍐欐墭鑲插洯鏃ュ父娓呮磥涓庢秷姣掓祦绋嬭鑼冭〃锛堣琛�1-8-5锛夈��</p>
         <p class="img">琛�1-8-5銆�鎵樿偛鍥棩甯告竻娲佷笌娑堟瘨娴佺▼瑙勮寖琛�</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0156-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 3 ? '220px' : '',
+                  }"
+                  v-for="(header, index) in chapter008.headersData185"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter008.tableData185"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter008.tableData185[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell185(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      type="text"
+                      :value="chapter008.tableData185[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell185(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p><br /></p>
         <h4 id="d090">
           鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <p><br /></p>
-        <div class="bk-sys">
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
@@ -381,15 +864,25 @@
           <p class="center">
             <img class="img-g" alt="" src="../image/0156-2.jpg" />
           </p>
-        </div>
+        </div> -->
         <p><b>涓�銆侀�夋嫨棰�</b></p>
-        <p>1.鍒╃敤钂告苯鐨勯珮娓╀綔鐢ㄥ皢鑷寸梾寰敓鐗╂潃鐏殑娑堟瘨鏂规硶鍙綔锛堛��銆�锛夈��</p>
+        <p>
+          1.鍒╃敤钂告苯鐨勯珮娓╀綔鐢ㄥ皢鑷寸梾寰敓鐗╂潃鐏殑娑堟瘨鏂规硶鍙綔锛堛��<input
+            v-model="chapter008.radio.text7"
+            @blur="onRadioText()"
+          />銆�銆�锛夈��
+        </p>
         <p class="block">A.绱绾挎秷姣掓硶</p>
         <p class="block">B.鍖栧娑堟瘨娉�</p>
         <p class="block">C.钂告苯娑堟瘨娉�</p>
         <p class="block">D.鐓哺娑堟瘨娉�</p>
         <p class="block">E.宸存皬娑堟瘨娉�</p>
-        <p>2.浠ヤ笅瀵圭収鎶ゅ┐骞煎効瀛︿範銆佹椿鍔ㄥ拰鍗敓淇濆仴鐨勬弿杩颁笉姝g‘鐨勬槸锛堛��銆�锛夈��</p>
+        <p>
+          2.浠ヤ笅瀵圭収鎶ゅ┐骞煎効瀛︿範銆佹椿鍔ㄥ拰鍗敓淇濆仴鐨勬弿杩颁笉姝g‘鐨勬槸锛堛��<input
+            v-model="chapter008.radio.text6"
+            @blur="onRadioText()"
+          />銆�銆�锛夈��
+        </p>
         <p class="block">A.鍒涜瀹夊叏銆佽垝閫傜殑瀛︿範鐜</p>
         <p class="block">B.鎻愪緵鐪熷疄澶氭牱鐨勬潗鏂欙紝鍩瑰吇濠村辜鍎垮鏂归潰鐨勬劅鐭ヨ兘鍔�</p>
         <p class="block">C.娉ㄦ剰濠村辜鍎垮涔犳椿鍔ㄧ殑鐜鍗敓</p>
@@ -397,27 +890,284 @@
         <p class="block">E.淇濊瘉瀛︿範娲诲姩鍦烘墍閲囧厜鑹ソ銆侀�氶</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="146">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">绗叓鍗曞厓路绂诲洯娲诲姩鐓ф姢</span>
+              <span class="pageNum">1-141</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
-        <p>3.涓�鑸儏鍐典笅绾稿翱瑁ょ殑鏇存崲鏃堕棿搴斾负锛堛��銆�锛夈��</p>
+        <p>
+          3.涓�鑸儏鍐典笅绾稿翱瑁ょ殑鏇存崲鏃堕棿搴斾负锛堛��<input
+            v-model="chapter008.radio.text5"
+            @blur="onRadioText()"
+          />銆�銆�锛夈��
+        </p>
         <p class="block">A.2锝�3灏忔椂</p>
         <p class="block">B.4锝�6灏忔椂</p>
         <p class="block">C.5锝�8灏忔椂</p>
         <p class="block">D.9锝�10灏忔椂</p>
-        <p>4.缁欏┐骞煎効渚跨泦娑堟瘨甯哥敤鐨勬秷姣掑墏鏄紙銆�銆�锛夈��</p>
+        <p>
+          4.缁欏┐骞煎効渚跨泦娑堟瘨甯哥敤鐨勬秷姣掑墏鏄紙銆�<input
+            v-model="chapter008.radio.text4"
+            @blur="onRadioText()"
+          />銆�銆�锛夈��
+        </p>
         <p class="block">A.娆℃隘閰搁挔娑堟瘨娑�</p>
         <p class="block">B.纰樹紡</p>
         <p class="block">C.閰掔簿</p>
         <p class="block">D.杩囨哀涔欓吀</p>
         <p class="block">E.鐜哀涔欑兎</p>
         <p>
-          5.鍋囧濠村辜鍎跨殑灏块噺姣斿钩鏃剁殑灏块噺锛堛��銆�锛夛紝灏忎究鍙戦粍銆侀鑹茶緝娣憋紝濠村辜鍎垮彲鑳芥槸鍙戠儳浜嗐��
+          5.鍋囧濠村辜鍎跨殑灏块噺姣斿钩鏃剁殑灏块噺锛堛��<input
+            v-model="chapter008.radio.text3"
+            @blur="onRadioText()"
+          />銆�銆�锛夛紝灏忎究鍙戦粍銆侀鑹茶緝娣憋紝濠村辜鍎垮彲鑳芥槸鍙戠儳浜嗐��
         </p>
         <p class="block">A.澧炲</p>
         <p class="block">B.鍑忓皯</p>
         <p><b>浜屻�佽杩伴</b></p>
         <p>绠�杩板┐骞煎効绂诲洯鐨勬祦绋嬶紝鍙婁笉鍚岀幆鑺傚淇濇暀浜哄憳鐨勮姹傘��</p>
+        <div class="bk-tx">
+          <textarea
+            v-model="chapter008.radio.desc"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            @blur="onBlurChange('desc')"
+          ></textarea>
+        </div>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            浜戞祴璇曪細鍗曞厓鍏簲鐢ㄤ笌瀹炶返<img
+              src="../icons/sub.png"
+              @click="activityThree"
+              alt=""
+            />
+          </div>
+          <div
+            v-if="chapter008.idOpenThree && chapter008.qustionData[141]"
+            class="tips-file"
+          >
+            <examinations :primaryColor="'#f49a4c'" :cardList="chapter008.qustionData[141]" />
+          </div>
+        </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+import getResourcePath from "@/assets/methods/resources.js";
+import getQuestionData from "@/assets/methods/examination.js";
+import testData from "../js/examinationList.js";
+import examinations from "@/components/examinations/index.vue";
+
+export default {
+  name: "chapter008",
+  data() {
+    return {
+      chapter008: {
+        videOneUrl: "",
+        videoTwoUrl: "",
+        isGroupOpen: true,
+        isOpenOne: true,
+        isOpenTwo: true,
+        idOpenThree: true,
+        isScore1Open: true,
+        isScore2Open: true,
+        isScore3Open: true,
+        qustionData: {},
+        publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"],
+        // 娓呮磥涓庢秷姣掑ザ鐡剁殑璇勫垎鏍囧噯
+        scoreData1: [
+          [
+            1,
+            "鐗╁搧鍑嗗",
+            10,
+            "濂剁摱鍒枫�佸皬姣涘埛銆佸ザ鐡跺す銆侀攨銆佸皬鐩嗐�佺罕甯冦�佸皬 1 鍒嗭紝鎵e畬涓烘姣涘肪锛堣鏄庝笉鍑嗙‘姣忛」鎵�2鍒嗭紝鎵e畬涓烘锛�",
+            "",
+            "",
+          ],
+          [
+            2,
+            "鎿嶄綔鑰呭噯澶�",
+            10,
+            "鐢ㄨ偉鐨傘�佹祦鍔ㄦ按娲楀噣鍙屾墜锛屾暣鐞嗕华琛紝涓嶆埓鎴掓寚锛屼笉鐣欓暱鎸囩敳锛屼笉鎶暱鍙戯紝涓嶇┛楂樿窡闉嬪拰鎷栭瀷锛堣鏄庝笉鍑嗙‘姣忛」鎵�2鍒嗭紝鎵e畬涓烘锛�",
+            "",
+            "",
+          ],
+          [
+            3,
+            "纭畾椁愬叿鏁伴噺",
+            30,
+            "灏嗗ザ鐡剁殑鎵�鏈夌粍浠跺寘鎷ザ鐡躲�佺摱鐩栥�佸ザ鍢淬�佸鐜叏閮ㄦ媶寮�锛岄�愪竴鐢ㄥ埛瀛愬埛鍘绘畫鐣欑殑涔虫眮锛岀劧鍚庡啿娲楀共鍑�锛涘ザ鍢存礊銆佸ザ鍢村唴渚у強濂剁摱鐩栫殑娌熺汗澶勭瓑锛屽疁鐢ㄥ皬鍒峰瓙鍒锋礂锛堟搷浣滃拰璇存槑涓嶅噯纭瘡鐜妭鎵�10鍒嗭紝鍏�30鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            4,
+            "鍒嗗彂纰�",
+            30,
+            "鐢ㄦ秷姣掗攨娑堟瘨鎴栫儹姘寸叜娌告秷姣掋�傚皢濂剁摱鏀惧叆閿呭唴鐓�5锝�10鍒嗛挓锛屽ザ鍢村強鐡剁洊鐢ㄧ罕甯冨寘浣忕叜3鍒嗛挓銆傦紙鎿嶄綔鍜岃鏄庝笉鍑嗙‘姣忕幆鑺傛墸10鍒嗭紝鍏�30鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            5,
+            "鍒嗗彂鐩樺瓙",
+            10,
+            "娑堟瘨鍚庯紝鐢ㄥす瀛愬彇鍑猴紝鏀惧湪骞插噣鐩樹腑娌ュ共姘村垎锛屾櫨骞插悗鐨勫ザ鍢达紝濂楀ソ濂剁摱鐩栵紝鏀惧叆涓撶敤灏忕泦涓紝鐩栦笂灏忔瘺宸惧鐢紙鎿嶄綔鍜岃鏄庝笉鍑嗙‘鎵�10鍒嗭級",
+            "",
+            "",
+          ],
+          [
+            6,
+            "鏁寸悊",
+            10,
+            "娓呮磥鏁寸悊鎵�鐢ㄧ墿鍝侊紝鎽嗘斁鏁撮綈锛堟搷浣滃拰璇存槑涓嶅噯纭墸10鍒嗭級",
+            "",
+            "",
+          ],
+        ],
+        // 琛ㄦ牸1-8-1
+        headersData181: ["椤圭洰", "鍐呭"], // 琛ㄥご
+        tableData181: [
+          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+        ],
+        // 1-8-2
+        headersData182: ["椤圭洰", "濂戒範鎯吇鎴愭爣鍑�"], // 琛ㄥご
+        tableData182: [
+          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+        ],
+        // 1-8-3
+        headersData183: ["椤圭洰", "鍐呭"], // 琛ㄥご
+        tableData183: [
+          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+        ],
+        // 1-8-4
+        headersData184: ["椤圭洰", "濂戒範鎯吇鎴愭爣鍑�"],
+        tableData184: [
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+          ["", ""],
+        ],
+        // 1-8-5
+        headersData185: ["瀵硅薄", "鏂规硶", "娴佺▼"],
+        tableData185: [
+          ["", "", ""],
+          ["", "", ""],
+          ["", "", ""],
+          ["", "", ""],
+          ["", "", ""],
+        ],
+        textAreaItem: {},
+        radio: {},
+      },
+    };
+  },
+  components: {
+    examinations,
+  },
+  async created() {
+    const localData = JSON.parse(localStorage.getItem("chapter008"));
+    if (localData) {
+      this.chapter008 = { ...Object.assign(this.chapter008, localData) };
+    }
+    this.chapter008.videOneUrl = getResourcePath("80986796eb2d8ee1a47cdde606900ed0");
+    this.chapter008.videoTwoUrl = getResourcePath("460c7bc740882a9ad93b096a2151dd1c");
+    this.chapter008.videOneUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=80986796eb2d8ee1a47cdde606900ed0";
+    this.chapter008.videoTwoUrl =
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=460c7bc740882a9ad93b096a2151dd1c";
+    this.chapter008.qustionData = await getQuestionData("8",testData[8],this.config.activeBook);
+  },
+  methods: {
+    activityOne() {
+      this.chapter008.isOpenOne = !this.chapter008.isOpenOne;
+    },
+    activityTwo() {
+      this.chapter008.isOpenTwo = !this.chapter008.isOpenTwo;
+    },
+    activityThree() {
+      this.chapter008.idOpenThree = !this.chapter008.idOpenThree;
+    },
+    activityScore1() {
+      this.chapter008.isScore1Open = !this.chapter008.isScore1Open;
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCellScore1(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.scoreData1[rowIndex], cellIndex, value);
+      if (cellIndex == 4) {
+        this.$set(
+          this.chapter008.scoreData1[rowIndex],
+          5,
+          this.chapter008.scoreData1[rowIndex][2] -
+            this.chapter008.scoreData1[rowIndex][cellIndex]
+        );
+      }
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell181(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData181[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell182(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData182[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell183(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData183[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell184(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData184[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    updateCell185(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter008.tableData185[rowIndex], cellIndex, value);
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    onBlurChange() {
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+    onRadioText() {
+      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter009.vue b/src/books/lifeCare/view/chapter009.vue
index 9f55462..2a21a9f 100644
--- a/src/books/lifeCare/view/chapter009.vue
+++ b/src/books/lifeCare/view/chapter009.vue
@@ -1,6 +1,6 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
+  <div class="chapter" num="9">
+    <div class="page-box" page="147">
       <div class="bodystyle">
         <template>
           <p class="center">
diff --git a/src/books/lifeCare/view/chapter010.vue b/src/books/lifeCare/view/chapter010.vue
index 3b0dc12..3c9e10f 100644
--- a/src/books/lifeCare/view/chapter010.vue
+++ b/src/books/lifeCare/view/chapter010.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="10">
+    <div class="page-box" page="148">
+      <div class="bodystyle topImg">
         <h2 id="b009"><img class="img-0" alt="" src="../image/zt1.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -70,7 +70,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="149">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <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="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>
           杩戝勾鏉ワ紝闅忕潃缁忔祹绀句細鍙戝睍锛屸�滀笁瀛╂斂绛栤�濈殑钀藉湴涓庢寔缁帹杩涳紝浜轰滑瀵�0锝�3宀佸┐骞煎効鐓ф姢鏈嶅姟鐨勯渶姹傛棩鐩婅揩鍒囷紝绀句細瀵瑰叾鐓ф姢鏈嶅姟鐨勫叧娉ㄥ害涔熶笉鏂彁鍗囥�傚厷鐨勪簩鍗佸ぇ鎻愬嚭瑕佸湪鈥滃辜鏈夋墍鑲测�濇柟闈㈡寔缁敤鍔涖�傛牴鎹�婂浗鍔¢櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬭姹傦紝鍥藉鍗敓鍋ュ悍濮斿埗瀹氬苟鍙戝竷浜嗐�婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬶紝浠ユ寚瀵兼墭鑲叉満鏋勪负3宀佷互涓嬪┐骞煎効鎻愪緵绉戝銆佽鑼冪殑鐓ф姢鏈嶅姟銆�
@@ -109,18 +123,51 @@
         </p>
         <p><br /></p>
         <div class="bk-zt1">
-          <div class="bj1-zt1">
+          <!-- <div class="bj1-zt1">
             <p class="left">
               <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" />
-          </p>
+          </p> -->
           <p>
             淇濊偛鍛樼殑宸ヤ綔鑱岃矗锛氬叏闈㈣礋璐e辜鍎夸竴鏃ョ敓娲讳腑鐨勪繚鑲插伐浣滐紝纭繚骞煎効韬績鍋ュ悍鍜岀敓鍛藉畨鍏ㄣ��
           </p>
-          <p>鎵爜鐪嬨�婃煇鎵樿偛鍥繚鑲插憳鐨勫伐浣滆亴璐c�嬨��</p>
+          <!-- <p>鎵爜鐪嬨�婃煇鎵樿偛鍥繚鑲插憳鐨勫伐浣滆亴璐c�嬨��</p> -->
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">鏌愭墭鑲插洯淇濊偛鍛樼殑宸ヤ綔鑱岃矗</div>
+            <div class="tips-file">
+              <div class="p-text">
+                <p>
+                  1.鍏ㄩ潰璐熻矗濠村辜鍎夸竴鏃ョ敓娲讳腑鐨勪繚鑲插伐浣滐紝纭繚濠村辜鍎跨殑韬績鍋ュ悍鍜岀敓鍛藉畨鍏ㄣ��
+                </p>
+                <p>2.閬靛畧鑱屼笟閬撳痉锛屼弗鏍兼墽琛屾墭鑲插洯鐨勫悇椤硅绔犲埗搴︺��</p>
+                <p>
+                  3.鍦ㄤ繚鍋ュ尰鐨勬寚瀵间笅锛屼弗鏍兼墽琛屾墭鑲插洯淇濊偛鎿嶄綔瑙勮寖锛屼弗鏍兼墽琛屾墭鑲插洯瀹夊叏銆佸崼鐢熶繚鍋ュ埗搴︺��
+                </p>
+                <p>
+                  4.璐熻矗鏈彮鍖哄煙鍜屽寘骞插尯鍩熺殑鐜鍜岃澶囩殑娓呮磥銆佹秷姣掑伐浣滐紝淇濇寔瀹ゅ唴澶栫幆澧冩暣娲併��
+                </p>
+                <p>5.涓庢暀甯堝叡鍚岀鐞嗗┐骞煎効鐨勭敓娲伙紝閰嶅悎鏈彮鏁欏笀缁勭粐鏁欒偛娲诲姩銆�</p>
+                <p>
+                  6.鏍规嵁濠村辜鍎跨殑骞撮緞鐗圭偣锛屽叏闈㈠叧娉ㄥ┐骞煎効鐨勮韩蹇冨仴搴凤紝鍋氬ソ鐗规畩濠村辜鍎跨殑瑙傚療鎶ょ悊宸ヤ綔銆�
+                </p>
+                <p>
+                  7.濡ュ杽淇濈濠村辜鍎跨殑琛g墿鍜屾湰鐝澶囷紝鍙戠幇鎹熷潖鍙婃椂璋冩暣銆佹姤淇��
+                </p>
+                <p>
+                  8.鍔姏閽荤爺涓氬姟锛岃鐪熷弬涓庢墭鑲插洯缁勭粐鐨勫悇椤瑰涔犮�佸煿璁椿鍔紝涓嶆柇涓板瘜淇濊偛鐭ヨ瘑锛屾彁楂樻搷浣滄妧鑳姐��
+                </p>
+                <p>
+                  9.鍙婃椂灏嗗┐骞煎効鐨勫彂灞曟儏鍐靛悜鏁欏笀銆佸闀垮弽棣堬紝鍗忓姪鍋氬ソ瀹跺洯鍏辫偛宸ヤ綔銆�
+                </p>
+                <p>
+                  10.淇濇寔涓汉鍗敓锛屽仛鍒扳�滃洓鍕ゅ洓涓嶁�濓細鍕ゆ礂婢°�佸嫟鐞嗗彂銆佸嫟鎹㈣。銆佸嫟鍓寚鐢诧紝涓嶆埓棣栭グ銆佷笉鍖栨祿濡嗐�佷笉鐣欓暱鎸囩敳銆佷笉绌块珮璺熼瀷銆�
+                </p>
+              </div>
+            </div>
+          </div>
         </div>
         <h3 id="c033">
           <span class="bk1-h3"
@@ -144,7 +191,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="150">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+              <span class="pageNum">2-3</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p>
           绗叚锛岄闃茬柧鐥呭拰鎰忓浼ゅ銆傚畾鏈熷濠村辜鍎胯繘琛岀敓鐞嗗拰蹇冪悊鍙戣偛妫�鏌ワ紝浠ヤ究鍙婃椂鍙戠幇闅愭偅锛屽敖鏃╂不鐤椼�傛敞灏勭柅鑻楁槸棰勯槻鐤剧梾鐨勯噸瑕佹墜娈典箣涓�銆傚鎰忓鐨勯闃蹭富瑕佸寘鎷繚璇佸┐骞煎効鐢熸椿鐜鐨勫畨鍏ㄦ�с�佸濠村辜鍎胯繘琛屽畨鍏ㄦ暀鑲层�侀伩鍏嶅┐骞煎効鐙绛夈��
@@ -154,17 +215,72 @@
         </p>
         <p><br /></p>
         <div class="bk-zt1">
-          <div class="bj1-zt1">
+          <!-- <div class="bj1-zt1">
             <p class="left">
               <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" />
-          </p>
+          </p> -->
           <p>
             鎵樿偛鏈烘瀯淇濊偛搴旈伒寰互涓嬪熀鏈師鍒欙細灏婇噸鍎跨銆佸畨鍏ㄥ仴搴枫�佺Н鏋佸洖搴斻�佺瀛﹁鑼冦�傛壂鐮佺湅銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬨��
           </p>
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">鎵樿偛鏈烘瀯淇濊偛鎸囧澶х翰锛堣瘯琛岋級</div>
+            <div class="tips-file">
+              <div class="p-text">
+                <div>绗竴绔犫�傗�傛�诲垯</div>
+                <p>
+                  涓�銆佷负璐交銆婂浗鍔¢櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬶紝渚濇嵁鍥藉鍗敓鍋ュ悍濮斻�婃墭鑲叉満鏋勮缃爣鍑嗭紙璇曡锛夈�嬨�婃墭鑲叉満鏋勭鐞嗚鑼冿紙璇曡锛夈�嬶紝鎸囧鎵樿偛鏈烘瀯涓�3宀佷互涓嬪┐骞煎効锛堜互涓嬬畝绉板┐骞煎効锛夋彁渚涚瀛︺�佽鑼冪殑鐓ф姢鏈嶅姟锛屼績杩涘┐骞煎効鍋ュ悍鎴愰暱锛岀壒鍒跺畾鏈ぇ绾层��
+                </p>
+                <p>
+                  涓�銆佷负璐交銆婂浗鍔¢櫌鍔炲叕鍘呭叧浜庝績杩�3宀佷互涓嬪┐骞煎効鐓ф姢鏈嶅姟鍙戝睍鐨勬寚瀵兼剰瑙併�嬶紝渚濇嵁鍥藉鍗敓鍋ュ悍濮斻�婃墭鑲叉満鏋勮缃爣鍑嗭紙璇曡锛夈�嬨�婃墭鑲叉満鏋勭鐞嗚鑼冿紙璇曡锛夈�嬶紝鎸囧鎵樿偛鏈烘瀯涓�3宀佷互涓嬪┐骞煎効锛堜互涓嬬畝绉板┐骞煎効锛夋彁渚涚瀛︺�佽鑼冪殑鐓ф姢鏈嶅姟锛屼績杩涘┐骞煎効鍋ュ悍鎴愰暱锛岀壒鍒跺畾鏈ぇ绾层��
+                </p>
+                <p>
+                  涓夈�佹墭鑲叉満鏋勪繚鑲叉槸濠村辜鍎跨収鎶ゆ湇鍔$殑閲嶈缁勬垚閮ㄥ垎锛屾槸鐢熷懡鍏ㄥ懆鏈熸湇鍔$鐞嗙殑閲嶈鍐呭銆傞�氳繃鍒涜閫傚疁鐜锛屽悎鐞嗗畨鎺掍竴鏃ョ敓娲诲拰娲诲姩锛屾彁渚涚敓娲荤収鏂欍�佸畨鍏ㄧ湅鎶ゃ�佸钩琛¤喅椋熷拰鏃╂湡瀛︿範鏈轰細锛屼績杩涘┐骞煎効韬綋鍜屽績鐞嗙殑鍏ㄩ潰鍙戝睍銆�
+                </p>
+                <p>鍥涖�佹墭鑲叉満鏋勪繚鑲插簲閬靛惊浠ヤ笅鍩烘湰鍘熷垯锛�<br /></p>
+                <p>
+                  锛堜竴锛夊皧閲嶅効绔ャ�傚潥鎸佸効绔ヤ紭鍏堬紝淇濋殰鍎跨鏉冨埄銆傚皧閲嶅┐骞煎効鎴愰暱鐗圭偣鍜岃寰嬶紝鍏虫敞涓綋宸紓锛屼績杩涙瘡涓┐骞煎効鍏ㄩ潰鍙戝睍銆�
+                </p>
+                <p>
+                  锛堜簩锛夊畨鍏ㄥ仴搴枫�傛渶澶ч檺搴﹀湴淇濇姢濠村辜鍎跨殑瀹夊叏鍜屽仴搴凤紝鍒囧疄鍋氬ソ鎵樿偛鏈烘瀯鐨勫畨鍏ㄩ槻鎶ゃ�佽惀鍏昏喅椋熴�佺柧鐥呴槻鎺х瓑宸ヤ綔銆傗��
+                </p>
+                <p>
+                  锛堜笁锛夌Н鏋佸洖搴斻�傛彁渚涙敮鎸佹�х幆澧冿紝鏁忔劅瑙傚療濠村辜鍎匡紝鐞嗚В鍏剁敓鐞嗗拰蹇冪悊闇�姹傦紝骞跺強鏃剁粰浜堢Н鏋侀�傚疁鐨勫洖搴斻��
+                </p>
+                <p>
+                  锛堝洓锛夌瀛﹁鑼冦�傛寜鐓у浗瀹跺拰鍦版柟鐩稿叧鏍囧噯鍜岃鑼冿紝鍚堢悊瀹夋帓濠村辜鍎跨殑鐢熸椿鍜屾椿鍔紝婊¤冻濠村辜鍎跨敓闀垮彂鑲茬殑闇�瑕併��
+                </p>
+                <div>绗簩绔犫�傗�傜洰鏍囦笌瑕佹眰</div>
+                <p>
+                  鎵樿偛鏈烘瀯淇濊偛宸ヤ綔搴斿綋閬靛惊濠村辜鍎垮彂灞曠殑骞撮緞鐗圭偣涓庝釜浣撳樊寮傦紝閫氳繃澶氱閫斿緞淇冭繘濠村辜鍎胯韩浣撳彂鑲插拰蹇冪悊鍙戝睍銆備繚鑲查噸鐐瑰簲褰撳寘鎷惀鍏讳笌鍠傚吇銆佺潯鐪犮�佺敓娲讳笌鍗敓涔犳儻銆佸姩浣溿�佽瑷�銆佽鐭ャ�佹儏鎰熶笌绀句細鎬х瓑銆�
+                </p>
+                <p>涓�銆佽惀鍏讳笌鍠傚吇</p>
+                <p>锛堜竴锛夌洰鏍囥��</p>
+                <p>1.鑾峰彇瀹夊叏銆佽惀鍏荤殑椋熺墿锛岃揪鍒版甯哥敓闀垮彂鑲叉按骞筹紱</p>
+                <p>2.鍏绘垚鑹ソ鐨勯ギ椋熻涓轰範鎯��</p>
+                <p>锛堜簩锛変繚鑲茶鐐广��</p>
+                <p>1.鈥�7-12涓湀</p>
+                <p>锛�1锛夌户缁瘝涔冲杺鍏伙紝涓嶈兘缁х画姣嶄钩鍠傚吇鐨勫┐鍎夸娇鐢ㄩ厤鏂瑰ザ鍠傚吇銆�</p>
+                <p>
+                  锛�2锛夊強鏃舵坊鍔犺緟椋燂紝浠庡瘜鍚搧鐨勬偿绯婄姸椋熺墿寮�濮嬶紝閬靛惊鐢变竴绉嶅埌澶氱銆佺敱灏戝埌澶氥�佺敱绋�鍒扮銆佺敱缁嗗埌绮楃殑鍘熷垯銆傝緟椋熶笉娣诲姞绯栥�佺洂绛夎皟鍛冲搧銆�
+                </p>
+                <p>
+                  锛�3锛夋瘡寮曞叆鏂伴鐗╄瀵嗗垏瑙傚療濠村効鏄惁鏈夌毊鐤广�佸憰鍚愩�佽吂娉荤瓑涓嶈壇鍙嶅簲銆�
+                </p>
+                <p>2.鈥�13-24涓湀</p>
+                <p>
+                  锛�1锛夌户缁瘝涔虫垨閰嶆柟濂跺杺鍏伙紝鍙互寮曞叆濂跺埗鍝佷綔涓鸿緟椋燂紝姣忔棩鎻愪緵澶氱绫婚鐗┿��
+                </p>
+                <p>
+                  锛�4锛夋敞鎰忚瀵熷┐鍎挎墍鍙戝嚭鐨勯ゥ楗挎垨楗辫冻鐨勪俊鍙凤紝骞跺強鏃躲�佹伆褰撳洖搴旓紝涓嶅己杩杺椋熴��
+                </p>
+                <p>锛�5锛夐紦鍔卞┐鍎垮皾璇曡嚜宸辫繘椋燂紝鍩瑰吇杩涢鍏磋叮銆�</p>
+              </div>
+            </div>
+          </div>
         </div>
         <h3 id="c034">
           <span class="bk1-h3"
@@ -187,7 +303,20 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="151">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-4</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h4 class="h4-zt" id="d093">锛堜笁锛夊彂灞曢樁娈碉紙1990鈥�2000骞达級</h4>
         <p>
@@ -214,7 +343,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="152">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+              <span class="pageNum">2-5</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h3 id="c036">
           <span class="bk1-h3"
@@ -249,7 +392,21 @@
       </div>
     </div>
     <!-- 涓婁笅鍒嗗壊琛ㄦ牸 -->
-    <div class="page-box">
+    <div class="page-box" page="153">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-6</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p class="center">
           <img class="img-a" alt="" src="../image/0168-1.jpg" />
@@ -265,7 +422,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="154">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+              <span class="pageNum">2-7</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e091">3.淇濊瘉濠村辜鍎跨殑鐫$湢</h5>
         <p>
@@ -308,7 +480,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="155">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-8</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           绗竷锛屾墭鑲叉満鏋勫簲褰撳缓绔嬬収鎶ゆ湇鍔℃棩甯歌褰曞拰鍙嶉鍒跺害锛屽畾鏈熶笌濠村辜鍎跨殑鐩戞姢浜烘矡閫氬┐骞煎効鐨勫彂灞曟儏鍐点��
@@ -336,7 +522,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="156">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+              <span class="pageNum">2-9</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d102">锛堜簲锛夋墭鑲叉満鏋勪竴鏃ョ敓娲讳繚鑲茬殑涓昏鍐呭</h4>
         <p>
@@ -350,7 +551,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="157">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-10</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p class="img-right">缁〃</p>
         <p class="center">
@@ -358,7 +573,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="158">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓�路鍒濊瘑濠村辜鍎跨敓娲讳繚鑲�</span>
+              <span class="pageNum">2-11</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p class="img-right">缁〃</p>
         <p class="center">
@@ -366,13 +596,40 @@
         </p>
         <div class="bk-tx">
           <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter010.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
         </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "chapter010",
+  data() {
+    return {
+      chapter010: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter010"));
+    if (localData) {
+      this.chapter010 = { ...Object.assign(this.chapter010, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter010", JSON.stringify(this.chapter010));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter011.vue b/src/books/lifeCare/view/chapter011.vue
index 4b31e25..4f6bab2 100644
--- a/src/books/lifeCare/view/chapter011.vue
+++ b/src/books/lifeCare/view/chapter011.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="11">
+    <div class="page-box" page="159">
+      <div class="bodystyle topImg">
         <h2 id="b010"><img class="img-0" alt="" src="../image/zt2.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -60,7 +60,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="160">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
+              <span class="pageNum">2-13</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c038">
           <span class="bk1-h3"
@@ -100,7 +115,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="161">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-14</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e102">2.娓呮磥涓庢秷姣�</h5>
         <p>
@@ -138,7 +167,22 @@
       </div>
     </div>
 
-    <div class="page-box">
+    <div class="page-box" page="162">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
+              <span class="pageNum">2-15</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d108">锛堝叚锛夋矡閫氬崗浣�</h4>
         <p>
@@ -180,7 +224,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="163">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-16</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d112">锛堝洓锛夊強鏃舵竻鐐瑰┐骞煎効浜烘暟</h4>
         <p>
@@ -224,7 +282,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="164">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
+              <span class="pageNum">2-17</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           瀹濆疂涔熸湁渚濇亱鎯呮劅锛屼細鎷呭績鍜屼笉鑸嶏紝鐢氳嚦涓庡┐骞煎効涓�璧锋祦娉紝鍙嶈�屽鏄撳皢鑷繁鐨勬儏缁紶閫掔粰濠村辜鍎匡紝杩欏濠村辜鍎块�傚簲鎵樿偛鏈烘瀯鐨勭敓娲绘槸闈炲父涓嶅埄鐨勩�備繚鏁欎汉鍛樺簲寮曞瀹堕暱灏嗗┐骞煎効閫佸埌鎵樿偛鏈烘瀯鍚庡井绗戠潃涓庡疂瀹濋亾鍒紝涓嶅疁鍋滅暀杩囦箙銆�
@@ -260,7 +333,21 @@
         <p>淇濇暀浜哄憳搴斿噯澶囨秷姣掕繃鐨勪綋娓╄锛堟垨浣撴俯娴嬮噺浠櫒锛夊拰鍘嬭垖鏉匡紝瑁呮湁鐢�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="165">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-18</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           姹犵殑鎵嬬數绛掞紝澶栫敤鑽紙濡傞厭绮俱�佺浼忋�佺儷浼よ啅锛夛紝鏁锋枡锛堝绾卞竷銆佹鐞冦�佹绛俱�佸垱鍙创锛夛紝娑堟瘨杩囩殑鏅ㄦ鐗岋紝鐢ㄤ簬璁板綍鏅ㄦ鏃跺彂鐜扮殑寮傚父鍏ㄦ棩瑙傚療璁板綍鏈紝濠村辜鍎挎湇鑽褰曟湰銆�
@@ -290,7 +377,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="166">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜屄锋潵鍥椿鍔ㄦ姢鐓�</span>
+              <span class="pageNum">2-19</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c047">
           <span class="bk1-h3"
@@ -311,13 +413,40 @@
         </p>
         <div class="bk-tx">
           <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter011.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
         </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "chapter011",
+  data() {
+    return {
+      chapter011: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter011"));
+    if (localData) {
+      this.chapter011 = { ...Object.assign(this.chapter011, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter011", JSON.stringify(this.chapter011));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter012.vue b/src/books/lifeCare/view/chapter012.vue
index 1158b37..9d18083 100644
--- a/src/books/lifeCare/view/chapter012.vue
+++ b/src/books/lifeCare/view/chapter012.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="12">
+    <div class="page-box" page="167">
+      <div class="bodystyle topImg">
         <h2 id="b011"><img class="img-0" alt="" src="../image/zt3.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -50,7 +50,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="168">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-21</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c048">
           <span class="bk1-h3"
@@ -90,7 +105,20 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="169">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-22</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h3 id="c050">
           <span class="bk1-h3"
@@ -99,18 +127,63 @@
         </h3>
         <p><br /></p>
         <div class="bk-zt1">
-          <div class="bj1-zt1">
+          <!-- <div class="bj1-zt1">
             <p class="left">
               <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" />
-          </p>
+          </p> -->
           <p>
-            浜嗚В骞煎効鐩ユ礂鐢ㄥ搧鐨勬憜鏀捐姹傘�佹礂鎵嬫睜娓呮磥娑堟瘨鐨勬搷浣滆姹傚拰鍗敓瑕佹眰銆佺洢娲楀娓呮磥鍗敓鐨勮姹傦紝鎵爜鐪嬨�婃墭鑲插洯鐩ユ礂鐜鍒涜瑙勮寖銆嬨��
+            浜嗚В骞煎効鐩ユ礂鐢ㄥ搧鐨勬憜鏀捐姹傘�佹礂鎵嬫睜娓呮磥娑堟瘨鐨勬搷浣滆姹傚拰鍗敓瑕佹眰銆佺洢娲楀娓呮磥鍗敓鐨勮姹傦紝鐪嬨�婃墭鑲插洯鐩ユ礂鐜鍒涜瑙勮寖銆嬨��
           </p>
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">鎵樿偛鍥洢娲楃幆澧冨垱璁捐鑼�</div>
+            <div class="tips-file">
+              <div class="p-text">
+                <p>锛堜竴锛夊┐骞煎効鐩ユ礂鐢ㄥ搧鐨勬憜鏀捐姹�</p>
+                <p>鈶犵敤鍝佸噯澶囬綈鍏細娲楁墜娑层�佹秷姣掓瘺宸撅紙涓�浜轰竴宸撅級銆�</p>
+                <p>
+                  鈶℃按姹犲彴闈袱杈瑰悇璐翠竴涓皬鏍囩锛屽皢娲楁墜娑叉寜绾挎憜鏀撅紝浠ヤ究闅忔椂褰掍綅銆�
+                </p>
+                <p>锛堜簩锛夋礂鎵嬫睜娓呮磥娑堟瘨鐨勬搷浣滆姹傚拰鍗敓瑕佹眰</p>
+                <p>锛�1锛夋竻娲佹秷姣掔殑鎿嶄綔瑕佹眰</p>
+                <p>鈶犻厤鍒舵竻娲佸墏锛氱敤1鈭�10鐨勬礂娲佺簿婧舵恫銆�</p>
+                <p>
+                  鈶¢鍏堬紝鐢ㄥ埛瀛愯樃鍙栨礂娲佺簿婧舵恫锛屽埛娲楁礂鎵嬫睜鍐呭琛ㄩ潰鍙婃按榫欏ご锛岀壒鍒槸钘忓灑澶勶紝涓�瀹氳鍒锋礂骞插噣銆傜劧鍚庯紝鐢ㄦ竻姘村啿娲楀共鍑�銆傛渶鍚庯紝鐢ㄦ竻娲佹姽甯冭樃娲楁磥绮炬憾娑诧紝灏嗘礂鎵嬫睜鍐呭琛ㄩ潰鍙婃按榫欏ご鎿︽礂涓�閬嶏紝骞剁敤娓呮按鍐叉礂骞插噣锛堟敞鎰忔礂鎵嬫睜鍑烘按鍙e強鍙伴潰锛夈��
+                </p>
+                <p>
+                  鈶㈤厤鍒舵祿搴︿负500鈥俶g/L鐨勫惈姘秷姣掓恫锛岀敤涓撶敤姣涘肪瀵瑰彴鐩嗗強榫欏ご杩涜鎿︽嫮娑堟瘨銆�
+                </p>
+                <p>鈶e皢娓呮磥宸ュ叿鐢ㄦ竻姘村啿娲楀共鍑�锛屽皢姣涘肪娲楀噣鍚庢櫨骞层��</p>
+                <p>锛�2锛夊崼鐢熻姹�</p>
+                <p>
+                  鈶犲缁堜繚鎸佹礂鎵嬫睜鍙伴潰骞茬嚗锛屽挨鍏舵槸鎺ヨЕ濠村辜鍎胯韩浣撶殑鍙伴潰杈圭紭锛岄伩鍏嶅┐骞煎効寮勬箍琛f湇銆�
+                </p>
+                <p>
+                  鈶¢暅瀛愬拰姘撮緳澶撮殢鏃朵繚鎸佸共鍑�锛屾病鏈夋按娓嶏紝姘撮緳澶村紑鍏崇殑鑳岄潰涔熻淇濇寔骞插噣銆�
+                </p>
+                <p>鈶㈢敤涓撶敤鎶瑰竷鎿︽嫮锛岄槻姝㈤暅瀛愬拰姘撮緳澶磋〃闈骇鐢熷垝鐥曘��</p>
+                <p>涓夛級鐩ユ礂瀹ゆ竻娲佸崼鐢熺殑瑕佹眰</p>
+                <p>
+                  鈶犲浜庢摝鎷笉鍚屼綅缃殑鎶瑰竷鍜屾嫋鎶婏紝搴斿姞浠ュ尯鍒嗗苟鍥哄畾瀹夋斁锛堢敤瀹屽悗鏀惧埌鏍囨湁鏍囪瘑鐨勫浐瀹氫綅缃級锛屼笉鍙贩鐢ㄣ��
+                </p>
+                <p>
+                  鈶$洢娲楀涓�鑸殑鎿嶄綔椤哄簭涓猴細寮�绐楅�氶鈥旀竻鐞嗘薄鐗┾�斿啿娲楁按姹犫�旀竻娲佺獥妗嗐�佸澹併�佺伅銆侀暅瀛愬強鏌滃瓙鈥旀竻娲佸湴闈€��
+                </p>
+                <p>
+                  鈶㈢洢娲楀鐨勫湴闈㈣淇濇寔鏃犵Н姘淬�佹棤姹℃笉銆佹棤姝昏锛屾瘡娆″┐骞煎効闆嗕腑杩涘叆鐩ユ礂瀹ゅ悗閮藉簲蹇�熸竻鐞嗕竴娆°��
+                </p>
+                <p>
+                  鈶f壎鎵嬨�佸闈€�佸湴闈€�佷究姹犵瓑搴斿畾鏈熸摝娲楋紝棰戠巼涓烘瘡澶╀袱娆★紙涓崍鍜岀鍥級銆�
+                </p>
+                <p>鈶ょ敤娴撳害涓�500鈥俶g/L鍚隘娑堟瘨娑叉秷姣掔洢娲楀鐨勫湴闈€��</p>
+              </div>
+            </div>
+          </div>
         </div>
+        <p><br /></p>
         <h4 class="h4-zt" id="d120">锛堜竴锛夊仛濂芥礂鎵嬪墠鐨勫噯澶�</h4>
         <p>
           鐩ユ礂瀹ょ殑鍦伴潰瑕佷繚鎸佹竻娲佸共鐖斤紝闃叉濠村辜鍎挎粦鍊掋�傝鍦ㄦ按姹犵殑鍦伴潰閾轰笂娓楁按鍦板灚锛屽鏋滄按姹犵殑楂樺害瓒呰繃濠村辜鍎跨殑鑲樺叧鑺傦紝搴斿皢姘存睜鍓嶇殑鍦伴潰鍨珮锛岄槻姝㈡礂鎵嬫椂姘寸亴鍏ュ┐骞煎効鐨勮绠°�傚噯澶囪嫢骞茶偉鐨傦紙涓庢按榫欏ご鐨勬暟閲忕浉鍚岋級锛屼负姣忎竴鍚嶅┐骞煎効鍑嗗涓�鏉″皬鏂规瘺宸撅紝骞舵寕鍦ㄥ浐瀹氱殑鍦版柟銆�
@@ -143,7 +216,22 @@
         <p>鈶ゅ煿鍏诲┐骞煎効鐨勮嚜鐞嗚兘鍔涳紝涓嶅寘鍔炰唬鏇匡紝鍩瑰吇濠村辜鍎胯壇濂界殑鐩ユ礂涔犳儻銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="170">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-23</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c051">
           <span class="bk1-h3"
@@ -182,7 +270,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="171">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-24</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           澶栫殑骞插噣鐨勪竴瑙掞紙鏂扮殑娑堟瘨妫夌悆鎴栨绛撅級鎿﹀噣鐪奸儴銆傝鍏绘垚鑹ソ鐨勫崼鐢熶範鎯紝涓嶇敤涓嶆竻娲佺殑鎵嬪拰姣涘肪鎶规摝濠村辜鍎跨殑鐪肩潧銆傚鏋滃彂鐜扮粨鑶滅値瑕佸強鏃惰仈绯诲闀块�佸┐骞煎効灏卞尰銆�
@@ -212,7 +314,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="172">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-25</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d125">锛堜笁锛夊┐骞煎効榧昏厰鐨勭壒鐐逛笌娓呮磥瑕佺偣</h4>
         <p>榧昏厰鐨勭粨鏋勫鍥�2-3-4鎵�绀恒��</p>
@@ -248,7 +365,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="173">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-26</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           闅欙紙灏栫墮鐨勪綅缃級锛�2宀佸乏鍙�4涓皷鐗欓暱鍑猴紱鏈�杩熻嚦2宀佸崐锛�4涓浜屼钩纾ㄧ墮钀屽嚭锛�20涓钩鐗欏叏閮ㄥ嚭榻愶紙瑙佸浘2-3-5銆佽〃2-3-1锛夈��
@@ -280,7 +411,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="174">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-27</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e111">3.濠村辜鍎垮父瑙佺殑鍙h厰闂</h5>
         <p>
@@ -314,7 +460,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="175">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-28</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>锛�2锛夊鏄撹鍒掍激銆佸埉浼�</p>
         <p>濠村辜鍎跨殑鐨偆濞囧锛屽纰板埌鍧氱‖鐗╀綋锛屽鏄撹鍒掍激銆佸埉浼ゃ��</p>
@@ -349,7 +509,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="176">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-29</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           濂崇鐨勮繖浜涚敓鐞嗙壒鐐硅姹傚湪缁欏ス浠竻娲佽噣閮ㄧ殑鏃跺�欙紝涓�瀹氳鍧氭寔鈥滀粠鍓嶅線鍚庘�濈殑鍘熷垯锛屽嵆浠庡翱閬撳彛鍚戝悗娓呮礂鍒伴槾閬撳彛銆佽倹闂紝杩欐牱鐨勯『搴忓彲浠ュ噺灏戠粏鑿屾劅鏌撶殑鏈轰細銆傚洜涓�0锝�3宀佺殑濂崇闆屾縺绱犲垎娉屾按骞充綆锛岄槾閬撲笂鐨緝钖勶紝闃撮亾鍒嗘硨鐗╁憟鐜扮⒈鎬э紝缂轰箯闃撮亾鏉嗚弻锛岄槾閬撶殑鑷劧闃插尽鍔涜緝浣庯紝鈥滀粠鍓嶅線鍚庘�濈殑娓呮礂椤哄簭鑳介伩鍏嶅翱閬撱�佸唴澶栭槾鎰熸煋锛屼篃鑳介檷浣庡彂鐢熷闃寸値鐨勬鐜囥��
@@ -376,7 +551,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="177">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-30</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p class="center">
           <img class="img-b" alt="" src="../image/0193-1.jpg" />
@@ -400,7 +589,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="178">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓壜风洢娲楁椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-31</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d135">锛堝叚锛夊鍥叡鍚屾暀鑲�</h4>
         <p>
@@ -411,13 +615,40 @@
         </p>
         <div class="bk-tx">
           <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter012.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
         </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "chapter012",
+  data() {
+    return {
+      chapter012: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter012"));
+    if (localData) {
+      this.chapter012 = { ...Object.assign(this.chapter012, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter012", JSON.stringify(this.chapter012));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter013.vue b/src/books/lifeCare/view/chapter013.vue
index 8717e96..cc16e18 100644
--- a/src/books/lifeCare/view/chapter013.vue
+++ b/src/books/lifeCare/view/chapter013.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="13">
+    <div class="page-box" page="179">
+      <div class="bodystyle topImg">
         <h2 id="b012"><img class="img-0" alt="" src="../image/zt4.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -70,7 +70,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="180">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-33</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c054">
           <span class="bk1-h3"
@@ -99,7 +114,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="181">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-34</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鍛堜腑鎬ф垨纰辨�у弽搴旓紝鏈夋槑鏄剧殑鑷懗锛屾瘡澶╁ぇ渚�1锝�2娆°�傛贩鍚堝杺鍏荤殑濠村辜鍎匡紝鏃犺姣嶄钩鎴栭厤鏂瑰ザ鍠傚吇锛岃嫢鍚屾椂鍔犻娣�绮夌被椋熺墿锛屽垯澶т究閲忓澶氾紝纭害姣斿崟绾厤鏂瑰ザ鍠傚吇绋嶅噺锛屽憟鏆楄鑹诧紝鑷懗澧炲姞銆傝嫢灏嗚敩鑿溿�佹按鏋滅瓑杈呴鍔犲锛屽垯澶т究涓庢垚浜鸿繎浼硷紝姣忓ぉ澶т究1锝�2娆°��
@@ -135,7 +164,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="182">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-35</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d137">锛堜簩锛夊ぇ渚挎�х姸</h4>
         <p>
@@ -163,7 +207,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="183">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-36</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           闀紙鐜級銆侀」閾炬垨鎵嬭〃绛夊叿鏈夋綔鍦ㄩ闄╃殑楗板搧鎴栫敤鍏凤紝鍔ㄤ綔搴旇鑼冦�佽交鏌旓紝鐪肩潧搴旀敞瑙嗙潃濠村辜鍎匡紝瀵瑰┐骞煎効鐨勫彛璇強鑲綋鍔ㄤ綔鑳界瓑寰呫�佽瀵熴�佽亞鍚紝骞跺仛鍑哄洖搴斻�傚湪鎸囧濡傚帟杩囩▼涓紝涓庡┐骞煎効瀵硅瘽鎴栨矡閫氭椂鑳戒娇鐢ㄧ畝鍗曟槑纭殑瀛楄瘝銆侀�傚疁鐨勮閫熴�佹煍鍜岀殑璇皟锛屼互鑰愬績銆佹剦鎮︺�佹俯鏌斻�佹鍚戠殑鏂瑰紡涓庡┐骞煎効璇磋瘽鍙婁簰鍔ㄣ��
@@ -206,7 +264,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="184">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-37</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鈶ュぇ渚跨暀鍦ㄥ翱甯冨唴鏈�瀹规槗浣垮┐骞煎効鐨勫眮鑲″彂绾㈡垨璧风柟瀛愶紝鎹㈠翱甯冩椂锛岃杞昏交鍦扮敤灏垮竷鐨勮竟缂樻摝鎺夊ぇ閮ㄥ垎绮究锛岀敤涓�娆℃�ф箍宸句粠鍓嶅線鍚庡湴鎶婂眮鑲℃摝骞插噣锛屾垨鑰呯敤灏忔瘺宸惧皢灞佽偂鐢ㄦ俯姘存礂鍑�锛岀敤绾稿肪鎿﹀共锛屾秱涓婃姢鑷�鑶忥紝鍐嶅寘灏垮竷銆�
@@ -251,7 +324,21 @@
         <p>璐拱閫傚悎濠村辜鍎夸娇鐢ㄧ殑渚跨泦锛岄�夋嫨姝h鍘傚鐢熶骇鐨勫畨鍏ㄣ�佸鏄撴竻娲椼�佹棤</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="185">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-38</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           椤婚獞璺ㄧ殑濠村辜鍎夸笓鐢ㄤ究鐩嗭紝鎴栫粰鏅�氶┈妗跺姞濠村辜鍎夸笓闂ㄧ殑椹《鍦堬紝纭繚濠村辜鍎胯兘鍙岃剼韪╁湴鍧愮ǔ銆�
@@ -286,7 +373,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="186">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-39</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d150">锛堝崄锛夋敞鎰忎簨椤�</h4>
         <p>
@@ -304,7 +406,20 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="187">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-40</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h3 id="c064">
           <span class="bk1-h3"
@@ -348,7 +463,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="188">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-41</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>锛�2锛夌孩鑹插翱</p>
         <p>灏挎恫鍛堟礂鑲夋按鏍凤紝鍚屾椂鐪肩毊娴偪锛屽彲瑙佷簬鎬ユ�ц偩灏忕悆鑲剧値銆�</p>
@@ -382,7 +512,21 @@
         <p>鈶︿繚鑲插憳搴旀彁閱掑┐骞煎効渚垮悗鍐叉按鍜屾寜娆″簭娲楁墜銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="189">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-42</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c066">
           <span class="bk1-h3"
@@ -421,7 +565,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="190">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍥浡峰鍘曟椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-43</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d160">锛堜竴锛夊潗渚垮櫒鐨勬竻娲佹秷姣�</h4>
         <p>
@@ -436,13 +595,41 @@
         </p>
         <div class="bk-tx">
           <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter013.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
         </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+
+export default {
+  name: "chapter013",
+  data() {
+    return {
+      chapter013: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter013"));
+    if (localData) {
+      this.chapter013 = { ...Object.assign(this.chapter013, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter013", JSON.stringify(this.chapter013));
+    }
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/books/lifeCare/view/chapter014.vue b/src/books/lifeCare/view/chapter014.vue
index f072459..8f852e7 100644
--- a/src/books/lifeCare/view/chapter014.vue
+++ b/src/books/lifeCare/view/chapter014.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="14">
+    <div class="page-box" page="191">
+      <div class="bodystyle topImg">
         <h2 id="b013"><img class="img-0" alt="" src="../image/zt5.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -76,7 +76,22 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="192">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-45</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鐢熷懡鏃╂湡鐨�10000澶╄涓栫晫鍗敓缁勭粐瀹氫箟涓轰竴涓汉鐢熼暱鍙戣偛鐨勨�滄満閬囩獥鍙f湡鈥濓紝鏄汉鐨勪綋鏍煎拰澶ц剳鍙戣偛鏈�蹇殑鏃舵湡锛岃繖鏈熼棿鐨勮惀鍏荤姸鍐典笌鍏朵竴鐢熺殑鍋ュ悍鎭伅鐩稿叧锛屼笉浠呭奖鍝嶈韩浣撳拰鏅哄姏鍙戣偛锛岃繕涓庢垚骞村悗鎱㈡�х梾鐨勫彂鐥呯巼鏈夋槑鏄捐仈绯汇�傜敱浜庡┐骞煎効鐨勬秷鍖栫郴缁熴�佸厤鐤郴缁熷皻鏈彂鑲插畬鍠勶紝鐢熸椿鑷悊鑳藉姏涓嶅己锛岀嫭绔嬭繘椁愯兘鍔涖�佽壇濂借繘椁愪範鎯渶瑕佸煿鍏伙紝鍥犳锛屾墭鑲叉満鏋勫湪杩涢娲诲姩杩欎竴鐜妭闇�瑕佸濠村辜鍎胯繘琛岀壒鍒殑淇濊偛銆傛墭鑲叉満鏋勫簲涓哄┐骞煎効鎻愪緵涓板瘜鐨勮惀鍏伙紝鏃㈠彲浠ヤ娇浠栦滑閬垮厤鎰熸煋鎰熷啋鍜屽叾浠栫殑浼犳挱鎬х柧鐥咃紝杩樺彲浠ヤ娇浠栦滑鍏呭垎鐢熼暱骞跺彂灞曟渶澶х殑娼滃姏銆�
@@ -105,7 +120,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="193">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-46</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d163">锛堜簩锛夎惀鍏荤礌鐨勯渶姹�</h4>
         <h5 class="h5-zt" id="e121">1.瀹忛噺钀ュ吇绱�</h5>
@@ -131,7 +160,22 @@
       </div>
     </div>
     <!-- 涓婁笅琛ㄦ牸鎷嗗垎 -->
-    <div class="page-box">
+    <div class="page-box" page="194">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-47</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>锛�2锛夌熆鐗╄川</p>
         <p>
@@ -162,7 +206,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="195">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-48</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e126">2.鍚堢悊娣诲姞杈呴</h5>
         <p>
@@ -199,7 +257,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="196">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-49</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e132">2.鎸夐渶鍠傚吇</h5>
         <p>
@@ -236,7 +309,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="197">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-50</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d169">锛堜笁锛�13锝�24鏈堥緞鐨勫杺鍏诲師鍒�</h4>
         <h5 class="h5-zt" id="e140">1.椤哄簲鍠傚吇</h5>
@@ -266,7 +353,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="198">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-51</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c071">
           <span class="bk1-h3"
@@ -305,7 +407,21 @@
         <p>灏芥棭鏁欎細濠村辜鍎胯嚜宸卞姩鎵嬪悆楗紝鍙互鎻愰珮濠村辜鍎胯繘椁愮殑鍏磋叮銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="199">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-52</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c072">
           <span class="bk1-h3"
@@ -313,18 +429,201 @@
             >銆�銆�涓嶅悓骞撮緞娈靛┐骞煎効鐨勪竴鏃ラギ椋熴��</span
           >
         </h3>
-        <p><br /></p>
         <div class="bk-zt1">
-          <div class="bj1-zt1">
+          <!-- <div class="bj1-zt1">
             <p class="left">
               <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" />
-          </p>
-          <p>鎵爜鐪嬨��1锝�2宀佸辜鍎夸竴鏃ラ璋变妇渚嬨��2锝�3宀佸辜鍎夸竴鏃ラ璋变妇渚嬨�嬨��</p>
+          </p> -->
+          <!-- <p>銆�1锝�2宀佸辜鍎夸竴鏃ラ璋变妇渚嬨�嬨��</p> -->
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">1锝�2宀佸辜鍎夸竴鏃ラ璋变妇渚�</div>
+            <div class="tips-file">
+              <table class="table111 table122">
+                <thead>
+                  <tr>
+                    <th rowspan="2">鏃堕棿</th>
+                    <th colspan="2">1</th>
+                    <th colspan="2">2</th>
+                  </tr>
+                  <tr>
+                    <th>鑿滃搧鍚嶇О</th>
+                    <th>椋熺墿鍙婃暟閲�</th>
+                    <th>鑿滃搧鍚嶇О</th>
+                    <th>椋熺墿鍙婃暟閲�</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <th rowspan="3">鏃╅锛�7锛�00锛�</th>
+                    <td>濂�</td>
+                    <td>閰嶆柟濂�200鈥俶L</td>
+                    <td rowspan="2">鑿犺悵鐗涘ザ鐕曢害绮�</td>
+                    <td rowspan="2">鑿犺悵25g銆侀厤鏂瑰ザ250鈥俶L锛岀嚂楹�40鈥俫</td>
+                  </tr>
+                  <tr>
+                    <td>绫崇硶</td>
+                    <td>1涓紙澶х背20鈥俫锛�</td>
+                  </tr>
+                  <tr>
+                    <td>鐓浮铔�</td>
+                    <td>1涓紝25鈥俫</td>
+                    <td>鐓浮铔�</td>
+
+                    <td>1涓紝25鈥俫</td>
+                  </tr>
+                  <tr>
+                    <th>鏃╃偣 (10:00)</th>
+                    <td>姘存灉</td>
+                    <td>鑻规灉75鈥俫</td>
+                    <td>姘存灉</td>
+                    <td>鐚曠尨妗�50鈥俫2</td>
+                  </tr>
+                  <tr>
+                    <th>涓 锛�12:00锛�</th>
+                    <td>鑿滆倝闈�</td>
+                    <td>闈㈢矇鈥�60鈥俫銆佽倝鈥�25鈥俫銆佸ぇ鐧借彍75鈥俫銆侀鐢ㄦ补5鈥俫銆佺洂灏戣</td>
+                    <td>浠�閿﹂奔鐗囩播</td>
+                    <td>
+                      澶х背50鈥俫銆佽崏楸艰倝鈥�30鈥俫銆佸璞嗚厫25鈥俫銆侀鑿�75鈥俫銆侀鑿�2鈥俫銆佽懕鑺�2鈥俫銆侀鐢ㄦ补5鈥俫銆佺洂灏戣
+                    </td>
+                  </tr>
+                  <tr>
+                    <th rowspan="2">鍗堢偣 锛�15:00锛�</th>
+                    <td>鐗涘ザ璧よ眴姹�</td>
+                    <td>閰嶆柟濂�100鈥俶L銆佽丹璞�20鈥俫銆佺硸5鈥俫</td>
+                    <td>鑺嬪ご鐗涘ザ</td>
+                    <td>鑺嬪ご鈥�30鈥俫銆侀厤鏂瑰ザ100mL銆佺硸5鈥俫</td>
+                  </tr>
+                  <tr>
+                    <td>姘存灉</td>
+                    <td>棣欒晧50鈥俫</td>
+                    <td>姘存灉</td>
+                    <td>鑻规灉鈥�50鈥俫</td>
+                  </tr>
+                  <tr>
+                    <th rowspan="2">鏅氶 锛�18:00锛�</th>
+                    <td>鑺卞嵎</td>
+                    <td>1涓紝闈㈢矇25鈥俫銆佽懕鑺�2鈥俫銆佹鐗╂补2鈥俫</td>
+                    <td>鐣柉绮�</td>
+                    <td>澶х背40鈥俫銆佺暘钖�20鈥俫</td>
+                  </tr>
+                  <tr>
+                    <td>椴戦奔鑿犺彍绮�</td>
+                    <td>
+                      澶х背30鈥俫銆侀矐楸�25鈥俫銆佽彔鑿溾��50鈥俫銆佽儭钀濆崪25鈥俫銆侀夯娌�3鈥俫銆佺洂灏戣
+                    </td>
+                    <td>鑲夌墖鐐掔櫧鑿�</td>
+                    <td>鑲�25鈥俫銆佸皬鐧借彍50鈥俫銆佹鐗╂补5鈥俫銆佺洂灏戣</td>
+                  </tr>
+                  <tr>
+                    <th>鐫″墠 锛�21:00锛�</th>
+                    <td>濂�</td>
+                    <td>閰嶆柟濂垛��200鈥俶L</td>
+                    <td>濂�</td>
+                    <td>閰嶆柟濂垛��200鈥俶L</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">2锝�3宀佸辜鍎夸竴鏃ラ璋变妇渚�</div>
+            <div class="tips-file">
+              <table class="table111 table122">
+                <thead>
+                  <tr>
+                    <th rowspan="2">鏃堕棿</th>
+                    <th colspan="2">1</th>
+                    <th colspan="2">2</th>
+                  </tr>
+                  <tr>
+                    <th style="width: 60px">鑿滃搧鍚嶇О</th>
+                    <th>椋熺墿鍙婃暟閲�</th>
+                    <th>鑿滃搧鍚嶇О</th>
+                    <th>椋熺墿鍙婃暟閲�</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <th rowspan="2">鏃╅锛�7锛�00锛�</th>
+                    <td>鏋f偿璧よ眴绮�</td>
+                    <td>澶х背30鈥俫銆佽丹璞�20鈥俫銆佺孩鏋�10鈥俫銆佺櫧绯�5鈥俫</td>
+                    <td>濂垛��</td>
+                    <td>鐗涘ザ鎴栭厤鏂瑰ザ250鈥俶L</td>
+                  </tr>
+                  <tr>
+                    <td>铔嬬硶</td>
+                    <td>闈㈢矇25鈥俫銆侀浮铔�25鈥俫</td>
+                    <td>绫崇硶</td>
+                    <td>1鈥備釜锛堝ぇ绫�30鈥俫銆佺硸5鈥俫锛�</td>
+                  </tr>
+                  <tr>
+                    <th>鏃╃偣 (10:00)</th>
+                    <td>闆姳姘存灉缇�</td>
+                    <td>棣欒晧100鈥俫銆佸ザ閰�20鈥俫銆佹穩绮�5鈥俫銆佹鐗╂补2鈥俫</td>
+                    <td>灏忕鍖�</td>
+                    <td>闈㈢矇鈥�30鈥俫銆佺尓鑲夆��20鈥俫銆佺洂灏戣</td>
+                  </tr>
+                  <tr>
+                    <th rowspan="2">涓 锛�12:00锛�</th>
+                    <td>鐚倽鑺ヨ彍闈�</td>
+                    <td>闈㈢矇60鈥俫銆佺尓鑲�20鈥俫銆佽姤鑿�100鈥俫銆佹鐗╂补5鈥俫銆佺洂灏戣</td>
+                    <td>杞背楗�</td>
+                    <td>澶х背50鈥俫</td>
+                  </tr>
+                  <tr>
+                    <td>钂搁矞甯﹂奔</td>
+                    <td>甯﹂奔30鈥俫銆佽懕鑺�2鈥俫銆佹鐗╂补2鈥俫銆佺洂灏戣</td>
+                    <td>鐗¤泿婊戣泲楦璞嗚厫缇�</td>
+                    <td>
+                      鐗¤泿25鈥俫銆侀浮铔�25鈥俫銆侀腑琛�20鈥俫銆佽眴鑵�20鈥俫銆侀粍鐡�30鈥俫銆佽儭钀濆崪50鈥俫銆佹鐗╂补7鈥俫
+                    </td>
+                  </tr>
+                  <tr>
+                    <th rowspan="2">鍗堢偣 锛�15:00锛�</th>
+                    <td>濂�</td>
+                    <td>鐗涘ザ鈥�250鈥俶L</td>
+                    <td>濂�</td>
+                    <td>閰稿ザ100鈥俶L</td>
+                  </tr>
+                  <tr>
+                    <td>姘存灉</td>
+                    <td>鐚曠尨妗冣��50鈥俫</td>
+                    <td>姘存灉</td>
+                    <td>鑽夎帗鈥�100鈥俫</td>
+                  </tr>
+                  <tr>
+                    <th rowspan="2">鏅氶 锛�18:00锛�</th>
+                    <td>杞背楗�</td>
+                    <td>澶х背40鈥俫</td>
+                    <td rowspan="2">楸艰彍闈�</td>
+                    <td rowspan="2">
+                      闈㈢矇40鈥俫銆侀┈椴涢奔鑲夆��30鈥俫銆佸皬鐧借彍40鈥俫銆佺暘鑼�30鈥俫銆佹鐗╂补5鈥俫銆佺洂灏戣
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>楦¤搲钄彍缇�</td>
+                    <td>
+                      楦¤兏鑲夆��30鈥俫銆佽儭钀濆崪50鈥俫銆佹补鐧借彍50鈥俫銆佹鐗╂补5鈥俫銆佺洂灏戣
+                    </td>
+                  </tr>
+                  <tr>
+                    <th>鐫″墠 锛�21:00锛�</th>
+                    <td>濂�</td>
+                    <td>閰嶆柟濂垛��200鈥俶L</td>
+                    <td>濂�</td>
+                    <td>閰嶆柟濂垛��200鈥俶L</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
         </div>
+        <p><br /></p>
         <h4 class="h4-zt" id="d173">锛堜竴锛�0锝�1宀佸┐鍎跨殑涓�鏃ラギ椋熷畨鎺�</h4>
         <p>
           濠村効鏃╂湡瑕佹寜闇�鍝轰钩锛�3锝�4鏈堥緞鍚庨�愭笎瀹氭椂鍝轰钩鍜岃繘椋燂紝涓�鑸瘡澶╁彲鍠傚ザ6锝�8娆℃垨鏇村锛屼笉瑕佸己姹傚杺濂舵鏁板拰鏃堕棿銆傛弧6鏈堥緞鏃跺皾璇曟坊鍔犺緟椋熴��
@@ -344,7 +643,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="200">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-53</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c073">
           <span class="bk1-h3"
@@ -387,7 +701,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="201">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-54</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>锛�2锛夎敩鑿滄按鏋滄偿鐨勫埗浣�</p>
         <p>
@@ -406,17 +734,112 @@
         <p>
           鈶¢奔娉ワ細灏嗛奔娲楀噣锛岃捀鐔熸垨鐓啛锛屽幓鐨�佸幓鍒猴紝灏嗙暀涓嬬殑楸艰倝鐢ㄦ堡鍖欏帇鎴愭偿銆�
         </p>
-        <p><br /></p>
         <div class="bk-zt1">
-          <div class="bj1-zt1">
+          <!-- <div class="bj1-zt1">
             <p class="left">
               <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" />
-          </p>
-          <p>鎵爜鐪嬨��0锝�3宀佸┐骞煎効杈呴鐨勫叿浣撳埗浣滄柟娉曘�嬨��</p>
+          </p> -->
+          <!-- <p>鎵爜鐪嬨��0锝�3宀佸┐骞煎効杈呴鐨勫叿浣撳埗浣滄柟娉曘�嬨��</p> -->
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">0锝�3宀佸┐骞煎効杈呴鐨勫叿浣撳埗浣滄柟娉�</div>
+            <div class="tips-file">
+              <div class="p-text">
+                <p>锛堜竴锛�7锝�12鏈堥緞杈呴鍒朵綔</p>
+                <p>1.钄彍娉ョ殑鍒朵綔</p>
+                <p>锛�1锛夊崡鐡滄偿</p>
+                <p>鈶犲崡鐡滀竴灏忓潡锛堝ぇ绾︹��100鈥俫锛夎捀鐔熴��</p>
+                <p>鈶″彇鍑鸿捀鐔熺殑鍗楃摐鐨勭摐鑲夋斁鍦ㄥ皬纰楅噷锛岀敤灏忓嫼鍘嬬儌鎴愭偿銆�</p>
+                <p>鈶㈠彇閫傞噺鍗楃摐娉ワ紝鍔犻�傞噺寮�姘寸█閲婏紝璋冨寑銆�</p>
+                <p>
+                  锛堟彁绀衡埗鍗楃摐涓�瀹氳钂哥啛銆佽捀鐑傘�傚崡鐡滄槸涓尰璁茬殑鈥滃彂鐗┾�濓紝鏈夌梾鏃朵笉瀹滃悆銆傦級
+                </p>
+                <p>锛�2锛夊湡璞嗘偿</p>
+                <p>
+                  鈶犻�夋嫨鏂伴矞娌℃湁鍙戣娊鐨勫湡璞�1涓紝鍘荤毊锛屽垏鎴愬皬鍧椼�傗憽钂哥啛鎴栬�呯叜鐔熴�傗憿鍙栧嚭鍦熻眴锛屾斁鍏ュ皬纰楋紝鐢ㄥ嫼鍘嬬儌鎴愭偿銆傗懀鍠傞鏃讹紝鍔犲皯閲忔按璋冨寑鍗冲彲銆�
+                </p>
+                <p>锛�3锛夌豢鍙惰彍娉ワ紙濡傞潚鑿滄偿锛�</p>
+                <p>
+                  鈶犲皢鏂伴矞闈掕彍鍘昏�佸彾鍙婅彍鏍癸紝鍦ㄦ祦鍔ㄧ殑鑷潵姘翠腑娲楀噣銆傗憽浠ヤ袱纰楁按銆佷竴纰楄彍鐨勬瘮渚嬪湪閿呭唴鍔犲叆閫傞噺娓呮按锛岀叜娌搞�傗憿姘寸叜娌稿悗鍔犲叆鑿滃彾锛屾按寮�鍚庡啀鐓�1锝�2鈥傚垎閽熴�傗懀鍙栧嚭鑿滃彾銆佹播骞叉按鍒嗐�傗懁鍒朵綔闈掕彍娉ユ湁涓ょ鏂规硶锛氫竴绉嶆柟娉曟槸鐢ㄥ垁鍒囧幓鐓ソ鐨勯潚鑿滄鍚庯紝鏀惧叆绮夌鏈虹矇纰庢垚鑿滄偿鍗虫垚;鍙︿竴绉嶆柟娉曟槸鐢ㄩ摐涓濈綉锛屾墜鎷跨潃鐓ソ鐨勮彍姊楀湪閾滀笣缃戜笂鐮旂(锛屾祦鍒颁笅闈㈢閲岀殑渚挎槸鑿滄偿銆傗懃鍦ㄦ补閿呴噷鍔犻�傞噺娌癸紝鎬ョ伀鐐掕彍娉ワ紝鑿滄偿鍙崟鐙鐢ㄦ垨鍔犲叆绮ラ噷椋熺敤銆�
+                </p>
+                <p>2.姘存灉娉ョ殑鍒朵綔</p>
+                <p>锛�1锛夐钑夋偿</p>
+                <p>
+                  鈶犲皢棣欒晧娲楀噣鍚庯紝鍓ュ幓澶栫毊銆傗憽鐢ㄥ共鍑�鐨勫皬鍒�鎸栧彇涓棿涓�娈碉紝鏀剧閲岋紝鐢ㄥ嫼鍘嬫垚娉ュ嵆鍙鐢ㄣ��
+                </p>
+                <p>锛�2锛夎嫻鏋滄偿</p>
+                <p>
+                  鈶犲彇璐ㄥ湴杈冧负杞殑鑻规灉涓�涓紝娲楀噣鍒囧紑銆傗憽鐢ㄥ皬鍕哄湪妯墫闈笂鍒彇鏋滆倝锛岃秺缁嗚秺濂姐��
+                </p>
+                <p>3.鑲夋偿鐨勫埗浣�</p>
+                <p>锛�1锛夐奔娉�</p>
+                <p>
+                  鈶犻�夋嫨鏂伴矞鐨勬渤楸兼垨娴烽奔锛屽幓槌炪�佸幓鍐呰剰锛屾礂鍑�銆傗憽鍔犺懕銆佸鍚庤捀绾�10鈥傚垎閽燂紙浠モ��50鈥俫楸�1鍒嗛挓璁$畻钂哥殑鏃堕棿锛夛紝寰呴奔鑲夌炕鐧姐�佽倝鍒鸿劚绂诲嵆琛ㄧず楸煎凡鐔熴�傗憿灏忓績鍦板皢鎵�鏈夐奔鍒烘寫鍑猴紝鍙栧嚭楸艰倝锛堜笉瑕侀奔鐨級锛岀敤鍕哄帇鎴愭偿鍗冲彲椋熺敤銆�
+                </p>
+                <p>锛�2锛夌鑲夋偿</p>
+                <p>
+                  鈶犲皢楦★紙楦級鑳歌劘鑲夊墎纰庯紝鍔犵敓绮夋媽鍖�銆傗憽鍔犲皯閲忔鐗╂补鍦ㄦ补閿呴噷锛屽皢鑲夋湯鏀惧叆鐓哥倰鍚庯紝鍔犲皯閲忔按鐒栫叜5鍒嗛挓鍗冲彲銆傗憿鍙坊鍔犲湪鑿滅播鎴栫儌闈㈡潯涓��
+                </p>
+                <p>锛�3锛夌尓鑲夋湯</p>
+                <p>
+                  鈶犵敓鐐掓硶锛氬皢鏂伴矞鐚倝鍓佺鎴愭湯锛屽姞灏戦噺妞嶇墿娌瑰湪娌归攨閲岋紝灏嗚倝鏈斁鍏ョ吀鐐�;鍐嶅姞灏戦噺姘达紝鐒栫叜5鈥傚垎閽熷嵆鎴愩��
+                </p>
+                <p>
+                  鈶$啛鍒舵硶锛氬皢鏁村潡鐦︾尓鑲夊姞钁便�佸鐓儌鍙栧嚭锛岀敤娑堟瘨杩囩殑鍒�鍜岀牕鏉垮墎鐑傛垚鏈嵆鎴愩�傚彲澶氬仛涓�浜涘瓨鏀惧湪鍐扮涓喎鍐诲鐢ㄣ��
+                </p>
+                <p>锛�4锛夌尓鑲濇偿</p>
+                <p>
+                  鈶犵敓鍒竻鐐掓硶锛氬厛灏嗘柊椴滅尓鑲濇礂鍑�锛屾斁鍦ㄧ牕鏉夸笂锛岀劧鍚庣敤鍒�灏嗙尓鑲濇í鍚戝垏寮�锛屽湪鍒囧紑鐨勮倽鑴忚〃闈㈢敤鍒�鑳岃交杞诲湴鍒紝鍒笅鐨勬偿鐘剁墿灏辨槸鑲濇偿銆傝捣娌归攨锛屽皢鑲濇偿鏀惧叆娓呯倰锛屽姞鍏ヨ懕銆佸鍘昏叆锛岀儳鐔熺叜閫忓悗锛屽姞鍏ュ皯閲忛鐩愬嵆鎴愩�傚皢鍋氬ソ鐨勭尓鑲濇偿鎴栦笌纰庤彍娣峰悎鎴愯彍锛屾垨娣峰叆绮ャ�侀潰涓悓椋熴��
+                </p>
+                <p>
+                  鈶$敓鍒竻钂告硶锛氭寜涓婅堪鏂规硶鍒嚭鑲濇偿锛屽皢鑲濇偿鏀惧叆纰椾腑锛屽姞閫傞噺鐢熺矇鎷屽寑锛岃涓婅懕娈靛拰濮滅墖锛岄殧姘磋捀10锝�15鈥傚垎閽熴�傝捀鐔熺殑鑲濇偿鍙互涓庤敩鑿滄偿锛堣儭钀濆崪娉ャ�侀潚鑿滄偿銆佸湡璞嗘偿锛変互1鈭�1鈥傜殑姣斾緥娣峰悎锛屽苟鍦ㄦ补閿呴噷鐓哥倰鍚庨鐢ㄣ��
+                </p>
+                <p>
+                  鈶㈢啛鍓佹硶锛氬厛灏嗙尓鑲濇礂鍑�锛岀疆閿呬腑鐓啛锛屽幓鎺夌瓔銆佺毊锛岀劧鍚庡湪鐮ф澘涓婂皢鐓啛鐨勭尓鑲濆墎鎴愭偿鐘躲�傚啀璧锋补閿咃紝鏀惧叆鑲濇偿娓呯倰锛屾垨鍔犳按鐓哺锛屽姞灏戦噺椋熺洂鍗虫垚鑲濇偿銆傞娉曞悓涓娿��
+                </p>
+                <p>锛堜簩锛�1锝�2宀佽緟椋熷埗浣�</p>
+                <p>1.钀濆崪楗�</p>
+                <p>锛�1锛夊師鏂�</p>
+                <p>鑳¤悵鍗溿�佺槮鑲夈�佸ぇ绫炽�侀鑿囥�侀潚鑿溿�佸銆�</p>
+                <p>锛�2锛夊埗浣滄柟娉�</p>
+                <p>
+                  鈶犲皢鑳¤悵鍗溿�佺槮鑲夈�侀鑿囧垏鎴愪竵锛屽鐢ㄣ�傗憽璧烽攨锛屾斁鐦﹁倝銆佽儭钀濆崪涓佸揩鐐掞紝鏀剧敓濮滀笣銆侀鑿囦竴璧风倰銆傗憿鍔犳按锛屾斁娣樺ソ鐨勫ぇ绫筹紝鏀剧偣鍎跨洂锛屾斁鍏ラ潚鑿滐紝鐩栧ソ閿呯洊鍜屽钩鏃朵竴鏍风叜鐔�(鏈�濂界敤閾侀攨)銆傗懀鐩涘嚭鍓嶅姞鐐硅挏鍙躲��
+                </p>
+                <p>2.鑳¤悵鍗滈潚鑿滈キ鍗�</p>
+                <p>锛�1锛夊師鏂�</p>
+                <p>
+                  闈掕彍1妫点�佺背楗�1灏忕銆佽儭钀濆崪1/3鏍广�佹磱钁�1/4涓�佽倝鏈�50鈥俫銆侀浮铔�1涓�佺传鑿�2锝�3鐗囥��
+                </p>
+                <p>锛�2锛夊埗浣滄柟娉�</p>
+                <p>
+                  鈶犲皢鎵�鏈夋潗鏂欐竻娲楀共鍑�锛屽皢闈掕彍銆佽儭钀濆崪銆佹磱钁卞拰鑲夊垏鎴愭湯澶囩敤銆傗憽灏嗛浮铔嬫墦鎴愯泲娑诧紝灏嗛攨鐑х儹锛屽�掑叆锛屼笅鍏ユ磱钁辩炕鐐掞紝鐒跺悗鍊掑叆鑲夋湯缈荤倰锛屽姞鍏ヨ儭钀濆崪缈荤倰锛屽姞鍏ョ背楗炕鐐掞紝鍔犲叆楦¤泲缈荤倰锛屾渶鍚庡姞鍏ュ垏纰庣殑闈掕彍鏈炕鐐掞紝鎾掔偣鐩愶紝鐐掑寑鍑洪攨銆傗憿灏嗗鍙稿笜閾哄湪妗堟澘涓婏紝鍦ㄥ鍙稿笜涓婇摵涓婁竴灞備繚椴滆啘锛屽湪淇濋矞鑶滀笂閾轰笂涓�灞傜传鑿滐紝鍦ㄧ传鑿滀笂鍧囧寑鍦伴摵涓婇潚鑿滆泲鐐掗キ锛岀劧鍚庡嵎璧锋潵锛屾敹鍙f湞涓嬫斁锛屽垏娈靛嵆鍙鐢ㄣ��
+                </p>
+                <p>锛�3锛夋敞鎰忎簨椤�</p>
+                <p>
+                  闈掕彍瑕佸垏缁嗭紱鐐掗キ瑕佺暐鍑夊悗鍐嶆斁鍒扮传鑿滀笂鍘诲寘锛涘彲涓嶇敤绱彍鍗凤紝鐩存帴鐩涘湪纰楅噷鍚冮潚鑿滆泲鐐掗キ銆�
+                </p>
+                <p>3.缈犵骞诲僵楸肩背绮�</p>
+                <p>锛�1锛夊師鏂�</p>
+                <p>
+                  褰╂銆侀粍鐡溿�佺啛鐜夌背绮掋�佽懕銆佺孩椴烽奔(澶у瀷瓒呭競鏈夊喕鐨勩�佸幓鍒虹殑楸肩墖)銆�
+                </p>
+                <p>锛�2锛夊埗浣滄柟娉�</p>
+                <p>
+                  鈶犲皢楸艰倝鍒囨潯鍚庡啀鍒囨垚灏忎竵锛岀敤鐩愩�佹补銆佹穩绮夈�佸皯璁搁叡娌广�佸鐗囪厡鍒朵竴灏忔椂锛屽棣欏幓鑵ワ紝鏇磋蒋瀚┿�傗憽灏嗛粍鐡滃垏娈靛悗鏀瑰垁锛屽湪涓棿鐢ㄥ嫼瀛愭寲娲烇紝鍋氭垚瑁呭够褰╅奔绫崇矑鐨勫皬瀹瑰櫒銆傗憿閿呬腑鏀炬补锛屼簲棣欑矇銆佽懕鑺辩垎棣欙紝鐒跺悗鏀惧叆鍒囧ソ鐨勯奔鑲夛紝鐐掕嚦鍙樿壊鍚庢斁鍏ュ僵妞掍竵鍜岀帀绫崇矑锛屽嚭閿呮椂鍐嶅皯鏀剧偣鐩愩�佽殱娌瑰拰棣欐补璋冨懗銆傗懀鐢ㄥ皬鍕哄瓙灏嗗够褰╅奔绫崇矑鏀惧叆榛勭摐瀹瑰櫒涓紝鐢ㄥ垁灏嗗垏涓嬬殑榛勭摐鍒囨垚绔瑰彾鐘讹紝鎽嗗ソ缈犵鐨勯�犲瀷銆�
+                </p>
+                <p>锛�3锛夋敞鎰忎簨椤�</p>
+                <p>绾㈤卜楸艰涔扮幇鎴愮殑娌℃湁鍒虹殑楸肩墖銆�</p>
+                <p>4.鍦熻眴鈥滃湴闆封��</p>
+                <p>锛�1锛夊師鏂�</p>
+                <p>
+                  澶х背200鍏嬨�侀鑿�100鍏嬨�佺尓鑲夐100鍏嬨�佸湥濂虫灉1棰椼�佸ザ閰�1鐗囥�佹捣鑻�1鐗囥�侀鐩愰�傞噺銆侀叡娌归�傞噺銆�
+                </p>
+              </div>
+            </div>
+          </div>
         </div>
         <h5 class="h5-zt" id="e158">2.棰楃矑鐘惰緟椋熺殑鍒朵綔</h5>
         <p>锛�1锛夊噯澶囧埗浣滅殑鏉愭枡鍙婂櫒鍏�</p>
@@ -444,7 +867,22 @@
         <p class="img">鍥�2-5-3銆�椋熺墿鍔犵洊淇濇俯</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="202">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-55</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c074">
           <span class="bk1-h3"
@@ -471,7 +909,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="203">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-56</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           閫夋嫨濉戞枡銆侀櫠鐡枫�佷笉閿堥挗鐨勶紝鎵樿偛鏈烘瀯浠ラ�夋嫨涓嶉攬閽㈢鏇翠负閫傚疁锛堣琛�2-5-8锛夈�傛澶栵紝濠村辜鍎夸娇鐢ㄧ鐨勫帤搴﹂渶鐩稿鍘氫竴浜涳紝鏃㈠彲閬垮厤鐑激锛屼篃鐩稿淇濇俯銆�
@@ -504,7 +956,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="204">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-57</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鈶e垎鍙戦鐗┿�傚垎鍙戦鐗╃殑椤哄簭涓鸿敩鑿溾�旇崵鑿溾�旈キ鈥旀堡锛岄キ鐢ㄥ嫼鐩涳紝浣跨敤澶瑰瓙鍒嗚彍锛屾寜宸︽堡鍙宠彍鐨勯『搴忔斁缃��
@@ -539,15 +1006,81 @@
         </p>
         <p><br /></p>
         <div class="bk-zt1">
-          <div class="bj1-zt1">
+          <!-- <div class="bj1-zt1">
             <p class="left">
               <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
             </p>
-          </div>
-          <p class="center">
+          </div> -->
+          <!-- <p class="center">
             <img class="img-g" alt="" src="../image/0220-2.jpg" />
           </p>
-          <p>鎵爜鐪嬨�婇鍓嶆暀鑲茬礌鏉愩�嬨��</p>
+          <p>鎵爜鐪嬨�婇鍓嶆暀鑲茬礌鏉愩�嬨��</p> -->
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">椁愬墠鏁欒偛绱犳潗</div>
+            <div class="tips-file">
+              <div class="p-text">
+                <p>锛堜竴锛夐鍓嶆晠浜�</p>
+                <p>1.銆婃瘝楦′笅铔�</p>
+                <p>
+                  鏈変釜闃垮Ж鍏荤潃涓�鍙瘝楦★紝姣嶉浮姣忓ぉ涓嬩竴涓泲銆傚ス浠ヤ负澶氱粰楦″杺浜涘ぇ楹︼紝灏变細姣忓ぉ涓嬩袱涓泲銆備簬鏄紝濂瑰氨姣忓ぉ杩欐牱鍠傦紝缁撴灉姣嶉浮闀垮緱瓒婃潵瓒婅偉锛屾瘡澶╄繛涓�涓泲涔熶笅涓嶄簡銆�
+                </p>
+                <p>2.銆婅寗瀛愬濡广��</p>
+                <p>
+                  鑼勫瓙濡瑰杩欏嚑澶╂剚鐪夎嫤鑴哥殑锛屼笉璺熷皬鏈嬪弸璇磋瘽浜嗐�傚ス鎬庝箞浜嗭紵鐧借彍濮愬鍏冲績鍦伴棶锛氣�滆皟鐨殑灏忚寗瀛愪綘涓嶈垝鏈嶅悧锛熸�庝箞浜嗭紵鍛婅瘔濮愬锛屾垨璁告垜鑳藉府寰楀埌浣犲憿锛佲�濊寗瀛愬濡逛竴鍚氨瑕佸摥鍑烘潵浜嗭細鈥滄垜闀垮緱澶氶毦鐪嬪憖锛佽繖鐨偆鍙堥粦鍙堢传鐨勶紝涓戞浜嗐�傚攭锛佲�濃�滃搱鍝堝搱锛屸�濈櫧鑿滃濮愬繊涓嶄綇绗戣捣鏉ワ紝鈥滃彲鐖辩殑灏忚寗瀛愶紝浣犺惀鍏讳赴瀵岋紝鎵樿偛鍥殑灏忔湅鍙嬮兘鍠滄浣犮�備綘鐨勮韩鏉愯繕杩欎箞鑻楁潯锛岀传鑹茬殑瑁欏瓙瀵屾湁璇楁儏鐢绘剰銆傚缇庡憖锛佹�庝箞浼氳鑷繁涓戝憿锛熲�濃�滅湡鐨勫悧锛熲�濊寗瀛愬濡圭灙澶т簡鐪肩潧銆傗�滃綋鐒讹紝涓嶄俊浣犵収鐓ч暅瀛愶紝闀滃瓙閲岀殑浣犲鍙埍鍛�锛佲�濃�滃棷锛岃繕鐪熺殑鍛紒鈥濆皬鑼勫瓙鎵壄韬瓙锛屼笉濂芥剰鎬濆湴绗戜簡銆傗�傛瘡涓汉閮芥湁鑷繁鐨勯暱澶勶紝鎴戜滑瑕佸杽浜庡彂鐜板畠浠紝璁╄嚜宸卞厖婊¤嚜淇°��
+                </p>
+                <p>3.銆婂皬娌抽┈鍚冮キ銆�</p>
+                <p>
+                  姣忓ぉ鍚冮キ鏃讹紝灏忔渤椹氨鍥村ソ楗厹鍏滐紝绛夌潃濡堝鏉ュ杺楗�傚皬闈掕洐鐪嬭浜嗭紝灏辩瑧璇濆皬娌抽┈锛氣�滃懕鍛卞懕锛屽皬娌抽┈锛岄毦涓烘儏锛屽悆楗繕瑕佸濡堝杺銆傗�濆皬娌抽┈鍚簡锛屽ご涓�姝紝鍢翠竴鍣橈細鈥滃氨瑕佸濡堝杺銆傗�濇湁涓�澶╂棭鏅紝濡堝鎶婇キ鍋氬ソ浜嗭紝鏈変簨瑕佸嚭闂紝灏辫灏忔渤椹嚜宸卞悆銆傚彲灏忔渤椹氨绛夊濡堝洖鏉ュ杺浠栵紝澶槼鑰侀珮浜嗭紝濡堝杩樻病鍥炴潵锛屽皬娌抽┈楗垮緱鐩村摥銆�
+                </p>
+                <p>
+                  灏忛潚铔欏彧濂芥潵甯繖锛屽彲瀹冪殑涓瓙澶皬浜嗭紝灏忔渤椹殑鍢村反鍙堝ぇ锛屽杺浜嗗崐澶╂墠鍠備簡涓�鍙o紝绱瀬浜嗐�傚皬娌抽┈涓嶅仠鍦板ぇ鍝細鈥滃濡堝揩鍥炴潵鍛�锛屽杺鎴戝悆楗憖!鈥濆皬闈掕洐鐫�鎬ュ湴璇达細鈥滃皬娌抽┈浣犵殑鎵嬪憿锛屼綘蹇嚜宸卞悆楗憖!鈥濆皬娌抽┈鍚簡灏忛潚铔欑殑璇濓紝鎷胯捣浜嗗嫼瀛愶紝涓�鍙d竴鍙e湴鎶婇キ鍏ㄥ悆瀹屼簡銆傚皬闈掕洐楂樺叴鍦拌锛氣�滃皬娌抽┈鐪熻兘骞层�傗�濆濡堝洖鏉ヤ簡锛岀湅鍒板皬娌抽┈鍚冮ケ浜嗛キ锛屽拰灏忛潚铔欎竴璧风帺寰楅偅涔堝紑蹇冿紝濡堝涔熼珮鍏村湴绗戜簡銆�
+                </p>
+                <p>4.銆婅繍鍔ㄤ細銆�</p>
+                <p>
+                  瀹濆疂鐨勮倸瀛愰噷瑕佷妇鍔炰竴鍦鸿繍鍔ㄤ細锛岄個璇峰ぇ瀹跺弬鍔犮�傜背楗厛鐢熻鍙傚姞鎷旀渤姣旇禌锛岃鍏堣繍绫冲埌瀹濆疂鐨勮倸瀛愰噷銆傜背楗厛鐢熺殑瀵规墜璞嗗瓙鍐涘洟鐨勬暟閲忓お灏戝暒锛屾嫈涓嶈繃绫抽キ鍏堢敓浜嗭紝鍐嶈繍浜涜眴瀛愬埌瀹濆疂鐨勮倸瀛愰噷銆傚搸鍛�锛岃繍鍔ㄥ満鐨勮崏鐨繕娌¢摵锛岃繕瑕佸悆浜涢潚鑿滄妸杩愬姩鍦洪摵濂芥墠琛屻�傚皬楸艰鍙傚姞娓告吵姣旇禌锛屽彲鏄畠韬哄湪鐩樺瓙閲屽ソ鐫�鎬ワ紝瑕佽灏忛奔杩涘幓鍝︼紝娓告吵姹犵殑姘翠笉澶熶簡锛屽疂瀹濊繕瑕佸枬浜涙堡鎵嶅彲浠ヨ灏忛奔娓告吵銆�
+                </p>
+                <p>5.銆婃寫椋熺殑灏忎匠浣炽��</p>
+                <p>
+                  鏈変釜灏忔湅鍙嬶紝鍙皬浣充匠锛堝悕瀛楀彲浠ユ敼鎴愬瀛愮殑灏忓悕锛岃瀛╁瓙鏈変唬鍏ユ劅锛夛紝濂逛粈涔堥兘濂斤紝灏辨槸鐖辨寫椋熲�︹�︽湁涓�澶╀笂鍗堬紝濡堝鐐掍簡鐧借彍銆傚皬浣充匠鐪嬪埌浜嗭紝鍢熻捣浜嗗皬鍢磋锛氣�滅櫧鑿滄病鍛抽亾锛屾垜涓嶅悆锛佲�濆皬鐧藉厰瑙佸埌浜嗭紝寮�蹇冨湴璇达細鈥滀綘涓嶅悆锛屾垜鍚冿紒鈥濆畠韫﹁功璺宠烦鍦拌窇杩囨潵锛屼笁鍙d袱鍙e氨鎶婄櫧鑿滃悆鍏夊暒锛佽繖涓�澶╋紝濡堝杩樼叜浜嗛奔锛屽皬浣充匠鐪嬪埌浜嗭紝鍙堝槦璧蜂簡灏忓槾璇达細鈥滈奔鏈夊埡锛屾垜涓嶅悆锛佲�濆皬鑺辩尗鐪嬪埌浜嗭紝寮�蹇冨湴璇达細鈥滀綘涓嶅悆锛屾垜鍚冿紒鈥濆畠涓�璺充竴璺冲湴璺充笂浜嗘瀛愶紝鍟婂憸鍟婂憸鎶婇奔鍚冨厜鍟︼紒杩欐牱锛屽皬鐧藉厰銆佸皬鑺辩尗閮藉悆寰楅ケ楗辩殑锛屽畠浠暱寰楀張楂樺張澹紝鍙紓浜暒锛佸彧鏈夊皬浣充匠闀垮緱鍙堢槮鍙堝皬銆�
+                </p>
+                <p>锛堜簩锛夐鍓嶅効姝�</p>
+                <p>鍎挎瓕1锛氥�婂悆楗瓕銆�</p>
+                <p>
+                  灏忛キ纰楋紝鎵舵壎濂斤紝灏忚皟缇癸紝鎷挎嬁鐗€�備竴鍙d竴鍙h嚜宸卞悆锛屼竴鍙iキ銆佷竴鍙h彍銆�
+                </p>
+                <p>鍎挎瓕2锛氥�婃牱鏍蜂笢瑗块兘瑕佸悆銆�</p>
+                <p>
+                  鐧界背楗紝鎴戣鍚冦�傜孩鐑ц倝锛屾垜瑕佸悆銆傜豢钄彍锛屾垜瑕佸悆锛屾牱鏍蜂笢瑗块兘瑕佸悆銆�
+                </p>
+                <p>鍎挎瓕3锛氥�婂悆楗笉瑕佸杺銆�</p>
+                <p>濞冨▋姣旀垜灏忥紝鍚冮キ瑕佷汉鍠傦紝鎴戞瘮濞冨▋澶э紝鍚冮キ涓嶈鍠傘��</p>
+                <p>鍎挎瓕4锛氥�婂悆楗柦銆�</p>
+                <p>
+                  鍚冮キ鍠斤紝鍚冮キ鍠斤紝澶у鍚冮キ鍠姐�備竴澶у彛锛屼竴澶у彛锛岄キ鑿滃悆瀹屼簡锛屼綘楂樺柦锛屾垜楂樺柦锛屽ぇ瀹堕暱楂樺柦锛佸効姝�5锛氥�婅繘椁愩��
+                </p>
+                <p>
+                  灏忛妗岋紝宸叉憜濂斤紝澶у鎼鍧愭鏃侊紝涓�鍙iキ锛屼竴鍙h彍锛屼笉鎾掍笉鎺夊叏鍚冨厜銆�
+                </p>
+                <p>鍎挎瓕6锛氥�婂疂瀹濆悆鏃╅銆�</p>
+                <p>灏忓疂瀹濆悆鏃╅锛屾瀛愬皬鎵嬮兘鏀惧ソ銆傚悆鏃╅锛岃韩浣撳ソ銆�</p>
+                <p>鍎挎瓕7锛氥�婂疂瀹濅箹锛屽疂瀹濅箹銆�</p>
+                <p>
+                  瀹濆疂鍠滄鍚冮潚鑿溿�傜豢鑿犺彍锛岃剢榛勭摐锛岃儭钀濆崪锛屽鐧借彍銆傚鍚冮潚鑿滈暱寰楀揩銆�
+                </p>
+                <p>鍎挎瓕8锛氥�婂ぇ鑻规灉銆�</p>
+                <p>
+                  鎴戞槸涓�涓ぇ鑻规灉锛屽皬鏈嬪弸浠兘鐖辨垜銆傝浣犲厛鍘绘礂娲楁墜锛岃鏄墜鑴忓埆纰版垜銆�
+                </p>
+                <p>锛堜笁锛夎皽璇�</p>
+                <p>
+                  璋滆1锛氳韩浣撶槮鍙堥暱锛屾湁缁垮張鏈夐粍锛屾祽韬兘鏄埡锛屽悆鐫�鑴嗗張棣欍�傦紙璋滃簳锛氶粍鐡溿�傦級
+                </p>
+                <p>
+                  璋滆2锛氬皬浼炰竴鎶婃妸锛岄暱鍦ㄦ爲涓嬮潰锛屼笉鑳藉綋浼炵敤锛屽仛鑿滃悆寰楅銆傦紙璋滃簳锛氳槕鑿囥�傦級
+                </p>
+              </div>
+            </div>
+          </div>
         </div>
         <h4 class="h4-zt" id="d187">锛堜簩锛変粙缁嶉キ鑿�</h4>
         <p>
@@ -555,7 +1088,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="205">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-58</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p class="img">琛�2-5-9銆�甯哥敤浠嬬粛楗彍鎸囧鐢ㄨ</p>
         <p class="center">
@@ -601,7 +1148,22 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="206">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-59</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c077">
           <span class="bk1-h3"
@@ -643,7 +1205,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="207">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-60</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e165">3.娉ㄦ剰浜嬮」</h5>
         <p>鈶犻�愭笎澧炲姞杈呴鐨勯粡绋犲害鍜岃繘椋熼噺銆�</p>
@@ -684,7 +1260,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="208">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-61</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d195">锛堝洓锛夊垵瀛﹁繘椁愮殑娉ㄦ剰浜嬮」</h4>
         <p>鈶犱互榧撳姳銆佽〃鎵负涓汇��</p>
@@ -724,7 +1315,21 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="209">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-62</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c080">
           <span class="bk1-h3"
@@ -763,7 +1368,22 @@
         <p>鈶h繘椁愭椿鍔ㄧ粨鏉熷悗锛屽簲鍦ㄤ笓鐢ㄦ按姹犲唴娓呮礂琚薄鏌撶殑琛h¥銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="210">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-63</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e173">3.澶勭悊鍛涘挸浜嬩欢</h5>
         <p>鈶犲強鏃惰瀵熷辜鍎挎槸鍚﹁兘鑷富鍛煎惛銆�</p>
@@ -805,7 +1425,21 @@
         <p>骞煎効鏌愰杩涢閲忚緝灏戞椂涓嶈寮鸿揩骞煎効杩涢锛屼互鍏嶉�犳垚鍘岄銆傝繘椁愭椂涓嶈兘</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="211">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-64</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鍌績骞煎効锛岃�岃璁╁辜鍎跨粏鍤兼參鍜斤紱淇濇寔杩涢鍗敓锛涜璁╁辜鍎垮捊涓嬫渶鍚庝竴鍙iキ鎵嶈兘绂诲紑楗锛涙敞鎰忛キ鍚庢摝鍢村拰淇濇寔妗岄潰骞插噣銆�
@@ -842,7 +1476,22 @@
         <p>鈶¤繘椁愭椂娉ㄦ剰鍔涗笉闆嗕腑锛岃竟鍚冭竟鐜┿�佽竟鍚冭竟璁茶瘽銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="212">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-65</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鈶㈢嫭绔嬭繘椋熻兘鍔涘急銆傝櫧鑳藉悆瀹岃嚜宸辩殑涓�浠介キ鑿滐紝浣嗘瀛愩�佸湴闈€�佽。鏈嶄笂涓嶅共鍑�锛岄兘鏄キ绮掋�佽彍姹ゃ��
@@ -885,7 +1534,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="213">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-66</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e190">3.钀ュ吇涓嶈壇鐥�</h5>
         <p>
@@ -928,7 +1591,22 @@
         <p>鈶e皢纰椼�佺銆佸嫼鍒嗗埆鏀惧埌鎸囧畾鍦版柟銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="214">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻浜斅疯繘椁愭椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-67</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e197">2.鎸囧骞煎効鎼炲ソ涓汉鍗敓</h5>
         <p>锛�1锛夋寚瀵煎辜鍎挎纭急鍙�</p>
@@ -970,7 +1648,21 @@
         <p>鈶犳壂銆傜敤娼箍鐨勬壂甯氭寜鐢遍噷鍚戝鐨勯『搴忓帇浣忓湴闈㈡竻鎵��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="215">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-68</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鈶℃嫋銆傜敤鎷栨妸娓呮磥鍦伴潰锛岀敱娓呮磥鍖烘嫋鑷虫薄鏌撳尯銆備粠宸﹀悜鍙虫í鎷栵紝涓斾粠鍓嶅線鍚庡�掔潃鎷栥��
@@ -991,13 +1683,40 @@
         </p>
         <div class="bk-tx">
           <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter014.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
         </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "chapter014",
+  data() {
+    return {
+      chapter014: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter014"));
+    if (localData) {
+      this.chapter014 = { ...Object.assign(this.chapter014, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter014", JSON.stringify(this.chapter014));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter015.vue b/src/books/lifeCare/view/chapter015.vue
index f206f1d..07009da 100644
--- a/src/books/lifeCare/view/chapter015.vue
+++ b/src/books/lifeCare/view/chapter015.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="15">
+    <div class="page-box" page="216">
+      <div class="bodystyle topImg">
         <h2 id="b014"><img class="img-0" alt="" src="../image/zt6.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -60,7 +60,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="217">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-70</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c085">
           <span class="bk1-h3"
@@ -104,7 +118,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="218">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-71</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           姝ゅ锛屼笉鍚屽勾榫勬鐨勫┐骞煎効瀵规按鐨勯渶姹傞噺涔熸湁鎵�涓嶅悓锛�0锝�6鏈堥緞鐨勫┐鍎匡紝鑻ユ槸绾瘝涔冲杺鍏伙紝鍥犳瘝涔冲彲鎻愪緵瓒冲鐨勬按鍒嗭紝涓嶅繀琛ユ按锛涗汉宸ュ杺鍏荤殑灏戦噺琛ユ按锛屽嵆濂剁矇鍠傚吇鐨勫┐骞煎効姣旀瘝涔冲杺鍏荤殑濠村辜鍎块渶姘撮噺澶氥��
@@ -140,7 +169,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="219">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-72</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d219">锛堜竴锛夌函姣嶄钩鍠傚吇鐨勫┐骞煎効</h4>
         <p>
@@ -163,9 +206,8 @@
             ><span class="bj2-h3">浜�</span>銆�銆�瀹夊叏鐨勯ギ鐢ㄦ按銆�</span
           >
         </h3>
-        <p><br /></p>
         <div class="bk-zt1">
-          <div class="bj1-zt1">
+          <!-- <div class="bj1-zt1">
             <p class="left">
               <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
             </p>
@@ -175,7 +217,23 @@
           </p>
           <p>
             娓╅Θ鎻愮ず锛氫笉搴旇濠村辜鍎块暱鏈熼ギ鐢ㄧ函鍑�姘达紝鎵爜鐪嬨�婂┐骞煎効涓嶅疁闀挎湡楗敤绾噣姘淬�嬨��
-          </p>
+          </p> -->
+          <div class="tips-bk">
+            <div class="bj-tip tip-specail">濠村辜鍎夸笉瀹滈暱鏈熼ギ鐢ㄧ函鍑�姘�</div>
+            <div class="tips-file">
+              <div class="p-text">
+                <p>
+                  鐩墠鏈変簺瀹跺涵浼氫娇鐢ㄥ噣姘存満銆傛按缁忓噣姘磋兘鍔涘己鐨勫噣姘存満杩囨护鍚庯紝鍑犱箮涓嶅惈浠讳綍鐭跨墿璐紝杩欑琚噣姘存満鍔犲伐鍑�
+                  鐨勬按灞炰簬绾噣姘淬�傜敱浜庣函鍑�姘翠腑鐨勭熆鐗╄川鍚噺鍑犱箮涓洪浂锛屽┐骞煎効鎵�闇�瑕佺殑鐭跨墿璐ㄣ�佸井閲忓厓绱犮�佸父閲忓厓绱犳湁涓�閮ㄥ垎
+                  闇�瑕佷粠姘翠腑鑾峰緱锛岄暱鏈熼ギ鐢ㄧ函鍑�姘达紝浼氬噺灏戝┐骞煎効瀵圭熆鐗╄川鍜屾湁鐩婂厓绱犵殑鎽勫叆锛岀壒鍒槸閭d簺鍦ㄨ喅椋熶腑鏃犳硶鎽勫彇鎴�
+                  鎽勫彇閲忔瀬灏戠殑寰噺鍏冪礌锛屽閿躲�侀攲绛夛紝杩欏鍋ュ悍浼氬甫鏉ヤ笉鍒╃殑褰卞搷銆傚彟澶栵紝绾噣姘寸殑閰哥⒈搴︿负
+                  6.0 宸﹀彸锛岃�屾垜鍥� 瑙勫畾鐨勯ギ鐢ㄦ按鐨勯吀纰卞害涓� 6.5 锝�
+                  8.5銆傛墍浠ュ┐骞煎効涓嶅疁闀挎湡楗敤绾噣姘淬�傚啀鍔犱笂鍑�姘村櫒缁存姢涓嶅強鏃讹紝闈炲父瀹规槗閫�
+                  鎴愪簩娆℃薄鏌擄紝鍥犳杩欑被瀹跺涵浜х殑绾噣姘翠篃涓嶅缓璁粰濠村辜鍎块ギ鐢ㄣ��
+                </p>
+              </div>
+            </div>
+          </div>
         </div>
         <p>
           瀹夊叏鐨勯ギ鐢ㄦ按鏄寚涓�涓汉缁堢敓楗敤锛屼篃涓嶄細瀵瑰仴搴蜂骇鐢熸槑鏄惧嵄瀹崇殑楗敤姘淬�傛牴鎹笘鐣屽崼鐢熺粍缁囩殑瀹氫箟锛屾墍璋撶粓鐢熼ギ鐢紝鏄寚浠ヤ汉鍧囧鍛�70宀佷负鍩烘暟锛屼互姣忎汉姣忓ぉ楗按2L璁$畻銆傚畨鍏ㄩギ鐢ㄦ按杩樺寘鎷棩甯镐釜浜哄崼鐢熺敤姘达紝鍗虫礂婢$敤姘淬�佹急鍙g敤姘寸瓑銆傚鏋滄按涓惈鏈夊鐗╄川锛岃繖浜涚墿璐ㄥ彲鑳藉湪娲楁尽銆佹急鍙f椂閫氳繃鐨偆鎺ヨЕ銆佸懠鍚稿惛鏀剁瓑鏂瑰紡杩涘叆浜轰綋锛屼粠鑰屽浜轰綋鍋ュ悍浜х敓褰卞搷銆�
@@ -188,7 +246,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="220">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-73</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           绾噣姘村湪琚繃婊ょ殑杩囩▼涓紝鍏朵腑鐨勯捑銆侀挋銆侀晛銆侀搧銆侀攲绛変汉浣撴墍闇�鐨勭熆鐗╁厓绱犱篃琚幓闄や簡锛屼笉瀹滈暱鏈熷ぇ閲忛ギ鐢紝鍙兘鐢ㄤ簬涓存椂瑙f复銆�
@@ -220,7 +293,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="221">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-74</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           涓箒娈栫殑闈炶嚧鐥呮�у井鐢熺墿銆傜編鍥姐�奆DA椋熷搧娉曡銆嬭瀹氾細濠村辜鍎跨摱瑁呮按搴斿姞鐑潃鑿岋紝婊¤冻鍟嗕笟鏃犺弻瑕佹眰銆傝嫳鍥藉崼鐢熷眬鎺ㄨ崘浣跨敤绗﹀悎鍟嗕笟鏃犺弻鏍囧噯鐨勭摱瑁呮按鍠傚吇濠村辜鍎裤��
@@ -249,7 +336,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="222">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-75</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p class="img">琛�2-6-3銆�涓嶅悓鏈堥緞濠村辜鍎跨殑楗按鍣ㄥ叿</p>
         <p class="center">
@@ -263,7 +364,20 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="223">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-76</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h3 id="c093">
           <span class="bk1-h3"
@@ -314,7 +428,22 @@
         <p>鈶¤鍑嗗鍏呰冻鐨勯ギ鐢ㄦ按锛屼緵骞煎効鍏ㄥぉ闅忔椂楗敤銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="224">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-77</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鈶繚鑲插憳瑕侀殢鏃跺叧娉ㄥ辜鍎跨殑楗按鎯呭喌锛屽挨鍏舵槸鐢熺梾鍜屼笉鐖遍ギ姘寸殑骞煎効锛屽強鏃舵彁閱掓垨鍗忓姪骞煎効鑷富楗按銆�
@@ -355,7 +484,21 @@
         <p>鈥滃皬鏈嬪弸浠潵鍠濇按锛屼竴鍙d竴鍙f參鎱㈠枬銆傗��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="225">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-78</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>鈥滄垜浠竴璧锋帓濂介槦锛屼竴涓竴涓潵鎺ユ按銆傗��</p>
         <p>鈥滃嚭姹椾簡瑕佸鍠濇按锛屽槾宸村共浜嗚鍠濇按锛岀敓鐥呬簡涔熻澶氬枬姘淬�傗��</p>
@@ -400,7 +543,22 @@
         <p>鈶℃彁閱掑辜鍎挎复浜嗗氨瑕佷富鍔ㄥ枬姘淬��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="226">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍏烽ギ姘存椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-79</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>鈶㈠涓嶇埍鍠濇按鐨勫辜鍎匡紝淇濊偛鍛樿鍙婃椂鍏虫敞锛岀敤澶氱鏂规硶寮曞骞煎効鍠濇按銆�</p>
         <p>
@@ -429,13 +587,40 @@
         </p>
         <div class="bk-tx">
           <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter015.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
         </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "chapter015",
+  data() {
+    return {
+      chapter015: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter015"));
+    if (localData) {
+      this.chapter015 = { ...Object.assign(this.chapter015, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter015", JSON.stringify(this.chapter015));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter016.vue b/src/books/lifeCare/view/chapter016.vue
index 3f08c7e..44b9390 100644
--- a/src/books/lifeCare/view/chapter016.vue
+++ b/src/books/lifeCare/view/chapter016.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="16">
+    <div class="page-box" page="227">
+      <div class="bodystyle topImg">
         <h2 id="b015"><img class="img-0" alt="" src="../image/zt7.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -53,7 +53,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="228">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-81</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c096">
           <span class="bk1-h3"
@@ -90,7 +105,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="229">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-82</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p class="img">琛�2-7-1銆�涓嶅悓鏈堥緞濠村辜鍎跨殑姣忔棩鐫$湢</p>
         <p class="center">
@@ -123,7 +152,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="230">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-83</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e214">3.娓╁害</h5>
         <p>
@@ -158,7 +202,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="231">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-84</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e220">2.鐫″墠娲诲姩</h5>
         <p>鈶犵潯鍓嶆彁閱掑┐骞煎効灏戝枬姘达紝瀹屾垚澶у皬渚垮強娲楀噣鍙屾墜锛屽噺灏戠敓鐞嗕笂鐨勫共鎵般��</p>
@@ -192,7 +250,22 @@
         <p class="img">鍥�2-7-1銆�绀轰緥</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="232">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-85</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e222">4.璁叉晠浜�</h5>
         <p>锛�1锛夋椿鍔ㄥ噯澶�</p>
@@ -222,7 +295,21 @@
       </div>
     </div>
     <!-- 涓婁笅鎷嗗垎琛ㄦ牸 -->
-    <div class="page-box">
+    <div class="page-box" page="233">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-86</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h5 class="h5-zt" id="e224">2.宸″洖妫�鏌�</h5>
         <p>
@@ -238,7 +325,22 @@
         <p>棣栧厛锛屽垎杈ㄨ。鏈嶇殑閲屽鍜屽墠鍚庯紝鍙屾墜鎶撲綇琛i锛屽皢琛f湇寮�鍙g殑涓�闈㈠鐫�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="234">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻涓兟风潯鐪犳椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-87</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鍓嶉潰锛岄鍙h创杩戣吂閮紙琛f湇鑷劧涓嬪瀭锛夛紝鐢ㄥ弻鎵嬫姄浣忚。棰嗗悜鍚庣敥锛屽皢琛f湇鎶湪鑲╀笂锛屽皢鎵嬩几鍏ヨ。琚栧唴銆傚叾娆★紝缈诲ソ琛i锛屽皢琛f湇鐨勫墠瑗熷榻愶紝鑷笅鑰屼笂鍦扮郴鎵e瓙銆傛渶鍚庯紝璁ょ湡妫�鏌ユ墸瀛愭槸鍚︿竴瀵逛竴鍦版墸濂戒簡锛岄瀛愭槸鍚︾炕骞虫暣浜嗐��
@@ -274,7 +376,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="235">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-88</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d244">锛堜簩锛夎嚜涓诲叆鐫�</h4>
         <p>
@@ -294,13 +410,40 @@
         </p>
         <div class="bk-tx">
           <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
-          <p class="hr"></p>
+          <textarea
+            v-model="chapter016.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
         </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "chapter016",
+  data() {
+    return {
+      chapter016: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter016"));
+    if (localData) {
+      this.chapter016 = { ...Object.assign(this.chapter016, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter016", JSON.stringify(this.chapter016));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter017.vue b/src/books/lifeCare/view/chapter017.vue
index 0335460..7ddd0a2 100644
--- a/src/books/lifeCare/view/chapter017.vue
+++ b/src/books/lifeCare/view/chapter017.vue
@@ -1,7 +1,7 @@
 锘�<template>
-  <div class="chapter">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="17">
+    <div class="page-box" page="236">
+      <div class="bodystyle topImg">
         <h2 id="b016"><img class="img-0" alt="" src="../image/zt8.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -53,7 +53,20 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="237">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-90</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="bodystyle">
         <h3 id="c102">
           <span class="bk1-h3"
@@ -94,7 +107,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="238">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-91</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <p>
           鏄撳彂鐢熸埑浼ゃ�佹尋浼ょ瓑鎯呭喌銆傚張濡傦紝瀹堕暱鏈強鏃舵潵鎺ョ殑骞煎効锛屽彂鐜板悓浼撮檰缁鍥紝瀹规槗鐫�鎬ャ�佺劍铏戠敋鑷冲ぇ鍠婂摥娉o紝涓烘锛屼繚鏁欎汉鍛樹笉寰椾笉鍙婃椂瀹夋姎骞煎効鐨勬儏缁紝涔熷彲鑳戒細鍑虹幇鐓ч【涓嶅埌鍏朵粬骞煎効鑰屽嚭鐜板満闈㈡贩涔辩殑鐜拌薄銆傚┐骞煎効鐨勮鐭ュ彂灞曡繕涓嶅鍋ュ叏锛屽鍗遍櫓鍥犵礌璁よ瘑涓嶈冻锛屾湁浜涜皟鐨殑骞煎効鍦ㄧ鍥椂鍙兘浼氳秮鑰佸笀涓嶆敞鎰忥紝鍋峰伔璺戝埌鍥鍘荤帺锛屽鑷磋蛋澶辨垨鑰呬氦閫氬畨鍏ㄤ簨鏁呫��
@@ -122,7 +150,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="239">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-92</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h4 class="h4-zt" id="d253">锛堜笁锛夊畬鍠勫洯鎵�绂诲洯绠$悊鍒跺害</h4>
         <p>
@@ -152,7 +194,22 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="240">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-93</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <P
           >濠村辜鍎跨殑琛屼负鍜屽仴搴枫�傜鍥椂锛屼繚鏁欎汉鍛樺彲浠ュ拰瀹堕暱杩涜绠�鍗曠殑浜ゆ祦锛岀獊鍑哄┐骞煎効鍦ㄥ洯鎵�涓�鏃ヤ腑姣旇緝閲嶈鐨勪簨浠跺拰鐜妭锛堣琛�2-8-2锛夈��
@@ -170,7 +227,21 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="241">
+      <!-- 鍋舵暟椤� -->
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-94</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="bodystyle">
         <h3 id="c108">
           <span class="bk1-h3"
@@ -200,13 +271,62 @@
       </div>
     </div>
     <!-- 涓婁笅鎷嗗垎琛ㄦ牸 -->
-    <div class="page-box">
+    <div class="page-box" page="242">
+      <!-- 濂囨暟椤� -->
+      <div class="header">
+        <div class="pageHeader-second">
+          <div class="second-con">
+            <div class="second-left"></div>
+            <div class="second-right">
+              <img src="../image/pageImg.png" alt="" />
+              <span class="pageStr">涓撻鍏风鍥椿鍔ㄧ収鎶�</span>
+              <span class="pageNum">2-95</span>
+            </div>
+          </div>
+          <div class="borderLine"></div>
+        </div>
+      </div>
       <div class="bodystyle">
         <p class="img">琛�2-8-4銆�鎵樿偛鍥父鐢ㄧ墿鍝佹秷姣掑伐浣滆〃</p>
         <p class="center">
           <img class="img-a" alt="" src="../image/0257-1.jpg" />
         </p>
+        <div class="bk-tx">
+          <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
+          <textarea
+            v-model="chapter017.textAreaItem.text39"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            maxlength="200"
+            class="textareaInput"
+            @blur="onBlurChange('text39')"
+          ></textarea>
+        </div>
       </div>
     </div>
   </div>
 </template>
+<script>
+export default {
+  name: "chapter017",
+  data() {
+    return {
+      chapter017: {
+        textAreaItem: {},
+      },
+    };
+  },
+  created() {
+    const localData = JSON.parse(localStorage.getItem("chapter017"));
+    if (localData) {
+      this.chapter017 = { ...Object.assign(this.chapter017, localData) };
+    }
+  },
+  methods: {
+    onBlurChange() {
+      localStorage.setItem("chapter017", JSON.stringify(this.chapter017));
+    },
+  },
+};
+</script>
diff --git a/src/books/lifeCare/view/chapter018.vue b/src/books/lifeCare/view/chapter018.vue
index ee568d1..9c12f58 100644
--- a/src/books/lifeCare/view/chapter018.vue
+++ b/src/books/lifeCare/view/chapter018.vue
@@ -1,56 +1,78 @@
 锘�<template>
-  <div class="bodystyle">
-    <h1 id="a009"><img alt="" class="img-0" src="../image/ckwx.jpg" /></h1>
-    <p>
-      [1]娴庡崡闃冲厜澶у鏈嶅姟鏈夐檺璐d换鍏徃.姣嶅┐鎶ょ悊鑱屼笟鎶�鑳藉疄璁墜鍐孾M].鍖椾含锛氶珮绛夋暀鑲插嚭鐗堢ぞ锛�2020.
-    </p>
-    <p>
-      [2]娼樺缓鏄庯紝璋㈢帀鐞筹紝椹粊娴�.骞煎効鐓ф姢鑱屼笟鎶�鑳芥暀鏉愶紙鍒濈骇锛塠M].闀挎矙锛氭箹鍗楃瀛︽妧鏈嚭鐗堢ぞ锛�2020.
-    </p>
-    <p>
-      [3]杞﹀环鑿�.鎴戝浗0锝�3宀佸効绔ヤ繚鑲蹭笌鏁欒偛鍙戝睍鐨勫巻绋嬨�佺幇鐘朵笌鏈潵[J].涓滄柟瀹濆疂锛堜繚鑲蹭笌鏁欒偛锛夛紝2012锛�2锛�.
-    </p>
-    <p>
-      [4]榄忔檽浼�.鏃ユ湰0鈥�2宀佷繚鑲叉湇鍔″強鍏跺涓浗鐨勫惎绀篬D].鍗椾含锛氬崡浜笀鑼冨ぇ瀛︼紝2017.
-    </p>
-    <p>[5]瀹嬪僵铏�.骞煎効鐢熸椿娲诲姩淇濊偛[M].涓婃捣锛氬崕涓滃笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2020.</p>
-    <p>
-      [6]銆�0鈥�3宀佸┐骞煎効鎵樿偛鏈烘瀯瀹炵敤鎸囧崡銆嬬紪鍐欑粍.0鈥�3宀佸┐骞煎効鎵樿偛鏈烘瀯瀹炵敤鎸囧崡[M].鍗椾含锛氭睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2019.
-    </p>
-    <p>
-      [7]浜哄姏璧勬簮鍜岀ぞ浼氫繚闅滈儴涓浗灏变笟鍩硅鎶�鏈寚瀵间腑蹇�.鑲插┐鍛榌M].淇鏈�.鍖椾含锛氭捣娲嬪嚭鐗堢ぞ锛�2013.
-    </p>
-    <p>
-      [8]寮犲皬姘�.淇濊偛鍛橈紙鍩虹鐭ヨ瘑锛塠M].2鐗�.鍖椾含锛氫腑鍥藉姵鍔ㄧぞ浼氫繚闅滃嚭鐗堢ぞ锛�2012.
-    </p>
-    <p>[9]閲戞墸骞诧紝鏂囨槬鐜�.0锝�3宀佸┐骞煎効淇濊偛[M].涓婃捣锛氬鏃﹀ぇ瀛﹀嚭鐗堢ぞ锛�2012.</p>
-    <p>[10]璧甸潚.0锝�3宀佸┐骞煎効鍗敓涓庝繚鑲瞇M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2021.</p>
-    <p>
-      [11]鍛ㄦ鏋�.淇濊偛鍛橈紙鍒濈骇鎶�鑳� 涓骇鎶�鑳�
-      楂樼骇鎶�鑳斤級[M].鍖椾含锛氫腑鍥藉姵鍔ㄧぞ浼氫繚闅滃嚭鐗堢ぞ锛�2003.
-    </p>
-    <p>
-      [12]搴锋澗鐜诧紝璐烘案鐞�.濠村辜鍎胯惀鍏讳笌鍠傚吇[M].涓婃捣锛氫笂娴风鎶�鏁欒偛鍑虹増绀撅紝2017.
-    </p>
-    <p>[13]钂嬩竴鏂�.0锝�3宀佸┐骞煎効钀ュ吇涓庡杺鍏籟M].涓婃捣锛氬鏃﹀ぇ瀛﹀嚭鐗堢ぞ锛�2011.</p>
-    <p>
-      [14]鏉ㄦ捣娌筹紝娓稿窛.0锝�3宀佸┐骞煎効钀ュ吇涓庡杺鍏籟M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2020.
-    </p>
-    <p>
-      [15]鍖椾含甯堣寖澶у瀹為獙骞煎効鍥�.淇濊偛鍛樺伐浣滄寚鍗梉M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2012.
-    </p>
-    <p>
-      [16]浼嶉骞筹紝褰附鍗�.骞煎効鍥繚鑲插憳宸ヤ綔鎸囧崡[M].鍖椾含锛氫腑鍥借交宸ヤ笟鍑虹増绀撅紝2014.
-    </p>
-    <p>[17]鏌冲�╋紝寰愮惣.0鈥�3宀佸効绔ュ仴搴蜂笌淇濊偛[M].涓婃捣锛氬崕涓滃笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2012.</p>
-    <p>[18]绾夸簹濞�.骞煎効鍥繚鑲插伐浣滄墜鍐孾M].鍖椾含锛氶珮绛夋暀鑲插嚭鐗堢ぞ锛�2013.</p>
-    <p>[19]鐜嬫尝锛岀帇鐝�.濠村辜鍎夸繚鑲插熀纭�鏁欑▼[M].鍖椾含锛氫腑鍥借储瀵屽嚭鐗堢ぞ锛�2016.</p>
-    <p>
-      [20]閭电帀鑺紝璁搁紦锛岀敇鏅鸿崳.0锝�3宀佸┐骞煎効钀ュ吇閰嶉鐪嬭繖鏈氨澶熶簡[M].鍗椾含锛氭睙鑻忕瀛︽妧鏈嚭鐗堢ぞ锛�2014.
-    </p>
-    <p>[21]鍚村厜椹�.0锝�3宀佽偛鍎跨櫨绉慬M].闀挎槬锛氬悏鏋楃瀛︽妧鏈嚭鐗堢ぞ锛�2015.</p>
-    <p>
-      [22]鍔虫媺路A.鏉板锛屾澃灏煎紬路鑻�.缇庡浗鍎跨瀛︿細瀹炵敤鍠傚吇鎸囧崡[M].2鐗�.寰愬浆锛岀瓑璇�.鍖椾含锛氬寳浜瀛︽妧鏈嚭鐗堢ぞ锛�2017.
-    </p>
+  <div class="chapter" num="17">
+    <div class="page-box">
+      <div class="header">
+        <div class="pageHeader-first">
+          <div class="header-bj"></div>
+          <div class="content">
+            <div class="pageStr">2-96</div>
+            <div class="title">
+              <img src="../image/chapter.png" alt="" />
+              <span class="cahpter">濠村辜鍎跨敓娲荤収鎶ぢ烽槄璇绘墜鍐�</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bodystyle">
+        <div style="text-align: center; font-size: 22px; font-weight: 700">
+          鍙傝�冩枃鐚�
+        </div>
+        <p>
+          [1]娴庡崡闃冲厜澶у鏈嶅姟鏈夐檺璐d换鍏徃.姣嶅┐鎶ょ悊鑱屼笟鎶�鑳藉疄璁墜鍐孾M].鍖椾含锛氶珮绛夋暀鑲插嚭鐗堢ぞ锛�2020.
+        </p>
+        <p>
+          [2]娼樺缓鏄庯紝璋㈢帀鐞筹紝椹粊娴�.骞煎効鐓ф姢鑱屼笟鎶�鑳芥暀鏉愶紙鍒濈骇锛塠M].闀挎矙锛氭箹鍗楃瀛︽妧鏈嚭鐗堢ぞ锛�2020.
+        </p>
+        <p>
+          [3]杞﹀环鑿�.鎴戝浗0锝�3宀佸効绔ヤ繚鑲蹭笌鏁欒偛鍙戝睍鐨勫巻绋嬨�佺幇鐘朵笌鏈潵[J].涓滄柟瀹濆疂锛堜繚鑲蹭笌鏁欒偛锛夛紝2012锛�2锛�.
+        </p>
+        <p>
+          [4]榄忔檽浼�.鏃ユ湰0鈥�2宀佷繚鑲叉湇鍔″強鍏跺涓浗鐨勫惎绀篬D].鍗椾含锛氬崡浜笀鑼冨ぇ瀛︼紝2017.
+        </p>
+        <p>[5]瀹嬪僵铏�.骞煎効鐢熸椿娲诲姩淇濊偛[M].涓婃捣锛氬崕涓滃笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2020.</p>
+        <p>
+          [6]銆�0鈥�3宀佸┐骞煎効鎵樿偛鏈烘瀯瀹炵敤鎸囧崡銆嬬紪鍐欑粍.0鈥�3宀佸┐骞煎効鎵樿偛鏈烘瀯瀹炵敤鎸囧崡[M].鍗椾含锛氭睙鑻忓嚖鍑版暀鑲插嚭鐗堢ぞ锛�2019.
+        </p>
+        <p>
+          [7]浜哄姏璧勬簮鍜岀ぞ浼氫繚闅滈儴涓浗灏变笟鍩硅鎶�鏈寚瀵间腑蹇�.鑲插┐鍛榌M].淇鏈�.鍖椾含锛氭捣娲嬪嚭鐗堢ぞ锛�2013.
+        </p>
+        <p>
+          [8]寮犲皬姘�.淇濊偛鍛橈紙鍩虹鐭ヨ瘑锛塠M].2鐗�.鍖椾含锛氫腑鍥藉姵鍔ㄧぞ浼氫繚闅滃嚭鐗堢ぞ锛�2012.
+        </p>
+        <p>[9]閲戞墸骞诧紝鏂囨槬鐜�.0锝�3宀佸┐骞煎効淇濊偛[M].涓婃捣锛氬鏃﹀ぇ瀛﹀嚭鐗堢ぞ锛�2012.</p>
+        <p>
+          [10]璧甸潚.0锝�3宀佸┐骞煎効鍗敓涓庝繚鑲瞇M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2021.
+        </p>
+        <p>
+          [11]鍛ㄦ鏋�.淇濊偛鍛橈紙鍒濈骇鎶�鑳� 涓骇鎶�鑳�
+          楂樼骇鎶�鑳斤級[M].鍖椾含锛氫腑鍥藉姵鍔ㄧぞ浼氫繚闅滃嚭鐗堢ぞ锛�2003.
+        </p>
+        <p>
+          [12]搴锋澗鐜诧紝璐烘案鐞�.濠村辜鍎胯惀鍏讳笌鍠傚吇[M].涓婃捣锛氫笂娴风鎶�鏁欒偛鍑虹増绀撅紝2017.
+        </p>
+        <p>[13]钂嬩竴鏂�.0锝�3宀佸┐骞煎効钀ュ吇涓庡杺鍏籟M].涓婃捣锛氬鏃﹀ぇ瀛﹀嚭鐗堢ぞ锛�2011.</p>
+        <p>
+          [14]鏉ㄦ捣娌筹紝娓稿窛.0锝�3宀佸┐骞煎効钀ュ吇涓庡杺鍏籟M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2020.
+        </p>
+        <p>
+          [15]鍖椾含甯堣寖澶у瀹為獙骞煎効鍥�.淇濊偛鍛樺伐浣滄寚鍗梉M].鍖椾含锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2012.
+        </p>
+        <p>
+          [16]浼嶉骞筹紝褰附鍗�.骞煎効鍥繚鑲插憳宸ヤ綔鎸囧崡[M].鍖椾含锛氫腑鍥借交宸ヤ笟鍑虹増绀撅紝2014.
+        </p>
+        <p>
+          [17]鏌冲�╋紝寰愮惣.0鈥�3宀佸効绔ュ仴搴蜂笌淇濊偛[M].涓婃捣锛氬崕涓滃笀鑼冨ぇ瀛﹀嚭鐗堢ぞ锛�2012.
+        </p>
+        <p>[18]绾夸簹濞�.骞煎効鍥繚鑲插伐浣滄墜鍐孾M].鍖椾含锛氶珮绛夋暀鑲插嚭鐗堢ぞ锛�2013.</p>
+        <p>[19]鐜嬫尝锛岀帇鐝�.濠村辜鍎夸繚鑲插熀纭�鏁欑▼[M].鍖椾含锛氫腑鍥借储瀵屽嚭鐗堢ぞ锛�2016.</p>
+        <p>
+          [20]閭电帀鑺紝璁搁紦锛岀敇鏅鸿崳.0锝�3宀佸┐骞煎効钀ュ吇閰嶉鐪嬭繖鏈氨澶熶簡[M].鍗椾含锛氭睙鑻忕瀛︽妧鏈嚭鐗堢ぞ锛�2014.
+        </p>
+        <p>[21]鍚村厜椹�.0锝�3宀佽偛鍎跨櫨绉慬M].闀挎槬锛氬悏鏋楃瀛︽妧鏈嚭鐗堢ぞ锛�2015.</p>
+        <p>
+          [22]鍔虫媺路A.鏉板锛屾澃灏煎紬路鑻�.缇庡浗鍎跨瀛︿細瀹炵敤鍠傚吇鎸囧崡[M].2鐗�.寰愬浆锛岀瓑璇�.鍖椾含锛氬寳浜瀛︽妧鏈嚭鐗堢ぞ锛�2017.
+        </p>
+      </div>
+    </div>
   </div>
 </template>
diff --git a/src/books/lifeCare/view/front001.vue b/src/books/lifeCare/view/front001.vue
index dd480df..7000fc2 100644
--- a/src/books/lifeCare/view/front001.vue
+++ b/src/books/lifeCare/view/front001.vue
@@ -67,8 +67,8 @@
     </div>
     <div class="page-box" page="4">
       <div class="bodystyle">
-        <div class="frontDiv">
-          <img alt="" class="img-0 prefaceImg" src="../image/xu.png" />
+        <div class="front">
+          <img alt="" class="img-0 prefaceImg" style="top:2%" src="../image/xu.png" />
         </div>
         <div class="pdf-content">
           <p>
@@ -123,7 +123,7 @@
     </div>
     <div class="page-box" page="5">
       <div class="bodystyle">
-        <div class="frontDiv">
+        <div class="front">
           <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
         </div>
         <div class="pdf-content">
diff --git a/src/books/lifeCare/view/test.vue b/src/books/lifeCare/view/test.vue
index 51d8944..5fd7007 100644
--- a/src/books/lifeCare/view/test.vue
+++ b/src/books/lifeCare/view/test.vue
@@ -216,7 +216,7 @@
         <div class="second-left"></div>
         <div class="second-right">
           <img src="../image/pageImg.png" alt="" />
-          <span class="pageStr">绗簲鍗曞厓路杩涢娲诲姩鐓ф姢</span>
+          <span class="pageStr">绗叚鍗曞厓路楗按娲诲姩鐓ф姢</span>
           <span class="pageNum">1-25</span>
         </div>
       </div>

--
Gitblit v1.9.1