From e5a42538eda99a4860bddc417e107ef230df8837 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 23 五月 2024 12:17:02 +0800
Subject: [PATCH] 合书

---
 src/books/lifeCare/view/chapter006.vue           |  496 +++++++++++++++---
 src/books/lifeCare/view/chapter005.vue           |   56 +
 src/books/lifeCare/view/chapter002.vue           |   55 -
 src/books/English/view/components/chapter001.vue |  291 +++++++---
 src/books/lifeCare/view/chapter001.vue           |   26 
 src/books/lifeCare/index.vue                     |  454 ++++++++++++++++
 src/books/lifeCare/css/default.less              |   60 +
 src/books/lifeCare/view/chapter003.vue           |   26 
 src/books/lifeCare/view/chapter004.vue           |   50 -
 src/books/English/view/components/header.vue     |   26 
 src/App.vue                                      |    3 
 src/books/English/assets/main.less               |   44 +
 12 files changed, 1,255 insertions(+), 332 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8a9a39f..58aed61 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -46,7 +46,8 @@
       });
     } else {
       this.activeBook = await this.config.getBookConfig(
-        this.config.resourceCtx + "childHealth"
+        // childHealth
+        this.config.resourceCtx + "lifeCare"
       );
       this.config.activeBook = this.activeBook;
       this.config.goodsStore = this.activeBook.storeRefcode;
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index 6fddb40..31ba6e0 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -706,6 +706,9 @@
   .padding-93 {
     padding: 0 93px 0px 93px;
   }
+  .padding-102 {
+    padding: 0 102px 0 102px;
+  }
   .pb-104 {
     padding-bottom: 104px;
   }
@@ -788,6 +791,42 @@
       outline: none;
     }
   }
+  .preface-odd-header {
+    height: 104px;
+    display: flex;
+    align-items: center;
+    li:first-child {
+      width: 15px;
+      height: 100%;
+    }
+    li:last-child {
+      display: flex;
+      align-items: center;
+      span:first-child {
+        display: inline-block;
+        padding: 5px 10px;
+        border-radius: 8px 0 0 8px;
+        color: #fff;
+        font-weight: bold;
+      }
+      span:last-child {
+        min-width: 40px;
+        min-height: 30px;
+        line-height: 30px;
+        padding: 0 5px;
+        display: inline-block;
+      }
+    }
+    .chapter-left-bc{
+      background-color: #639bc2;
+    }
+    .chapter-right-bc {
+      background-color: #bbd4ec;
+    }
+    .chapter-right-cl {
+      color: #639bc2;
+    }
+  }
   .parimary-btn {
     cursor: pointer;
     margin-left: 5px;
@@ -807,4 +846,9 @@
   .error-icon {
     color: red;
   }
+  .icon-box {
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+  }
 }
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index b0b8cf5..90be500 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -56,11 +56,16 @@
                   class="input-bottom-border fz-18"
                   @blur="handleQuestion('one')"
                 />
-                <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 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>
             <div class="right" style="width: 48%">
@@ -72,7 +77,21 @@
                 />
               </p>
               <p class="center">
-                2.<input class="input-bottom-border fz-18" />
+                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>
               </p>
             </div>
           </div>
@@ -83,7 +102,21 @@
                 <el-image :src="imgThree" :preview-src-list="[imgThree]" />
               </p>
               <p class="center">
-                3.<input class="input-bottom-border fz-18" />
+                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>
               </p>
             </div>
             <div class="right" style="width: 48%">
@@ -95,7 +128,21 @@
                 />
               </p>
               <p class="center">
-                4.<input class="input-bottom-border fz-18" />
+                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>
               </p>
             </div>
           </div>
@@ -106,7 +153,21 @@
                 <el-image :src="imgFive" :preview-src-list="[imgFive]" />
               </p>
               <p class="center">
-                5.<input class="input-bottom-border fz-18" />
+                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>
               </p>
             </div>
             <div class="right" style="width: 48%">
@@ -118,17 +179,31 @@
                 />
               </p>
               <p class="center">
-                6.<input class="input-bottom-border fz-18" />
+                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>
               </p>
             </div>
           </div>
-          <p>
+          <p class="t0">
             <b>鈪�.What other symbols can you think of?</b>
             <button class="parimary-btn" @click="showAnswer('seven')">
               鏄剧ず绛旀
             </button>
           </p>
-          <p>
+          <p class="t0">
             <input
               v-model="questionData.warnUp.seven"
               class="input-bottom-border w100 fz-18"
@@ -140,60 +215,82 @@
         <span class="contet-num-box">2</span>
       </div>
     </div>
+    <div class="page-box" page="8">
+      <ul class="preface-odd-header w100 fl ju-bt">
+        <li class=""></li>
+        <li>
+          <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-102">
+        <div class="bodystyle">
+          <h3 id="c002"><span class="bjh3">Listening</span></h3>
+          <p>
+            <b
+              >Four foreigners are talking about their impressions on Chinese
+              culture.Listen to the recording and match the items with the
+              corresponding descriptions.</b
+            >
+          </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>
+          <p>
+            1.How was Chinese culture introduced to the world in ancient times?
+          </p>
+          <p>
+            2.China offers so much to see and explore.What took you by surprise
+            about China?
+          </p>
+          <p class="center"><b>My Experience in Wonderland</b></p>
+          <p class="block">
+            鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly
+            enjoyable,鈥� responds Alice.鈥淵ou should visit it sometime.鈥�
+          </p>
+          <p class="right">
+            鈥�<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.
+          </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!
+          </p>
+          <p>
+            You cannot explore China properly if you do not try its delicious
+            variety of food.If you ate
+          </p>
+        </div>
+      </div>
+      <div class="preface-bottom">
+        <span class="contet-num-box">3</span>
+      </div>
+    </div>
+    <!--  -->
     <div class="bodystyle">
-      <h3 id="c002"><span class="bjh3">Listening</span></h3>
       <p>
-        <b
-          >Four foreigners are talking about their impressions on Chinese
-          culture.Listen to the recording and match the items with the
-          corresponding descriptions.</b
-        >
-      </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>
-      <p>1.How was Chinese culture introduced to the world in ancient times?</p>
-      <p>
-        2.China offers so much to see and explore.What took you by surprise
-        about China?
-      </p>
-      <p class="center"><b>My Experience in Wonderland</b></p>
-      <p class="block">
-        鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly enjoyable,鈥�
-        responds Alice.鈥淵ou should visit it sometime.鈥�
-      </p>
-      <p class="right">
-        鈥�<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.
-      </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!
-      </p>
-      <p>
-        You cannot explore China properly if you do not try its delicious
-        variety of food.If you ate 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.
+        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
@@ -472,32 +569,29 @@
         warnUp: {
           one: {
             value: "",
-            isRight:null,
+            isRight: null,
           },
-          two:{
-            value:"",
-            isRight:null,
-          },
-          three:{
+          two: {
             value: "",
-            isRight:null,
+            isRight: null,
           },
-          four:{
+          three: {
             value: "",
-            isRight:null,
+            isRight: null,
           },
-          five:{
+          four: {
             value: "",
-            isRight:null,
+            isRight: null,
           },
-          six:{
+          five: {
             value: "",
-            isRight:null,
+            isRight: null,
           },
-          seven:{
+          six: {
             value: "",
-            isRight:null,
+            isRight: null,
           },
+          seven: "",
         },
       },
     };
@@ -510,11 +604,46 @@
     },
     handleQuestion(type) {
       if (type == "one") {
-        return  this.questionData.warnUp.one.value ? this.questionData.warnUp.one.isRight = this.questionData.warnUp.one.value == "浣犲ソ" : this.questionData.warnUp.one.isRight = null
+        this.questionData.warnUp.one.value
+          ? (this.questionData.warnUp.one.isRight =
+              this.questionData.warnUp.one.value == "浣犲ソ")
+          : (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.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.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.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.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.isRight = null);
       }
     },
   },
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+p {
+  font-size: 16px !important;
+}
+.bodystyle {
+  margin: 0 !important;
+}
+</style>
diff --git a/src/books/English/view/components/header.vue b/src/books/English/view/components/header.vue
index 63a297b..d06b869 100644
--- a/src/books/English/view/components/header.vue
+++ b/src/books/English/view/components/header.vue
@@ -197,29 +197,5 @@
   font-size: 26px !important;
   color: #000 !important;
 }
-.preface-odd-header {
-  height: 104px;
-  display: flex;
-  align-items: center;
-  li:first-child {
-    width: 15px;
-    height: 100%;
-  }
-  li:last-child {
-    display: flex;
-    align-items: center;
-    span:first-child {
-      display: inline-block;
-      padding: 5px 10px;
-      border-radius: 8px 0 0 8px;
-      color: #fff;
-      font-weight: bold;
-    }
-    span:last-child {
-      width: 40px;
-      height: 30px;
-      display: inline-block;
-    }
-  }
-}
+
 </style>
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index a6d7338..ac774e4 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -28,6 +28,11 @@
   .page-content-box {
     font-family: "瀹嬩綋", SimSun, sans-serif;
 
+    .topImg {
+      padding-top: 0 !important;
+      margin-bottom: 2em;
+    }
+
     p input {
       width: 20px;
     }
@@ -52,7 +57,7 @@
           border-bottom: 1px solid #dfb27d;
           position: absolute;
           right: 30px;
-          top: 30px;
+          top: 3px;
         }
 
         .content {
@@ -61,7 +66,7 @@
           height: 35px;
           position: absolute;
           left: 25px;
-          top: 100px;
+          top: 75px;
           display: flex;
           justify-content: flex-start;
           align-items: center;
@@ -150,18 +155,20 @@
       }
     }
 
+
+    .textareaInput {
+      width: 100%;
+      padding: 8px;
+      box-sizing: border-box;
+      border: 1px solid #999;
+      font-size: 15px;
+      color: #000;
+      background-color: #eee;
+    }
+
     .chapter01Table {
       width: 100%;
 
-      .textareaInput {
-        width: 100%;
-        padding: 8px;
-        box-sizing: border-box;
-        border: 1px solid #999;
-        font-size: 15px;
-        color: #000;
-        background-color: #eee;
-      }
 
       .textareaInput:focus {
         border: 1px solid #999 !important;
@@ -206,6 +213,19 @@
 
       tr th {
         font-weight: normal;
+      }
+    }
+
+    .table162 {
+      tr th {
+        padding: 8px 0;
+      }
+
+      tr td {
+        border: 1px solid #999;
+        text-align: center;
+        padding: 15px 0;
+        overflow: hidden;
       }
     }
 
@@ -443,8 +463,7 @@
       font-size: 18px;
       text-align: justify;
       padding: 10% 10%;
-      padding-top: 25%;
-      line-height: 30px;
+      padding-top: 15%;
       box-sizing: border-box;
     }
 
@@ -547,6 +566,7 @@
       margin-left: 0%;
       margin-right: 0%;
       text-indent: 0em;
+      color: #666;
     }
 
     .center1 {
@@ -606,8 +626,7 @@
     #b004,
     #b005,
     #b006 {
-      position: absolute;
-      top: 0;
+      margin-bottom: 100px;
     }
 
     h3 {
@@ -620,12 +639,12 @@
     }
 
     h4 {
-      font-family: "FZLTZHJW";
+      font-family: "瀹嬩綋";
       font-weight: bold;
       color: #f49a4c;
       font-size: 1.1em;
       margin-top: 0.2em;
-      margin-bottom: 1em;
+      margin-bottom: 40px;
       text-indent: 0em;
     }
 
@@ -644,7 +663,7 @@
     }
 
     .img-0 {
-      width: 60%;
+      width: 100%;
     }
 
     .imz {
@@ -990,7 +1009,10 @@
 
     .block {
       font-size: 18px;
-      line-height: 30px;
+      line-height: 25px;
+      font-family: '浠垮畫';
+      font-weight: 600;
+      color: #666;
     }
 
     .bk-h3 {
diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/index.vue
index b988d65..59a2aee 100644
--- a/src/books/lifeCare/index.vue
+++ b/src/books/lifeCare/index.vue
@@ -1,17 +1,24 @@
 <template>
-  <div class="public-books">
-    <front001 />
-    <front002 />
-    <front003 />
-    <front004 />
-    <front005 />
-    <front006 />
-    <ChapterOne />
-    <ChapterTwo />
-    <ChapterThree />
-    <ChapterFour />
-    <ChapterFive />
-    <!-- <chapterSix /> -->
+  <div
+    class="public-books"
+    @mouseup="handleMouseUp"
+    :style="{
+      fontSize: fontSize ? fontSize + 'px' : '16px',
+      transform: `scale(${pageZoom ? pageZoom : 1})`,
+    }"
+  >
+    <front001 v-if="showCatalogList.indexOf(0) > -1" />
+    <front002 v-if="showCatalogList.indexOf(0) > -1" />
+    <front003 v-if="showCatalogList.indexOf(0) > -1" />
+    <front004  v-if="showCatalogList.indexOf(0) > -1"/>
+    <front005 v-if="showCatalogList.indexOf(0) > -1" />
+    <front006 v-if="showCatalogList.indexOf(0) > -1" />
+    <ChapterOne v-if="showCatalogList.indexOf(1) > -1" />
+    <ChapterTwo v-if="showCatalogList.indexOf(2) > -1" />
+    <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" />
     <!-- <chapterSeven /> -->
     <!-- <chapterEight /> -->
     <!-- <chapterNine /> -->
@@ -54,6 +61,97 @@
 
 export default {
   name: "temp-book",
+  data() {
+    return {
+      catalogLength: 13, // 鎬荤珷鑺傛暟
+      showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
+      loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
+      throttleThreshold: 100, // 鑺傛祦闃堝��
+      previousScrollTop: 0,
+      throttledScrollHandler: null,
+      observer: null
+    }
+  },
+  watch: {
+    showCatalogList: {
+      handler(newVal, oldVal) {
+        if (
+          this.$store.state.qiankun &&
+          this.$store.state.qiankun.catalogChange
+        ) {
+          // 璋冪敤鐖跺眰鏂规硶
+          this.$store.state.qiankun.catalogChange({
+            showCatalogList: newVal
+          });
+        }
+        // 鍚姩椤电爜瑙傚療
+        setTimeout(() => {
+          this.initObservation();
+          this.initThemeColor();
+        }, 500);
+      }
+    }
+  },
+  mounted() {
+        // 榛樿鍔犺浇绔犺妭
+        this.showCatalogList = [0];
+    // 婊氬姩鐩戝惉鑺傛祦
+    this.throttledScrollHandler = _.throttle(
+      this.scrollFun,
+      this.throttleThreshold,
+      { leading: true, trailing: false }
+    );
+    // 瀹氫箟瀛愬眰鏂规硶
+    if (this.setGlobalState) {
+      // 鎻愪緵椤甸潰璺宠浆鍔熻兘
+      this.setGlobalState({
+        gotoPage: (catalog, page) => {
+          this.gotoPage(catalog, page);
+        },
+        // 娓叉煋绗旇銆侀珮浜�佸垝绾�
+        renderSign: (type, data) => {
+          this.renderSign(type, data);
+        },
+        // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+        delSign: (data) => {
+          this.delSign(data);
+        }
+      });
+    }
+
+    // 鍒涘缓涓�涓柊鐨� Intersection Observer 瀹炰緥锛岀敤浜庤瀵熺洰鏍囧厓绱犲拰鎵ц鐩稿簲鐨勫洖璋冨嚱鏁般��
+    // new IntersectionObserver(callback, options)锛氫娇鐢ㄤ箣鍓嶅畾涔夌殑 callback 鍥炶皟鍑芥暟鍜� options 閰嶇疆閫夐」鏉ュ垵濮嬪寲 Intersection Observer 瀹炰緥銆�
+    this.observer = new IntersectionObserver(this.pageChangeCallback, {
+      root: null, // 鎸囧畾鏍瑰厓绱狅紝杩欓噷璁句负 null锛岃〃绀洪�夊彇鏁翠釜瑙嗙獥浣滀负鏍瑰厓绱犮��
+      rootMargin: "0px", // 鎸囧畾鏍瑰厓绱犵殑杈圭晫锛岃繖閲岃涓� "0px"锛岃〃绀烘牴鍏冪礌鐨勮竟鐣屽拰瑙嗙獥鐨勮竟鐣岄噸鍚�
+      threshold: 0.5 // 鎸囧畾浜ゅ弶姣斾緥锛岃繖閲岃涓� 0.5锛岃〃绀哄綋鐩爣鍏冪礌涓�鍗婃垨鏇村鏄剧ず鍦ㄨ绐椾腑鏃惰Е鍙戝洖璋冨嚱鏁般��
+    });
+
+    // 鍚姩椤电爜瑙傚療
+    setTimeout(() => {
+      this.initObservation();
+      this.initThemeColor();
+    }, 500);
+
+    // 娴嬭瘯椤甸潰璺宠浆
+    // setTimeout(() => {
+    //   this.gotoPage(5, 100);
+    //   setTimeout(() => {
+    //     this.renderSign("Note", {
+    //       id: "2ACA9359",
+    //       txt: "钀ュ吇绱犲拰鐑噺锛屾墠鑳�",
+    //       page: "100",
+    //       type: "Highlight",
+    //       color: "#F5E12A"
+    //     });
+    //     setTimeout(() => {
+    //       this.delSign({
+    //         ids: ["2ACA9359"]
+    //       });
+    //     }, 2000);
+    //   }, 1000);
+    // }, 3000);
+  },
   components: {
     front001,
     front002,
@@ -79,7 +177,335 @@
     chapter016,
     chapter017,
   },
-  methods: {},
+  computed: {
+    fontSize() {
+      return this.$store.state.qiankun.fontSize;
+    },
+    pageZoom() {
+      return this.$store.state.qiankun.scale / 100;
+    },
+  },
+  methods: {
+    getParentWithClass(element, className) {
+      while (element.parentElement) {
+        element = element.parentElement;
+        if (element.classList.contains(className)) {
+          return element;
+        }
+      }
+    },
+    handleMouseUp(e) {
+      const selection = (
+        this.container ? this.container : window
+      ).getSelection();
+      const txt = selection.toString();
+      if (selection.type != "none" && txt) {
+        let node = selection.anchorNode.parentNode;
+        let pageHtml = this.getParentWithClass(
+          selection.anchorNode,
+          "page-box"
+        );
+        let chapterDom = this.getParentWithClass(
+          selection.anchorNode,
+          "chapter"
+        );
+        let chapterNum;
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        if (pageHtml) {
+          const page = pageHtml.getAttribute("page");
+          // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+          if (this.$store.state.qiankun.windowSelection) {
+            this.$store.state.qiankun.windowSelection({
+              chapterNum,
+              txt,
+              page,
+              x: e.x,
+              y: e.y,
+            });
+          }
+        }
+      } else {
+        if (this.$store.state.qiankun.windowSelection) {
+          this.$store.state.qiankun.windowSelection({
+            chapterNum: "",
+            txt: "",
+            page: "",
+            x: e.x,
+            y: e.y,
+          });
+        }
+      }
+    },
+
+
+        // 婊氬姩鐩戝惉
+        scrollFun(event) {
+      // 鍒ゆ柇鍚戜笂婊氬姩杩樻槸鍚戜笅婊氬姩
+      if (event.target.scrollTop > this.previousScrollTop) {
+        // 鍚戜笅
+        const currentScrollTop =
+          event.target.scrollTop + event.target.offsetHeight;
+        if (
+          currentScrollTop >=
+          event.target.scrollHeight - this.loadThreshold
+        ) {
+          // 鍒拌揪闃堝��
+          if (
+            this.showCatalogList[this.showCatalogList.length - 1] <
+            this.catalogLength
+          ) {
+            // 鍔犺浇涓嬩竴绔�
+            this.showCatalogList.push(
+              this.showCatalogList[this.showCatalogList.length - 1] + 1
+            );
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌椤堕儴涓�绔�
+              this.showCatalogList.shift();
+            }
+          }
+        }
+      } else if (event.target.scrollTop < this.previousScrollTop) {
+        // 鍚戜笂
+        const currentScrollTop = event.target.scrollTop;
+        if (currentScrollTop <= this.loadThreshold) {
+          // 鍒拌揪闃堝��
+          if (this.showCatalogList[0] > 0) {
+            // 鍔犺浇涓婁竴绔�
+            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
+            if (this.showCatalogList.length > 3) {
+              // 瓒呰繃涓夌珷闅愯棌搴曢儴涓�绔�
+              this.showCatalogList.pop();
+            }
+          }
+        }
+      }
+      // showCatalogList 褰撳墠鏄剧ず鐨勪笁涓珷鑺傦紝watch鐩戝惉浼犻�掔粰涓诲簲鐢�
+      // 鏇存柊涓婁竴娆℃粴鍔ㄧ殑浣嶇疆
+      this.previousScrollTop = event.target.scrollTop;
+    },
+    // 绔犺妭銆侀〉闈㈣烦杞�
+    gotoPage(catalog, page) {
+      if (catalog >= 0 && catalog <= this.catalogLength) {
+        // 澶勭悊娓叉煋绔犺妭
+        if (catalog == 0) {
+          this.showCatalogList = [0, 1];
+        } else if (catalog == this.catalogLength) {
+          this.showCatalogList = [
+            this.catalogLength - 2,
+            this.catalogLength - 1,
+            this.catalogLength
+          ];
+        } else {
+          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
+        }
+        setTimeout(() => {
+          // 璺宠浆椤电爜
+          const pageDom = (
+            this.container ? this.container : document
+          ).querySelector(`[page="${page}"]`);
+          if (pageDom) {
+            pageDom.scrollIntoView();
+          } else {
+            console.log("椤电爜閿欒锛�");
+          }
+        }, 500);
+      } else {
+        console.log("绔犺妭閿欒锛�");
+      }
+    },
+
+    // 娓叉煋鏍囪
+    renderSign(type, data) {
+      const existence = (
+        this.container ? this.container : document
+      ).querySelector(`[dataid="${data.id}"]`);
+      // 鍘婚噸
+      if (!existence) {
+        const pageDom = (
+          this.container ? this.container : document
+        ).querySelector(`[page="${data.page}"]`);
+        let reg = new RegExp(`${data.txt}`, "ig");
+        switch (type) {
+          case "Highlight":
+            // 楂樹寒
+            pageDom.innerHTML = pageDom.innerHTML.replace(
+              reg,
+              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+            );
+            break;
+          case "Dashing":
+            // 鍒掔嚎
+            pageDom.innerHTML = pageDom.innerHTML.replace(
+              reg,
+              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
+            );
+            break;
+          case "Note":
+            // 绗旇
+            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>`
+            );
+            break;
+        }
+      }
+    },
+    // 鍒犻櫎鏍囪娓叉煋
+    delSign({ ids, type }) {
+      if (ids && ids.length) {
+        for (let i = 0; i < ids.length; i++) {
+          const id = ids[i];
+          const dom = (
+            this.container ? this.container : document
+          ).querySelector(`[dataid="${id}"]`);
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+      if (type) {
+        const doms = (
+          this.container ? this.container : document
+        ).querySelectorAll(`[datatype="${type}"]`);
+        for (let i = 0; i < doms.length; i++) {
+          const dom = doms[i];
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
+          );
+        }
+      }
+    },
+    initObservation() {
+      const sections = (
+        this.container ? this.container : document
+      ).querySelectorAll(".page-box");
+      sections.forEach((section) => {
+        //observer 瑙傚療姣忎釜鍏冪礌锛屼互渚垮湪瀹冧滑杩涘叆鎴栫寮�瑙嗙獥鏃惰Е鍙戝洖璋冨嚱鏁般��
+        const isObserver = section.getAttribute("observer");
+        if (!isObserver) {
+          this.observer.observe(section);
+          section.setAttribute("observer", "1");
+        }
+      });
+    },
+    initThemeColor() {
+      // 鑾峰彇鍚勭闇�瑕佷富棰樿壊鐨勮妭鐐�
+      const colorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-color");
+      const backgroundColorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-back");
+      const borderColorDom = (
+        this.container ? this.container : document
+      ).querySelectorAll(".theme-border");
+      console.log(this.config,'this.configthis.config');
+      // 鑾峰彇閰嶇疆鐨勪富棰樿壊
+      const bookThemeColor =
+        this.config.activeBook && this.config.activeBook.bookThemeColor
+          ? this.config.activeBook.bookThemeColor
+          : null;
+      const chapterThemeColor =
+        this.config.activeBook && this.config.activeBook.chapterThemeColor
+          ? this.config.activeBook.chapterThemeColor
+          : null;
+      const pageThemeColor =
+        this.config.activeBook && this.config.activeBook.pageThemeColor
+          ? this.config.activeBook.pageThemeColor
+          : null;
+      colorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.color = themeColor;
+        }
+      });
+      backgroundColorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.backgroundColor = themeColor;
+        }
+      });
+      borderColorDom.forEach((domItem) => {
+        // 鑾峰彇绔犺妭銆侀〉鐮�
+        let pageDom = this.getParentWithClass(domItem, "page-box");
+        let chapterDom = this.getParentWithClass(domItem, "chapter");
+        let page, chapterNum;
+        if (pageDom) page = pageDom.getAttribute("page");
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        // 鍚戜笂鍖归厤涓婚鑹�
+        const themeColor =
+          page && pageThemeColor && pageThemeColor[page]
+            ? pageThemeColor[page]
+            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
+            ? chapterThemeColor[chapterNum]
+            : bookThemeColor;
+        if (themeColor) {
+          domItem.style.borderColor = themeColor;
+        }
+      });
+    },
+    getParentWithClass(element, className) {
+      while (element.parentElement) {
+        element = element.parentElement;
+        if (element.classList.contains(className)) {
+          return element;
+        }
+      }
+    },
+    pageChangeCallback(entries, observer) {
+      //entries锛氫唬琛ㄨ瀵熷埌鐨勭洰鏍囧厓绱犵殑闆嗗悎銆� observer锛氫唬琛ㄨ瀵熻�呭璞°��
+      entries.forEach((entry) => {
+        //entry.isIntersecting锛氭鏌ュ綋鍓嶇洰鏍囧厓绱犳槸鍚︿笌鏍瑰厓绱犵浉浜ゃ��
+        if (entry.isIntersecting) {
+          const target = entry.target;
+          //entry.target锛氳幏鍙栧綋鍓嶇洰鏍囧厓绱�
+          const page = target.getAttribute("page");
+          const catalogDom = this.tool.getParentNodeByClassName(
+            target,
+            "chapter"
+          );
+          const catalog = catalogDom.getAttribute("num");
+          console.log("page", page, catalog);
+          // 杩斿洖椤电爜鍜岀珷鑺備俊鎭�
+          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
+            this.$store.state.qiankun.pageChange({
+              page: page,
+              catalog: catalog
+            });
+          // const sections = Array.from(document.querySelectorAll(".section"));
+          //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
+          // let index = sections.findIndex((section) => section === target) + 1;
+          //index锛氭煡鎵惧綋鍓嶇洰鏍囧厓绱犲湪 sections 鏁扮粍涓殑绱㈠紩锛屽苟鍔� 1锛岀敤浜庣‘瀹氬綋鍓嶉〉鐮併��
+        }
+      });
+    }
+  },
 };
 </script>
 
diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/chapter001.vue
index a991846..5369b90 100644
--- a/src/books/lifeCare/view/chapter001.vue
+++ b/src/books/lifeCare/view/chapter001.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-content-box">
     <div class="page-box">
-      <div class="bodystyle">
+      <div class="bodystyle topImg">
         <h2 id="b001">
           <img class="img-0" alt="" src="../image/dy1.jpg" />
         </h2>
@@ -1357,6 +1357,7 @@
             @blur="onBlurChange('desc3')"
           ></textarea>
         </div>
+        <p><br /></p>
         <div class="tips-bk">
           <div class="bj-tip">
             浜戞祴璇曪細鍗曞厓涓�搴旂敤涓庡疄璺�<img
@@ -1369,10 +1370,7 @@
             v-if="chapter001.idOpenThree && chapter001.qustionData[9]"
             class="tips-file"
           >
-            <examinations
-              :primaryColor="'#f49a4c'"
-              :cardList="chapter001.qustionData[9]"
-            />
+            <examinations :cardList="chapter001.qustionData[9]" />
           </div>
         </div>
       </div>
@@ -1381,10 +1379,10 @@
 </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: "chapter001",
@@ -1418,7 +1416,7 @@
           text17: "",
           text18: "",
         },
-        radio: {},
+        radio:{},
         table111: {
           tbText1: "",
           tbText2: "",
@@ -1539,18 +1537,16 @@
     };
   },
   components: {
-    examinations,
+    // examinations,
   },
-  async created() {
+  created() {
     const localData = JSON.parse(localStorage.getItem("chapter001"));
     if (localData) {
       this.chapter001 = { ...Object.assign(this.chapter001, localData) };
     }
 
-    this.chapter001.videOneUrl = getResourcePath(
-      "68ebd5c05bcb742999a9ebdce4b4bd53"
-    );
-    this.chapter001.qustionData = await getQuestionData("1", testData[1]);
+    // this.chapter001.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
+    // this.qustionData = await getQuestionData('1',testData[1]);
   },
   methods: {
     activityOne() {
diff --git a/src/books/lifeCare/view/chapter002.vue b/src/books/lifeCare/view/chapter002.vue
index f2da956..96883e6 100644
--- a/src/books/lifeCare/view/chapter002.vue
+++ b/src/books/lifeCare/view/chapter002.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-content-box">
     <div class="page-box">
-      <div class="bodystyle">
+      <div class="bodystyle topImg">
         <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -1187,24 +1187,6 @@
         <h4 id="d015">
           鈻垛柖 搴旂敤涓庡疄璺�<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="chapter002.idOpenThree && chapter002.qustionData[23]"
-            class="tips-file"
-          >
-            <examinations
-              :primaryColor="'#f49a4c'"
-              :cardList="chapter002.qustionData[23]"
-            />
-          </div>
-        </div>
         <p><br /></p>
         <p><b>涓�銆佸崟閫夐</b></p>
         <p>
@@ -1282,15 +1264,30 @@
             @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="chapter002.idOpenThree && chapter002.qustionData[2]"
+            class="tips-file"
+          >
+            <examinations :cardList="chapter002.qustionData[2]" />
+          </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: "chapter002",
@@ -1576,24 +1573,20 @@
     };
   },
   components: {
-    examinations,
+    // examinations,
   },
-  async created() {
+  created() {
     const localData = JSON.parse(localStorage.getItem("chapter002"));
     if (localData) {
       this.chapter002 = { ...Object.assign(this.chapter002, localData) };
     }
-    this.chapter002.videOneUrl = getResourcePath(
-      "6e471afdbeb95a8891f1551cbb0cd4fd"
-    );
-    this.chapter002.videOneUrl116 = getResourcePath(
-      "b727b78f8036a38cbd054816a81da7f8"
-    );
+    // this.chapter002.videOneUrl = getResourcePath("6e471afdbeb95a8891f1551cbb0cd4fd");
+    // this.chapter002.videOneUrl116 = getResourcePath('b727b78f8036a38cbd054816a81da7f8')
     this.chapter002.videOneUrl116 =
       "https:/jsek.bnuic.com/file/api/ApiDownload?md5=b727b78f8036a38cbd054816a81da7f8";
     this.chapter002.videOneUrl =
       "https:/jsek.bnuic.com/file/api/ApiDownload?md5=6e471afdbeb95a8891f1551cbb0cd4fd";
-    this.chapter002.qustionData = await getQuestionData("2", testData[2]);
+    // this.qustionData = await getQuestionData("2",testData[2]);
   },
   methods: {
     activityOne() {
diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/chapter003.vue
index 178e6f4..3474f28 100644
--- a/src/books/lifeCare/view/chapter003.vue
+++ b/src/books/lifeCare/view/chapter003.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-content-box">
     <div class="page-box">
-      <div class="bodystyle">
+      <div class="bodystyle topImg">
         <h2 id="b003">
           <img class="img-0" alt="" src="../image/dy3.jpg" />
         </h2>
@@ -476,6 +476,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text7')"
           ></textarea>
           <p class="left">1锝�2宀�</p>
@@ -485,6 +486,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text8')"
           ></textarea>
           <p class="left">2锝�3宀�</p>
@@ -494,6 +496,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text9')"
           ></textarea>
         </div>
@@ -1659,6 +1662,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text32')"
           ></textarea>
           <p class="left">褰卞搷鍥犵礌</p>
@@ -1668,6 +1672,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text33')"
           ></textarea>
         </div>
@@ -2279,13 +2284,10 @@
             />
           </div>
           <div
-            v-if="chapter003.idOpenThree && chapter003.qustionData[48]"
+            v-if="chapter003.idOpenThree && chapter003.qustionData[3]"
             class="tips-file"
           >
-            <examinations
-              :primaryColor="'#f49a4c'"
-              :cardList="chapter003.qustionData[48]"
-            />
+            <examinations :cardList="chapter003.qustionData[3]" />
           </div>
         </div>
         <!-- <div class="bk-sys">
@@ -2415,10 +2417,10 @@
   </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: "chapter003",
@@ -2805,9 +2807,9 @@
     };
   },
   components: {
-    examinations,
+    // examinations,
   },
-  async created() {
+  created() {
     const localData = JSON.parse(localStorage.getItem("chapter003"));
     if (localData) {
       this.chapter003 = { ...Object.assign(this.chapter003, localData) };
@@ -2845,7 +2847,7 @@
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=eb604885f7c01cdf2d95df839c9c233a";
     this.chapter003.videoTevUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=f12a50c2ac57da78ff02f3d5f430163b";
-    this.chapter003.qustionData = await getQuestionData("3",testData[3]);
+    // this.chapter003.qustionData = await getQuestionData("3",testData[3]);
   },
   methods: {
     activityOne() {
diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/chapter004.vue
index 3fbe275..2572964 100644
--- a/src/books/lifeCare/view/chapter004.vue
+++ b/src/books/lifeCare/view/chapter004.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-content-box">
     <div class="page-box">
-      <div class="bodystyle">
+      <div class="bodystyle topImg">
         <h2 id="b004">
           <img class="img-0" alt="" src="../image/dy4.jpg" />
         </h2>
@@ -144,6 +144,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text1')"
           ></textarea>
           <p class="left">澶т究</p>
@@ -153,6 +154,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text2')"
           ></textarea>
         </div>
@@ -182,6 +184,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text3')"
           ></textarea>
           <p class="left">13锝�24鏈堥緞</p>
@@ -191,6 +194,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text4')"
           ></textarea>
           <p class="left">25锝�36鏈堥緞</p>
@@ -200,6 +204,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text5')"
           ></textarea>
         </div>
@@ -1115,13 +1120,10 @@
             />
           </div>
           <div
-            v-if="chapter004.idOpenThree && chapter004.qustionData[65]"
+            v-if="chapter004.idOpenThree && chapter004.qustionData[4]"
             class="tips-file"
           >
-            <examinations
-              :primaryColor="'#f49a4c'"
-              :cardList="chapter004.qustionData[65]"
-            />
+            <examinations :cardList="chapter004.qustionData[4]" />
           </div>
         </div>
         <p><br /></p>
@@ -1216,32 +1218,26 @@
         <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>
@@ -1251,14 +1247,14 @@
   </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: "chapter004",
   components: {
-    examinations,
+    // examinations
   },
   data() {
     return {
@@ -1316,21 +1312,21 @@
       },
     };
   },
-  async created() {
+  created() {
     const localData = JSON.parse(localStorage.getItem("chapter004"));
     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.chapter004.qustionData = await getQuestionData("4",testData[4]);
   },
   methods: {
     activityOne() {
diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue
index 3bd4530..ad35655 100644
--- a/src/books/lifeCare/view/chapter005.vue
+++ b/src/books/lifeCare/view/chapter005.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-content-box">
     <div class="page-box">
-      <div class="bodystyle">
+      <div class="bodystyle topImg">
         <h2 id="b005">
           <img class="img-0" alt="" src="../image/dy5.jpg" />
         </h2>
@@ -255,6 +255,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text3')"
           ></textarea>
           <p class="left">1锝�2宀�</p>
@@ -264,6 +265,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text4')"
           ></textarea>
           <p class="left">2锝�3宀�</p>
@@ -273,6 +275,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text5')"
           ></textarea>
         </div>
@@ -648,6 +651,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text13')"
           ></textarea>
           <p class="left">鍐</p>
@@ -657,6 +661,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text14')"
           ></textarea>
         </div>
@@ -1124,6 +1129,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text20')"
           ></textarea>
           <p class="left">濠村辜鍎跨殑骞撮緞</p>
@@ -1133,6 +1139,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text21')"
           ></textarea>
           <p class="left">浣犻噰鐢ㄧ殑浠嬬粛鏂瑰紡</p>
@@ -1142,6 +1149,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text22')"
           ></textarea>
           <p class="left">鍏蜂綋鐨勮瑷�</p>
@@ -1151,6 +1159,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text23')"
           ></textarea>
         </div>
@@ -1165,6 +1174,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text24')"
           ></textarea>
           <p class="left">鍏蜂綋浠嬬粛鐨勫唴瀹�</p>
@@ -1174,6 +1184,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text25')"
           ></textarea>
         </div>
@@ -1219,6 +1230,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text27')"
           ></textarea>
           <p class="left">鍐呭</p>
@@ -1228,6 +1240,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text28')"
           ></textarea>
         </div>
@@ -1289,6 +1302,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text29')"
           ></textarea>
           <p class="left">鍋滄鍠傚摵鐨勮〃鐜�</p>
@@ -1298,6 +1312,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text30')"
           ></textarea>
         </div>
@@ -1864,6 +1879,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text38')"
           ></textarea>
         </div>
@@ -2011,6 +2027,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text40')"
           ></textarea>
         </div>
@@ -2025,6 +2042,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text41')"
           ></textarea>
           <p class="left">鍏蜂綋鍐呭</p>
@@ -2034,6 +2052,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text42')"
           ></textarea>
         </div>
@@ -2048,6 +2067,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text43')"
           ></textarea>
           <p class="left">鍏蜂綋鍐呭</p>
@@ -2057,6 +2077,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text44')"
           ></textarea>
           <p class="left">涓昏鍘熷洜</p>
@@ -2066,6 +2087,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text45')"
           ></textarea>
         </div>
@@ -2224,6 +2246,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text52')"
           ></textarea>
           <p class="left">钀ュ吇鎬х己閾佹�ц传琛�鍎�</p>
@@ -2233,6 +2256,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text53')"
           ></textarea>
           <p class="left">钀ュ吇涓嶈壇鍎�</p>
@@ -2242,6 +2266,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text54')"
           ></textarea>
           <p class="left">鏄撳弽澶嶆劅鏌撶柧鐥呯殑浣撳急鍎�</p>
@@ -2251,6 +2276,7 @@
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
             maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text55')"
           ></textarea>
         </div>
@@ -2594,15 +2620,13 @@
             />
           </div>
           <div
-            v-if="chapter005.idOpenThree && chapter005.qustionData[94]"
+            v-if="chapter005.idOpenThree && chapter005.qustionData[3]"
             class="tips-file"
           >
-            <examinations
-              :primaryColor="'#f49a4c'"
-              :cardList="chapter005.qustionData[94]"
-            />
+            <examinations :cardList="chapter005.qustionData[3]" />
           </div>
         </div>
+        <p><br /></p>
         <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
@@ -2720,10 +2744,10 @@
   </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: "chapter005",
@@ -3148,17 +3172,17 @@
     };
   },
   components: {
-    examinations,
+    // examinations,
   },
- async created() {
+  created() {
     const localData = JSON.parse(localStorage.getItem("chapter005"));
     if (localData) {
       this.chapter005 = { ...Object.assign(this.chapter005, localData) };
     }
-    this.chapter005.videOneUrl = getResourcePath("439b0bde62a5098875c77e2492676577");
-    this.chapter005.videoTwoUrl = getResourcePath("1a878261410b01ee8e4e0602a1fe935f");
-    this.chapter005.videoFourUrl = getResourcePath("6cf2619beb704b3d79de04f0775c8ba3");
-    this.chapter005.videoFiveUrl = getResourcePath("8400384441ad9236d5eab24f500ec2c7");
+    // this.chapter005.videOneUrl = getResourcePath("439b0bde62a5098875c77e2492676577");
+    // this.chapter005.videoTwoUrl = getResourcePath("1a878261410b01ee8e4e0602a1fe935f");
+    // this.chapter005.videoFourUrl = getResourcePath("6cf2619beb704b3d79de04f0775c8ba3");
+    // this.chapter005.videoFiveUrl = getResourcePath("8400384441ad9236d5eab24f500ec2c7");
     this.chapter005.videOneUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577";
     this.chapter005.videoTwoUrl =
@@ -3167,7 +3191,7 @@
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3";
     this.chapter005.videoFiveUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7";
-    this.chapter005.qustionData = await getQuestionData("5",testData[5]);
+    // this.chapter005.qustionData = await getQuestionData("5",testData[5]);
   },
   methods: {
     activityOne() {
diff --git a/src/books/lifeCare/view/chapter006.vue b/src/books/lifeCare/view/chapter006.vue
index f96efa1..e9d560c 100644
--- a/src/books/lifeCare/view/chapter006.vue
+++ b/src/books/lifeCare/view/chapter006.vue
@@ -1,7 +1,7 @@
 锘�<template>
   <div class="page-content-box">
     <div class="page-box">
-      <div class="bodystyle">
+      <div class="bodystyle topImg">
         <h2 id="b006"><img class="img-0" alt="" src="../image/dy6.jpg" /></h2>
         <div class="bk">
           <div class="bj1">
@@ -151,9 +151,55 @@
       <div class="bodystyle">
         <p>3.瀛︿範闃呰鎵嬪唽锛屽～鍐欒〃1-6-1骞跺洖绛旈棶棰樸��</p>
         <p class="img">琛�1-6-1銆�鍚勫勾榫勬濠村辜鍎夸竴鏃ラギ姘撮噺缁熻琛�</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0114-1.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width:
+                      index == chapter006.headersData.length - 1 ? '200px' : '',
+                  }"
+                  v-for="(header, index) in chapter006.headersData"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="(row, rowIndex) in chapter006.tableData161"
+                :key="rowIndex"
+              >
+                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                  <template v-if="cell === ''">
+                    <input
+                      type="text"
+                      v-model="chapter006.tableData161[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                  <template v-else>
+                    <input
+                      :readonly="cellIndex == 0"
+                      type="text"
+                      :value="chapter006.tableData161[rowIndex][cellIndex]"
+                      @blur="
+                        updateCell(rowIndex, cellIndex, $event.target.value)
+                      "
+                    />
+                  </template>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
         <p>姘存槸鍠濆緱瓒婂瓒婂ソ鍚楋紵浣犵煡閬撲粈涔堟槸姘翠腑姣掑悧锛熻瑙ｉ噴銆�</p>
         <div class="bk-tx">
           <textarea
@@ -393,8 +439,8 @@
             v-model="chapter006.textAreaItem.text15"
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="3"
-            maxlength="100"
+            rows="5"
+            maxlength="200"
             @blur="onBlurChange('text15')"
           ></textarea>
         </div>
@@ -417,8 +463,8 @@
             v-model="chapter006.textAreaItem.text16"
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="3"
-            maxlength="100"
+            rows="5"
+            maxlength="200"
             @blur="onBlurChange('text16')"
           ></textarea>
         </div>
@@ -460,9 +506,110 @@
         </div>
         <p>3.澶磋剳椋庢毚銆傚皬缁勬垚鍛樺綊绾虫�荤粨瀹屾垚琛�1-6-2銆�</p>
         <p class="img">琛�1-6-2銆�濠村辜鍎胯壇濂介ギ姘翠範鎯殑鍩瑰吇</p>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-a" alt="" src="../image/0120-2.jpg" />
-        </p>
+        </p> -->
+        <div>
+          <table class="table111 table122 table162">
+            <thead>
+              <tr>
+                <th
+                  :style="{
+                    width: index == 0 ? '200px' : '',
+                  }"
+                  v-for="(header, index) in chapter006.headersData162"
+                  :key="index"
+                >
+                  {{ header }}
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td rowspan="3" style="background-color: #eee">
+                  涓诲叕楗按鐨勪範鎯�
+                </td>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text1"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text2"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text3"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+              <tr>
+                <td rowspan="3" style="background-color: #eee">
+                  鎰挎剰鍠濈櫧寮�姘寸殑涔犳儻
+                </td>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text4"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text5"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text6"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+              <tr>
+                <td rowspan="3" style="background-color: #eee">
+                  鍏朵粬鑹ソ鐨勯ギ姘翠範鎯�
+                </td>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text7"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text8"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  <input
+                    v-model="chapter006.tableData162.text9"
+                    @blur="updateCell162"
+                  />
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <p><br /></p>
       </div>
     </div>
     <div class="page-box">
@@ -518,8 +665,7 @@
         <p>
           2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙ｆ搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鍑嗗楗按鐗╁搧鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐��
         </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" />
@@ -529,6 +675,73 @@
             <img class="img-h" alt="" src="../image/0122-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="chapter006.isGroupOpen" class="tips-file">
+            <table class="table111 table122">
+              <thead>
+                <tr>
+                  <th
+                    :style="{
+                      width:
+                        index == 1 || index == chapter006.groupData.length - 1
+                          ? '100px'
+                          : '',
+                    }"
+                    v-for="(header, index) in chapter006.publicHeader"
+                    :key="index"
+                  >
+                    {{ header }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr
+                  v-for="(row, rowIndex) in chapter006.groupData"
+                  :key="rowIndex"
+                >
+                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                    <template v-if="cell === ''">
+                      <input
+                        type="text"
+                        v-model="chapter006.groupData[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellGroup(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else-if="cellIndex == 4">
+                      <input
+                        type="text"
+                        v-model="chapter006.groupData[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellGroup(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else>
+                      {{ cell }}
+                    </template>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
         <p><b>鈶ｆ�荤粨涓庡弽鎬�</b></p>
         <p>1.鎿嶄綔涓鏄撳嚭鐜板摢浜涘け璇紵閫犳垚杩欎簺澶辫鐨勫師鍥犲垎鍒槸浠�涔堬紵</p>
@@ -558,7 +771,7 @@
             >锛烇紴锛烇紴锛烇紴锛烇紴</span
           >
         </h4>
-        <p><br /></p>
+        <!-- <p><br /></p>
         <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -569,7 +782,33 @@
             <img class="img-h" alt="" src="../image/0122-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="chapter006.isOpenOne && chapter006.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="chapter006.videOneUrl"
+            ></video>
+          </div>
         </div>
+        <p><br /></p>
         <p><b>鈶犳椿鍔ㄥ噯澶�</b></p>
         <p>1.鐗╁搧鍑嗗锛氭按鏉�佹按妗躲�侀妗屻�佹瘺宸俱��</p>
         <p>
@@ -615,8 +854,8 @@
             @blur="onBlurChange('text22')"
           ></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" />
@@ -626,6 +865,73 @@
             <img class="img-h" alt="" src="../image/0123-1.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="chapter006.isScore1Open" class="tips-file">
+            <table class="table111 table122">
+              <thead>
+                <tr>
+                  <th
+                    :style="{
+                      width:
+                        index == 1 || index == chapter006.scoreData1.length - 1
+                          ? '100px'
+                          : '',
+                    }"
+                    v-for="(header, index) in chapter006.publicHeader"
+                    :key="index"
+                  >
+                    {{ header }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr
+                  v-for="(row, rowIndex) in chapter006.scoreData1"
+                  :key="rowIndex"
+                >
+                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
+                    <template v-if="cell === ''">
+                      <input
+                        type="text"
+                        v-model="chapter006.scoreData1[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellGroup(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else-if="cellIndex == 4">
+                      <input
+                        type="text"
+                        v-model="chapter006.scoreData1[rowIndex][cellIndex]"
+                        @blur="
+                          updateCellGroup(
+                            rowIndex,
+                            cellIndex,
+                            $event.target.value
+                          )
+                        "
+                      />
+                    </template>
+                    <template v-else>
+                      {{ cell }}
+                    </template>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
         <p><b>鈶㈠疄璁粌涔�</b></p>
         <p>
@@ -768,54 +1074,54 @@
         isScore2Open: true,
         isScore3Open: true,
         qustionData: {},
-        // 涓冩娲楁墜娉曡瘎鍒嗐�傘��
+        // 鍑嗗楗按鐗╁搧鐨勮瘎鍒嗘爣鍑�
         publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵ｅ垎", "寰楀垎"],
         groupData: [
           [
             1,
             "鐗╁搧鍑嗗",
-            16,
-            "濂剁矇锛堝湪鏈夋晥鏈熷唴 )銆佹秷姣掕繃鐨勫ザ鐡躲�佺函鍑�姘淬�佷繚娓╃摱銆佸噳姘存澂锛堟亽娓╂按澹讹級銆佹礂鎵嬬泦銆佹礂鎵嬫恫銆佹瘺宸撅紙鍑嗗涓嶅叏锛屾瘡缂哄皯涓�椤规墸 2 鍒嗭紝鎵ｅ畬涓烘锛�",
+            10,
+            "姘存《銆佹按妗朵笓鐢ㄦ竻娲佸肪銆佹按鏉笓鐢ㄧ櫨娲佸竷銆佸皬鍒峰瓙銆佹按鏉瓑鐢ㄥ搧锛堝噯澶囦笉鍏紝姣忕己灏戜竴椤规墸2鍒嗭紝鎵ｅ畬涓烘锛�",
             "",
             "",
           ],
           [
             2,
             "鎿嶄綔鑰呭噯澶�",
-            8,
-            "鏉熻捣澶村彂锛屽壀鐭寚鐢诧紝鎽橀櫎鎵嬭〃鍙婇楗帮紝娲楀噣鍙屾墜锛堣鏄庢垨鎿嶄綔涓嶅噯纭瘡椤规墸 2 鍒嗭級",
+            10,
+            "鏉熻捣澶村彂锛屽壀鐭寚鐢诧紝鎽橀櫎鎵嬭〃鍙婇楗帮紝娲楀噣鍙屾墜锛岀┛涓婂洿鍏滃苟鎴翠笂澶村肪鍜屽彛缃╋紙璇存槑鎴栨搷浣滀笉鍑嗙‘姣忛」鎵�2鍒嗭紝鎵ｅ畬涓烘锛�",
             "",
             "",
           ],
           [
             3,
-            "鍑嗗宸ヤ綔",
-            15,
-            "妫�鏌ュザ绮夊寘瑁咃紝淇濊瘉濂剁矇鍦ㄤ繚璐ㄦ湡鍐咃紝娓呮磥鏃犳薄鏌擄紙璇存槑鎴栨搷浣滀笉鍑嗙‘姣忛」鎵� 2 鍒嗭紝鍏� 6 鍒嗭級锛岄槄璇诲ザ绮夎皟閰嶈鏄庝功锛屾牴鎹┐鍎跨殑鏈堥緞鍙婁骇鍝佸寘瑁呬笂鐨勫杺鍝鸿〃锛岃绠楀簲璋冮厤鐨勬恫浣撻噺锛堣鏄庢垨鎿嶄綔涓嶅噯纭墸 4鍒嗭級锛屼竴鎵嬪彇娑堟瘨濂界殑濂剁摱锛屽彟涓�鎵嬫嫥寮�濂剁摱鐩栵紝浣夸箣鏈濅笂缃簬瀹夊叏浣嶇疆锛堣鏄庢垨鎿嶄綔涓嶅噯纭墸 5 鍒嗭級",
+            "娓呮磥銆佹秷姣掓按妗�",
+            40,
+            "鐢ㄦ祦鍔ㄧ殑姘村啿娲楁按妗讹紝鎸夌収妗跺彛鈥旀《鍐呭鈥旀《搴曗�旀《鐩栧唴渚с�佸渚р�旀《澶栧锛夆�旀《澶栧簳鐨勯『搴忎緷娆℃摝鎷紝鐢卞唴鍚戝灏嗘按妗跺啿娲楀共鍑�锛堣鏄庢垨鎿嶄綔涓嶅悎鏍兼瘡椤规墸2鍒嗭級锛屾墦寮�姘存《涓嬫柟鐨勬按榫欏ご锛屼娇娴佸姩鐨勬按浠庢按榫欏ご鍑烘按鍙ｆ祦锛屽叧涓婃按榫欏ご锛屽�掑叆1/3寮�姘达紝鐩栦笂鐩栧瓙锛岀敤鍔涘乏鍙虫憞鏅冩按妗讹紝浣垮紑姘存帴瑙﹀埌妗跺唴澹佺殑姣忎釜瑙掕惤銆傛墦寮�姘存《涓嬫柟鐨勬按榫欏ご锛岃寮�姘村啿娲楀嚭姘村彛锛堣鏄庢垨鎿嶄綔涓嶅悎鏍兼墸10鍒嗭級锛岄噰鐢ㄦ秷姣掓恫鎿︽嫮鐨勬柟娉曞姘存《鐨勫澹佽繘琛屾秷姣掞紙璇存槑鎴栨搷浣滀笉鍚堟牸鎵�10鍒嗭級銆�",
             "",
             "",
           ],
           [
             4,
-            "绮惧噯鍙栭噺",
-            26,
-            "鍙傝�冨ザ绮夊寘瑁呬笂鐨勭敤閲忚鏄庯紝鎸夊┐鍎跨殑浣撻噸锛屾妸娓╂按锛�38鈥傗剝锝� 40鈥傗剝锛夊�掑叆濂剁摱涓揪鍚堥�傜殑鍒诲害锛堣鏄庢垨鎿嶄綔涓嶅噯纭墸 5 鍒嗭級锛岀溂鐫涗笌濂剁摱骞宠锛岃瀵熸按閲忔槸鍚﹀悎閫傦紙璇存槑鎴栨搷浣滀笉鍑嗙‘鎵� 8 鍒嗭級锛岀溂鐫涗笌濂剁摱骞宠锛岃瀵熸按閲忔槸鍚﹀悎閫傦紙璇存槑鎴栨搷浣滀笉鍑嗙‘鎵�5鍒嗭級锛屾墦寮�濂剁矇缃愶紝鐢ㄥザ绮変笓鐢ㄧ殑璁￠噺鍕哄彇閫傞噺濂剁矇锛屾瘡涓�閲忓嫼澶氬嚭閲忓嫼涓婃部鐨勫ザ绮夐兘鐢ㄥザ绮夌洅锛堢瓛锛夊彛骞抽潰澶勫埉骞筹紙璇存槑鎴栨搷浣滀笉鍑嗙‘鎵�8鍒嗭級锛屽皢鍕轰腑濂剁矇浜庡ザ鐡舵涓婃柟鍊掑叆濂剁摱涓紙璇存槑鎴栨搷浣滀笉鍑嗙‘鎵�5鍒嗭級銆�",
+            "鎽嗘斁姘存《",
+            5,
+            "鏀剧疆濂芥按妗跺悗锛岀洊濂介《閮ㄧ洊瀛愶紝涓嬫柟姘撮緳澶存湞澶栵紝鏂逛究濠村辜鍎挎帴姘达紙璇存槑鎴栨搷浣滀笉鍚堟牸鎵�5鍒嗭級銆�",
             "",
             "",
           ],
           [
             5,
-            "鍧囧寑婧惰В",
+            "娓呮磥銆佹秷姣掓按鏉�",
             15,
-            "鏃嬬揣濂跺槾鐩栵紝鎸変竴涓柟鍚戞按骞宠交杞绘憞鏅冿紙鎴栧乏鍙虫棆杞級鐡惰韩锛屼娇濂剁矇婧惰В锛堣鏄庢垨鎿嶄綔涓嶅噯纭墸10鍒嗭級锛屽皢濂剁摱鍊炬枩45掳锛屾鏌ョ摱搴曠殑濂剁矇鏄惁鍏呭垎婧惰В銆傝嫢鐡跺簳鏈夊ザ绮夋湭婧惰В锛岄噸澶嶄互涓婃搷浣滆嚦濂剁矇瀹屽叏婧惰В锛屼娇鐡跺唴濂舵恫娴撳害鍧囧寑锛堣鏄庢垨鎿嶄綔涓嶅噯纭墸5鍒嗭級銆�",
+            "鐢ㄤ笓鐢ㄧ櫨娲佸竷鎸夌収鏉彛鈥旀澂鍐呭鈥旀澂搴曗�旀澂澶栧鐨勯『搴忔摝鎷紝鏈�鍚庣敤灏忓埛瀛愬埛娲楁按鏉殑鎶婃墜锛堣鏄庢垨鎿嶄綔涓嶅悎鏍兼墸5鍒嗭級锛岀敤娴佸姩鐨勬按灏嗘按鏉啿娲楀共鍑�锛屼緷娆℃斁鍏ュ緟娑堟瘨鐨勫鍣ㄤ腑锛堣鏄庢垨鎿嶄綔涓嶅悎鏍兼墸5鍒嗭級锛屾斁鍏ユ秷姣掓煖锛岃繘琛屾秷姣掞紱娑堟瘨瀹屾瘯鍚庯紝灏嗘澂瀛愬�掓墸鏀剧疆娌ュ共锛堣鏄庢垨鎿嶄綔涓嶅悎鏍兼墸5鍒嗭級銆�",
             "",
             "",
           ],
           [
             6,
-            "娴嬭瘯濂舵俯",
+            "鎽嗘斁姘存澂",
             10,
-            "灏嗗ザ鐡跺�掔疆锛屼娇涔虫眮婊翠簬鍠傚摵鑰呭墠鑷傚唴渚х毊鑲や笂娴嬭瘯濂舵俯锛屾劅瑙夋俯搴︿笉鐑墜锛屼究鍙粰濠村効椋熺敤锛堣鏄庢垨鎿嶄綔涓嶅悎鏍兼墸10鍒嗭級",
+            "灏嗘秷杩囨瘨鐨勬按鏉斁鍏ユ按鏉灦锛涙嬁鏉瓙鏃讹紝鎵嬩笉纰版澂鍙ｏ紝鏌勬湞澶栵紝鏉彛鏈濅笂锛堣鏄庢垨鎿嶄綔涓嶅悎鏍兼墸10鍒嗭級",
             "",
             "",
           ],
@@ -829,49 +1135,59 @@
           ],
           [8, "娴嬭瘯濂舵俯", 5, "鎺у埗鍦�5鍒嗛挓鍐咃紙瓒呰繃鏃堕棿鎵�5鍒嗭級", "", ""],
         ],
-        // 琛ㄦ牸1-5-1
-        headersData: ["搴忓彿", "钀ュ吇绱�", "涓昏鍔熻兘", "椋熺墿鏉ユ簮", "缂轰箯鐥囷紙鐘讹級"], // 琛ㄥご
-        tableData151: [
-          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
-          ["1", "", "", "", ""],
-          ["2", "", "", "", ""],
-          ["3", "", "", "", ""],
-          ["4", "", "", "", ""],
-          ["5", "", "", "", ""],
-          ["6", "", "", "", ""],
-          ["7", "", "", "", ""],
+        // 鎸囧濠村辜鍎块泦浣撻ギ姘寸殑璇勫垎鏍囧噯
+        scoreData1: [
+          [
+            1,
+            "鐗╁搧鍑嗗",
+            8,
+            "姘存澂銆佹按妗躲�侀妗屻�佹瘺宸撅紙鍑嗗涓嶅叏锛屾瘡缂哄皯涓�椤规墸2鍒嗭紝鎵ｅ畬涓烘锛�",
+            "",
+            "",
+          ],
+          [
+            2,
+            "鎿嶄綔鑰呭噯澶�",
+            12,
+            "鏉熻捣澶村彂锛屽壀鐭寚鐢诧紝鎽橀櫎鎵嬭〃鍙婇楗帮紝绌夸笂鍥村厹锛屾埓涓婂ご宸惧拰鍙ｇ僵锛岀敤涓冩娲楁墜娉曟礂鍑�鍙屾墜锛堣鏄庢垨鎿嶄綔涓嶅噯纭瘡椤规墸2鍒嗭紝鎵ｅ畬涓烘锛�",
+            "",
+            "",
+          ],
+          [
+            3,
+            "鎸囧鍠濇按",
+            70,
+            "寮曞濠村辜鍎垮湪鍠濇按鍓嶅簲鍏堢敤涓冩娲楁墜娉曟竻娲楀弻鎵嬶紝鐒跺悗鍙栬嚜宸辩殑鏉瓙锛堣瑷�鎴栫ず鑼冨姩浣滀笉鍑嗙‘鎵�10鍒嗭級锛屽皢娓╁害鍜屾按閲忛�備腑鐨勬按鍊掑叆濠村辜鍎跨殑姘存澂涓紝鏀剧疆鍦ㄥ┐骞煎効鐨勬鍓嶆柟锛堝姩浣滄垨鎿嶄綔涓嶅噯纭墸10鍒嗭級锛屾寚瀵煎┐骞煎効鍠濇按鏃舵纭湴鎷挎按鏉細鍙虫墜鎸佹澂鏌勶紝宸︽墜鎵舵澂韬紝閬垮厤姘存磼鍑烘垨婊戣惤锛堣瑷�鎴栫ず鑼冨姩浣滀笉鍑嗙‘鎵�10鍒嗭級锛屾彁閱掑┐骞煎効杞昏交绔捣姘存澂锛屾彁閱掑┐骞煎効鍚逛竴鍚癸紝杞昏交鐢ㄥ槾鍞囪瘯涓�璇曪紝閬垮厤鐑槾锛屽枬姘存椂瑕佷竴鍙ｄ竴鍙ｆ參鎱㈠枬锛屼笉瑕佽竟璧拌竟鍠濓紝鍠濇按鏃朵笉璇寸瑧锛堣瑷�鎴栫ず鑼冨姩浣滀笉鍑嗙‘鎵�20鍒嗭級锛屽府鍔╂垨鑰呮彁閱掑┐骞煎効灏嗗槾宸存摝骞插噣锛堣瑷�鎴栫ず鑼冨姩浣滀笉鍑嗙‘鎵�10鍒嗭級锛岀敤璇█鎻愰啋濠村辜鍎垮枬瀹屾按鍚庯紝灏嗘按鏉斁鍥炴按鏉灦瀵瑰簲鐨勪綅缃紙蹇樿鐢ㄨ瑷�鎻愮ず鑰呮墸10鍒嗭級銆�",
+            "",
+            "",
+          ],
+          [
+            4,
+            "鏁寸悊鐗╁搧",
+            5,
+            "鐢ㄥ搧褰掍綅锛屾竻鐞嗘敹绾筹紙璇存槑鎴栨搷浣滀笉鍚堟牸鎵�5鍒嗭級",
+            "",
+            "",
+          ],
+          [5, " 鏃堕棿瑕佹眰", 15, "鎺у埗鍦�5鍒嗛挓鍐咃紙瓒呰繃鏃堕棿鎵�5鍒嗭級", "", ""],
         ],
-        // 1-5-2
-        headers152: ["椁愮偣", "鏃堕棿", "楗彍鍚嶇О", "鎵�鍚鐗╁強鏁伴噺"], // 琛ㄥご
-        tableData152: [
-          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
-          ["", "", "", ""],
-          ["", "", "", ""],
+        // 琛ㄦ牸1-6-1
+        headersData: [
+          "骞撮緞锛堝瞾锛�",
+          "浣撻噸锛堝崈鍏嬶級",
+          "鎬绘憚鍏ラ噺锛堟鍗囷級",
+          "姣忓崈鍏嬩綋閲嶆憚鍏ラ噺锛堟鍗囷級",
+        ], // 琛ㄥご
+        tableData161: [
           ["", "", "", ""],
           ["", "", "", ""],
           ["", "", "", ""],
           ["", "", "", ""],
           ["", "", "", ""],
         ],
-        // 1-5-3
-        headers153: ["閫傚悎鏈堥緞", "7-2鏈堥緞", "13-24鏈堥緞", "24浠ヤ笂鏈堥緞"], // 琛ㄥご
-        tableData153: [
-          // 浜岀淮鏁扮粍浣滀负琛ㄦ牸鏁版嵁
-          ["椋熺墿鍚嶇О", "", "", ""],
-          ["鏉愭枡鍑嗗", "", "", ""],
-          ["鍒朵綔姝ラ", "", "", ""],
-          ["娉ㄦ剰浜嬮」", "", "", ""],
-          ["浣犵殑璇勪环", "", "", ""],
-        ],
-        // 1-5-4
-        headers154: ["椁愬叿鍚嶇О", "浣跨敤闃舵", "娆惧紡鐗圭偣"],
-        tableData154: [
-          ["", "", ""],
-          ["", "", ""],
-          ["", "", ""],
-          ["", "", ""],
-          ["", "", ""],
-        ],
+        // 1-6-2
+        headersData162: ["濠村辜鍎胯壇濂界殑楗按涔犳儻", "鍩瑰吇鏂规硶"], // 琛ㄥご
+        tableData162: {},
         textAreaItem: {},
         radio: {},
       },
@@ -885,35 +1201,34 @@
     if (localData) {
       this.chapter006 = { ...Object.assign(this.chapter006, localData) };
     }
-    // this.chapter006.videOneUrl = getResourcePath("439b0bde62a5098875c77e2492676577");
-    // this.chapter006.videoTwoUrl = getResourcePath("1a878261410b01ee8e4e0602a1fe935f");
-    // this.chapter006.videoFourUrl = getResourcePath("6cf2619beb704b3d79de04f0775c8ba3");
-    // this.chapter006.videoFiveUrl = getResourcePath("8400384441ad9236d5eab24f500ec2c7");
+    // this.chapter006.videOneUrl = getResourcePath("04fafb0e896ffe0379edd6d695a92b13");
     this.chapter006.videOneUrl =
-      "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577";
-    this.chapter006.videoTwoUrl =
-      "https://jsek.bnuic.com/file/api/ApiDownload?md5=1a878261410b01ee8e4e0602a1fe935f";
-    this.chapter006.videoFourUrl =
-      "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3";
-    this.chapter006.videoFiveUrl =
-      "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7";
+      "https://jsek.bnuic.com/file/api/ApiDownload?md5=04fafb0e896ffe0379edd6d695a92b13";
     // this.chapter006.qustionData = await getQuestionData("5",testData[5]);
   },
   methods: {
     activityOne() {
       this.chapter006.isOpenOne = !this.chapter006.isOpenOne;
     },
-    activityTwo() {
-      this.chapter006.isOpenTwo = !this.chapter006.isOpenTwo;
-    },
     activityThree() {
       this.chapter006.idOpenThree = !this.chapter006.idOpenThree;
     },
-    activityFour() {
-      this.chapter006.isOpenFour = !this.chapter006.isOpenFour;
+    activityScore1() {
+      this.chapter006.isScore1Open = !this.chapter006.isScore1Open;
+      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
     },
-    activityFive() {
-      this.chapter006.isOpenFive = !this.chapter006.isOpenFive;
+    updateCellScore1(rowIndex, cellIndex, value) {
+      // 鏇存柊鍗曞厓鏍兼暟鎹�
+      this.$set(this.chapter006.scoreData1[rowIndex], cellIndex, value);
+      if (cellIndex == 4) {
+        this.$set(
+          this.chapter006.scoreData1[rowIndex],
+          5,
+          this.chapter006.scoreData1[rowIndex][2] -
+            this.chapter006.scoreData1[rowIndex][cellIndex]
+        );
+      }
+      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
     },
     activityGroup() {
       this.chapter006.isGroupOpen = !this.chapter006.isGroupOpen;
@@ -934,17 +1249,16 @@
     },
     updateCell(rowIndex, cellIndex, value) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter006.tableData151[rowIndex], cellIndex, value);
+      this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
       localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
     },
-    updateCell152(rowIndex, cellIndex, value) {
+    // updateCell152(rowIndex, cellIndex, value) {
+    //   // 鏇存柊鍗曞厓鏍兼暟鎹�
+    //   this.$set(this.chapter006.tableData152[rowIndex], cellIndex, value);
+    //   localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
+    // },
+    updateCell162(rowIndex, cellIndex, value) {
       // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter006.tableData152[rowIndex], cellIndex, value);
-      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
-    },
-    updateCell153(rowIndex, cellIndex, value) {
-      // 鏇存柊鍗曞厓鏍兼暟鎹�
-      this.$set(this.chapter006.tableData153[rowIndex], cellIndex, value);
       localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
     },
     onBlurChange() {

--
Gitblit v1.9.1