Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-06-07 39f4904b1532acfa68eab45d0acbb3217060ecf5

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 src/App.vue

@@ -13,7 +13,7 @@

<script>
import childHealth from "./books/childHealth/view/index.vue";
import lifeCare from "./books/lifeCare/index.vue";
import lifeCare from "./books/lifeCare/view/index.vue";
import embedded from "./books/embedded/view/index.vue";
import english from "./books/English/view/index.vue";
import sportsAndHealth from "./books/sportsAndHealth";
@@ -72,7 +72,7 @@
        // embedded
        // english
        // artAndDance
        this.config.resourceCtx + "childHealth"
        this.config.resourceCtx + "lifeCare"
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

 src/books/childHealth/view/content/index.vue

@@ -8,7 +8,7 @@
      :style="{
        fontSize: fontSize ? fontSize + 'px' : '16px',
        transform: `scale(${pageZoom ? pageZoom : 1})`,
        transformOrigin: 'center top'
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
@@ -142,7 +142,7 @@
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100;
    }
    },
  },
  watch: {
    showCatalogList: {
@@ -153,7 +153,7 @@
        ) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal
            showCatalogList: newVal,
          });
        }
        // 启动页码观察
@@ -161,7 +161,7 @@
          this.initObservation();
          this.initThemeColor();
        }, 500);
      }
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
@@ -169,7 +169,7 @@
          this.initSwiper();
          this.initViewer();
        }, 200);
      }
      },
    },
    pageZoom: {
      handler(newVal, oldVal) {
@@ -177,8 +177,8 @@
          this.container ? this.container : document
        ).querySelector(".page-main");
        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
      }
    }
      },
    },
  },
  mounted() {
    // 默认加载章节
@@ -213,7 +213,7 @@
        // 跳转检索结果位置
        jumpSearchItem: (data) => {
          this.searchItemLocation(data);
        }
        },
      });
    }

@@ -222,13 +222,13 @@
    this.observer = new IntersectionObserver(this.pageChangeCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0.5 // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
      threshold: 0.5, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0 // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
      threshold: 0, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    // 启动页码观察
@@ -239,34 +239,34 @@

    // 测试页面跳转
    // setTimeout(() => {
      //   this.gotoPage(1, 10);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
      //       txt: "题一学习主题一 运动",
      //       page: "10",
      //       type: "Highlight",
      //       color: "#F5E12A"
      //     });
      // setTimeout(() => {
      //   this.delSign({
      //     ids: ["2ACA9359"]
      //   });
      // }, 2000);
      //   }, 5000);
    //   this.gotoPage(1, 10);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
    //       txt: "题一学习主题一 运动",
    //       page: "10",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
    // setTimeout(() => {
    //   this.delSign({
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    //   }, 5000);

      // const pageDom = (this.container ? this.container : document)
      //   .querySelector("#app")
      //   .querySelectorAll(".page-box");
      // 检索
      // console.log(this.searchTextByPage("儿童"), "searchTextByPage");
      // 检索跳转
      // this.searchItemLocation({
      //   catalog: 2,
      //   page: 10,
      //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
      //   txtIndex: 57
      // });
    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
    // 检索
    // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
    // 检索跳转
    // this.searchItemLocation({
    //   catalog: 2,
    //   page: 10,
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 5000);
  },
  methods: {
@@ -339,7 +339,7 @@
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength
            this.catalogLength,
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -389,10 +389,7 @@
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        // 创建 createTreeWalker 迭代器，用于遍历文本节点，保存到一个数组
        const treeWalker = document.createTreeWalker(
          pageDom,
          NodeFilter.SHOW_TEXT
        );
        const treeWalker = document.createTreeWalker(pageDom, NodeFilter.SHOW_TEXT);
        const allTextNodes = [];
        let currentNode = treeWalker.nextNode();
        while (currentNode) {
@@ -598,7 +595,7 @@
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections：获取所有具有 .section 类名的元素，并转换为数组。
@@ -656,10 +653,7 @@
              // 高亮行
              setTimeout(() => {
                // 获取页面所有text节点
                const pageTextList = document.createTreeWalker(
                  target,
                  NodeFilter.SHOW_TEXT
                );
                const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
                // 匹配关键字
                const allPageTextNodes = [];
                let currentNode = pageTextList.nextNode();
@@ -703,7 +697,7 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
@@ -715,11 +709,11 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
          observeParents: true,
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
@@ -747,7 +741,7 @@
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
@@ -766,8 +760,8 @@
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            }
          }
            },
          },
        });
      }
    },
@@ -783,7 +777,7 @@
            : "body",
          navbar: true, // 显示导航栏
          toolbar: true, // 显示工具栏
          title: true // 显示标题
          title: true, // 显示标题
        });
      }
    },
@@ -806,7 +800,7 @@
        chapterTen,
        chapterEleven,
        chapterTwelve,
        chapterThirteen
        chapterThirteen,
      };
      // 遍历所有章节文件
      for (const key in pageData) {
@@ -817,8 +811,8 @@
        pageExample = new pageComponent({
          propsData: {
            showPageList: [],
            questionData: {}
          }
            questionData: {},
          },
        });
        pageExample.$mount(
          (this.container ? this.container : document).querySelector(
@@ -848,8 +842,8 @@
            pageExample = new pageComponent({
              propsData: {
                showPageList: [pageNum],
                questionData: {}
              }
                questionData: {},
              },
            });
            pageExample.$mount(
              (this.container ? this.container : document).querySelector(
@@ -862,10 +856,7 @@
              .querySelector(`[page="${pageNum}"]`);
            if (thisPageDom) {
              // 获取页面所有text节点
              const pageTextList = document.createTreeWalker(
                thisPageDom,
                NodeFilter.SHOW_TEXT
              );
              const pageTextList = document.createTreeWalker(thisPageDom, NodeFilter.SHOW_TEXT);
              // 匹配关键字
              const allPageTextNodes = [];
              let currentNode = pageTextList.nextNode();
@@ -882,7 +873,7 @@
                    page: pageNum,
                    catalog: catalogIndex,
                    txt: textDom.textContent,
                    txtIndex: txtIndex
                    txtIndex: txtIndex,
                  });
                }
              }
@@ -905,7 +896,7 @@
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    }
    },
  },
  components: {
    pageHeader,
@@ -921,8 +912,8 @@
    chapterTen,
    chapterEleven,
    chapterTwelve,
    chapterThirteen
  }
    chapterThirteen,
  },
};
</script>


 src/books/childHealth/view/index.vue

@@ -24,6 +24,7 @@
        }
      }
    },
    
    handleMouseUp(e) {
      const selection = (
        this.container ? this.container : window

 src/books/lifeCare/css/default.less

@@ -1,1695 +1,1717 @@
.page-main {
.temp-bookInnerContent {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.public-lifeCare {
  max-width: 816px;
  min-width: 375px;
  margin: 0 auto;
  border-color: #f49a4c;
  height: 100%;

  .swiper-button-prev,
  .swiper-button-next {
    color: #F49A4C;
  }

  textarea:focus,
  input:focus {
    border: 0 !important;
    border-color: #fff !important;
    outline: none;
  }

  textarea {
  .page-main {
    width: 100%;
    text-indent: 2em;
    // max-width: 652px;
    // min-height: 100px;
    font-size: 16px;
  }
    height: 100%;
    overflow: auto;

  .coverImg {
    position: absolute;
    top: 0;
    left: 0;
  }

  .prefaceImg {
    width: 92% !important;
    position: absolute;
    left: 4%;
    top: 4%;
  }

  .zt-yy-brd {
    padding: 5px 15px;
    border: 3px dotted #f49a4c;
    border-radius: 10px;
  }

  .chapter-006 {
    position: relative;

    .btn {
      position: absolute;
      top: 65%;
      left: 35%;
    }
  }

  .border-xxfs {
    border-radius: 0 !important;
    position: relative;
    padding: 10px;
    padding-top: 20px !important;
    border: 2px dotted #00aeef !important;


    .bj3 {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 105px;
      height: 30px;
      position: absolute;
      padding: 0 !important;
      padding-left: 5px !important;
      box-sizing: border-box;
      top: 0;
      background-color: #00aeef !important;
      color: #fff !important;
      border-bottom-right-radius: 25px;

      .cirlce {
        width: 40px;
        height: 40px;
        border: 2px solid #00aeef;
        border-radius: 50%;
        position: absolute;
        left: -38px;
        background: url('../image/xxfs.png');
        background-position: center;
        background-size: 70% 70%;
        background-repeat: no-repeat;
        background-color: #fff;
      }
    }
  }

  input {
    width: 100%;
    border: 0 !important;
    border-color: #fff !important;
    outline: none;
    font-size: 16px;
    text-align: center;
    white-space: pre-line;
  }

  .drawflow {
    .main-path {
      stroke: #f49a4c;
    }

    .drawflow-delete {
      width: 25px;
      height: 25px;
      line-height: 21px;
      background-color: #f49a4c;
      font-size: 20px;
    }

    .drawflow-node {
      background-color: #fff;
      border: 0px solid #f49a4c;
      box-shadow: 1px 1px 5px 0 #f49a4c;

      .contentWall {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .contentTitle {
          margin-bottom: 5px;
        }

        .contentText {
          textarea {
            width: auto;
            min-height: 50px;
            margin: 0;
            outline: none;
            border-color: #f49a4c;
            border-radius: 5px;
          }

          textarea:focus {
            border: 1px solid #fabf2e !important;
          }
        }
      }

      .input,
      .output {
        border-color: #f49a4c;
        border-width: 1px;
      }
    }

    .content {
      .btn-export {
        float: right;
        position: absolute;
        top: 4px;
        right: 10px;
        color: #333;
        font-weight: bold;
        // 0e5ba3
        border: 1px solid #ccc;
        // 4ea9ff
        background: #fff;
        padding: 5px 10px;
        border-radius: 4px;
        cursor: pointer;
        z-index: 5;
      }

      .btn-clear {
        float: right;
        position: absolute;
        top: 4px;
        right: 85px;
        color: white;
        font-weight: bold;
        // 96015b
        border: 1px solid #f49a4c;
        // e3195a
        background: #f49a4c;
        padding: 5px 10px;
        border-radius: 4px;
        cursor: pointer;
        z-index: 5;
      }

      .btn-export:hover {
        color: #f49a4c;
        border: 1px solid #f49a4c;
      }

      .btn-clear:hover {
        background-color: #fff;
        color: #f49a4c;
        border: 1px solid #f49a4c;
      }
    }
  }

  .drawContent_wall {
    width: 100%;
    height: 765px;

    .drawflow {
      display: flex;
      flex-direction: column;

      .content {
        border-top-width: 1px;
        border-top-style: solid;
      }
    }
  }

  .chapter {
    font-family: "宋体";

    .topImg {
      padding-top: 0 !important;
      margin-bottom: 2em;
    }

    p input {
      width: 20px;
    }

    .header {
      width: 100%;
      height: 100px;

      .pageHeader-first {
        width: 100%;
        height: 100%;
        padding-top: 6%;

        .header-bj {
          width: 78%;
          height: 100%;
          border-left: 2px solid #dfb27d;
          border-bottom: 2px solid #dfb27d;
          margin-left: 18%;
        }

        .content {
          background-color: #F49A4C;
          width: 91%;
          height: 32%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-top: -6%;
          margin-left: 3%;

          .pageStr {
            color: #fff;
            font-size: 24px;
            text-align: center;
            margin: 0 20px;
          }

          .title {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #fff;
            font-size: 20px;
            position: relative;

            img {
              height: 30px !important;
              margin-right: 20px;
            }

            .ztImg {
              height: 40px !important;
              margin-top: -4px;
            }
          }
        }

        .zt1-content {
          background-color: #f7b80a;
        }

        .zt1-header-bj {
          border-left-color: #a5c24f;
          border-bottom-color: #a5c24f;
        }


        @media (max-width: 756px) {
          .content {
            margin-top: -12%;

            .title {
              font-size: 16px;
            }

            .pageStr {
              font-size: 16px;
            }
          }
        }
      }

      .pageHeader-second {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 3%;

        .second-con {
          width: 90%;
          height: 35px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 20px;
          position: absolute;
          right: 36px;
          top: 80px;

          .second-left {
            width: 23px;
            height: 100%;
            background-color: #f49a4c;
          }

          .second-right {
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;

            img {
              height: 50px;
              position: absolute;
              left: -50px;
              top: -20px;
            }

            .pageStr {
              margin-right: 10px;
            }

            .pageNum {
              display: block;
              background-color: #f49a4c;
              padding: 2px 20px;
              box-sizing: border-box;
              font-size: 28px;
              color: #fff;
            }

            .zt1-pageNum {
              background-color: #a5c24f;
            }

            .zt1-pageStr {
              color: #a5c24f;
            }
          }
        }

        @media (max-width: 756px) {
          .second-con {
            font-size: 16px;

            .pageNum {
              font-size: 16px !important;
            }
          }
        }

        @media (max-width: 1024px) {

          .second-con {
            right: 20px;
            top: 75px;
          }
        }

        .borderLine {
          width: 93%;
          height: 2px;
          background-color: #f49a4c;
          margin-top: 105px;
        }

        .zt1-boderLine {
          background-color: #a5c24f;
        }
      }


    }

    .textareaInput {
      width: 100%;
      padding: 8px;
      box-sizing: border-box;
      border: 1px solid #999;
      font-size: 15px;
      color: #000;
      background-color: #f9f9f9;
    }

    .imgBox-003 {
      width: 100%;
      height: 220px;
    }

    .chapter01Table {
      width: 100%;

      .textareaInput:focus {
        border: 1px solid #999 !important;
      }
    }

    .table111,
    .table112 {
      width: 100%;
      border-collapse: collapse;

      tr th {
        background-color: #f49a4c;
        text-align: center;
        border: 1px solid #999;
        margin: 0;
        padding: 8px 9px;
        font-size: 16px;
      }

      tr td {
        border: 1px solid #999;
        text-align: left;
        padding: 8px;
        overflow: hidden;
        white-space: pre-line;
        font-family: 'FZLTXIHJW';
        font-weight: normal;
        font-size: 14px;
        line-height: 23px;

        input {
          font-size: 14px;
        }

        textarea {
          width: 100%;
          min-height: 20px;
          min-width: 80px;
          border: 0;
        }
      }
    }

    .table112 {
      font-size: 16px;

      tr th {
        width: 50px;
        font-weight: normal;
      }
    }

    .table122 {
      font-size: 16px;

      tr th {
        font-weight: normal;
      }
    }

    .table162 {
      tr th {
        padding: 8px 0;
      }

      tr td {
        border: 1px solid #999;
        text-align: center;
        padding: 15px 0;
        overflow: hidden;
      }
    }

    .bk-swdt {
      display: flex;
      justify-content: flex-start;
      align-items: center;

      img {
        width: 30px;
        cursor: pointer;
      }
    }

    .bk-iframe {
      width: 1200px;
      height: 630px;
      position: fixed;
      left: -25%;
      border: 1px solid #f49a4c;
      z-index: 111;
      background-color: #fff;

      .header-swdt {
        height: 30px;
        color: #000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #f49a4c;

        p {
          margin: 0;
          padding: 0;
          padding-left: 10px;
          text-indent: 0;
        }

        i {
          margin-right: 10px;
          cursor: pointer;
        }
      }
    }

    .btnUpload-list {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 35px;
      height: 30px;
      border-radius: 5px;
      background-color: #f49a4c;
      border: 1px solid #f49a4c;
      cursor: pointer;

      svg {
        fill: #fff;
      }
    }

    .btnUpload-list:hover {
      background-color: #fff;

      svg {
        fill: #F49A4C;
      }
    }

    .pic-wall {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    .bk-inputUpload {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      min-height: 100px;

      input {
        width: 250px;
        margin-left: 15px;
        display: none;
      }

      .btnUpload {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 50px;
        cursor: pointer;
        margin-left: 10px;
      }

      .upload_text {
        color: #000;
        font-size: 14px;
        font-weight: 700;
        font-family: "黑体";
      }
    }

    .upload-list {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
    }

    .demo-image__preview-swdt {
      width: 100%;
    .public-bookInnerContent {
      max-width: 816px;
      min-width: 375px;
      margin: 0 auto;
      border-color: #f49a4c;
      height: 100%;
    }

    .demo-image__preview {
      width: 200px;
      height: 100px;
      border: 1px solid #f49a4c;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 6px;
      margin-bottom: 6px;
      overflow: hidden;
    }

    .bj-tip {
      min-width: 269px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 4px 14px;
      box-sizing: border-box;
      border: 3px solid #f49a4c;
      border-radius: 30px;
      position: absolute;
      top: -25px;
      left: 15px;
      background-color: #fff;
      color: #f49a4c;
      font-weight: bold;
      font-size: 18px;

      div {
        width: 35px;
        height: 30px;
        border-radius: 5px;
        background-color: #f49a4c;
        border: 1px solid #f49a4c;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 5px;
        cursor: pointer;

        svg {
          fill: #fff;
        }
      .swiper-button-prev,
      .swiper-button-next {
        color: #f49a4c;
      }

      div:hover {
        background-color: #fff;
        border: 1px solid #f49a4c;

        svg {
          fill: #f49a4c;
        }
      textarea:focus,
      input:focus {
        border: 0 !important;
        border-color: #fff !important;
        outline: none;
      }
    }

    .tips-bk {
      margin-top: 56px;
      border-radius: 20px;
      position: relative;
    }

    .tips-file {
      border: 3px dotted #f49a4c;
      padding: 12px 10px;
      box-sizing: border-box;
      padding-top: 30px;
      font-family: '仿宋';
      font-weight: 700;


      p {
        margin-top: 0px;
      }

      .p-text {
        padding: 5px 10px;
        p {

          line-height: 22px;
          font-weight: 700;
          color: #666;
        }

        div {
          line-height: 22px;
          font-size: 20px;
          text-align: center;
          padding-top: 10px;
        }
      }
    }

    .page-box {
      box-sizing: border-box;
      min-height: 1150px !important;
      margin-bottom: 20px;
      box-shadow: 0 3px 6px 1px #00000029;
      background-color: #fff;
      position: relative;

      .w100 {
        width: 100% !important;
      }
    }

    .imgCarousel {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      height: 287px;
      max-height: 350px;

      img {
        width: auto;
        height: calc(100% - 50px);
      }

      span {
        font-size: 18px;
      }
    }

    .pdf-content {
      padding: 5% 5%;
      box-sizing: border-box;
    }

    .sj1 {
      text-indent: 3em;
    }

    .hs1 {
      color: #ffbcdd;
      text-indent: 0em;
      margin-bottom: 0.5em;
    }

    .custom_h1 {
      color: #2cb4e4;
      font-size: 30px;
    }

    .custom_tag3 {
      background-color: #2cb4e4;
      color: #ffffff;
      display: inline-block;
      padding: 1px;
      font-size: 1em;
      padding: 3px 10px 3px 10px;
      font-weight: bold;
      border-radius: 0em;
      box-shadow: 0px 0px 0px 0px #fedf24, -15px 0px 0px 0px #fedf24;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
    }

    @font-face {
      font-family: "FZLTZHJW";
      src: url("../Fonts/FZLTZHJW.ttf");
    }

    @font-face {
      font-family: "FZLTXIHJW";
      src: url("../Fonts/FZLTXIHJW.ttf");
    }

    @font-face {
      font-family: "FZHTJW";
      src: url("../Fonts/FZHTJW.ttf");
    }

    .custom_tag2 {
      background-color: #f1be49;
      color: #ffffff;
      display: inline-block;
      padding: 0.5px;
      border-radius: 1.5em;
      font-size: 1.1em;
      padding: 2px 10px 2px 10px;
      font-weight: bold;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
    }

    .custom_tag1 {
      background-color: #35acd6;
      color: #ffffff;
      display: inline-block;
      padding: 1px;
      font-size: 1.1em;
      padding: 3px 10px 3px 10px;
      font-weight: bold;
      box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
    }

    .custom_tag {
      background-color: #35509f;
      color: #ffffff;
      display: inline-block;
      padding: 1px;
      border-radius: 1.5em;
      font-size: 1.1em;
      padding: 10px 20px 10px 20px;
      font-weight: bold;
      box-shadow: 30px 0px 0px 0px #f5d83e;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
    }

    .ls1 {
      font-family: "HiFont Hei GB";
      color: #30aad1;
      font-weight: bold;
    }

    .hs {
      font-family: "HiFont Hei GB";
      color: #ea6b00;
      font-weight: bold;
    }

    .zs1 {
      font-family: "HiFont Hei GB";
      color: #857eb4;
      font-weight: bold;
    }

    span.under1 {
      border-bottom: 2px solid #f0bd4a;
      border-width: 2px;
    }

    div.bodycontent-div-center {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
    }

    img.bodycontent-divcenter-image {
      float: center;
      clear: both;
      height: 140px;
      margin: 15px;
    }

    div.bodycontent-div-left1 {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
      background-color: #f0f8ff;
    }

    div.bodycontent-div-left {
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
    }

    img.bodycontent-divright-image {
      float: right;
      clear: both;
      height: 140px;
      margin: 15px;
    }

    img.bodycontent-divleft-image {
      float: left;
      clear: both;
      height: 110px;
      margin: 15px;
    }

    .img-gn-zt {
      width: 180px;
    }

    div.bodystyle {
      font-size: 18px;
      text-align: justify;
      padding: 10% 10%;
      box-sizing: border-box;
      font-family: '宋体';
    }

    div.bj {
      background: #fffbe8;
      padding: 1em;
      border-radius: 0.6em;
    }

    span.zt-0 {
      color: #0087af;
    }

    p.pzt-0 {
      color: #0087af;
      font-size: 18px;
    }

    p.pzt-0-right {
      font-size: 18px;
      color: #0087af;
      text-align: right;
    }

    p.pzt-1 {
      font-weight: bold;
      color: #0087af;
      font-size: 18px;
    }

    div.sgc-toc-title {
      font-size: 2em;
      font-weight: bold;
      margin-bottom: 1em;
      text-align: center;
    }

    div.sgc-toc-level-1 {
      margin-left: 0em;
    }

    div.sgc-toc-level-2 {
      margin-left: 2em;
    }

    div.sgc-toc-level-3 {
      margin-left: 2em;
    }

    div.sgc-toc-level-4 {
      margin-left: 2em;
    }

    div.sgc-toc-level-5 {
      margin-left: 2em;
    }

    div.sgc-toc-level-6 {
      margin-left: 2em;
    }

    .note {
      font-size: 0.85em;
    }

    .img {
      font-family: "FZLTXIHJW";
      text-align: center;
      font-size: 0.85em;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
    }

    .img1 {
      font-family: "FZLTXIHJW";
      text-align: right;
      font-size: 0.85em;
      margin-left: 0%;
      margin-right: 2em;
      text-indent: 0em;
    }

    .h5-zt {
      font-size: 18px;
    }

    .tip-specail {
      border: 1px solid #f49a4c !important;
      padding: 10px 15px;
    }

    p {
      margin-top: 1em;
      text-indent: 2em;
      line-height: 30px;
      font-size: 18px;
      text-align: justify;
      // src: url('../Fonts/msyh.ttc');
    }

    .cover {
      width: 100%;
      padding: 0px;
    }

    .center {
      text-align: center;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
      color: #666;
    }

    .center1 {
      text-align: center;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
    }

    .left {
      text-indent: 0em;
      margin-left: 0%;
      margin-right: 0%;
      /* width: 23%; */
    }

    .right {
      text-align: right;
      margin-left: 0%;
      margin-right: 0%;
    }

    .right1 {
      text-align: right;
      margin-left: 0%;
      margin-right: 0%;
    }

    .quote {
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: 1em;
      margin-right: 1em;
      text-align: justify;
      font-family: "cnepub", serif;
    }

    h1 {
      font-family: "FZLTZHJW";
      text-align: center;
      font-size: 2em;
      margin-bottom: 0.5cm;
      margin-top: 0.5cm;
    }

    h2 {
      font-family: "FZLTZHJW";
      font-weight: bold;
      font-size: 1.2em;
      margin-top: 0.2em;
      // margin-bottom: 0.2em;
      text-indent: 0em;
    }

    #b001,
    #b002,
    #b003,
    #b004,
    #b005,
    #b006,
    #b007,
    #b008,
    #b009 {
      margin-bottom: 100px;
    }

    h3 {
      font-family: "FZLTZHJW";
      font-weight: bold;
      font-size: 1.15em;
      margin-top: 2em;
      margin-bottom: 2em;
      text-indent: 0em;
    }

    h4 {
      font-family: "FZLTZHJW";
      font-weight: bold;
      color: #f49a4c;
      font-size: 1.1em;
      margin-top: 0.2em;
      margin-bottom: 40px;
      text-indent: 0em;
    }

    h6 {
      font-family: "cnepub", serif;
      font-family: "FZHTJW";
      color: #36c3f4;
      font-size: 1.1em;
      margin-top: 10px;
      text-indent: 2em;
      margin-bottom: 10px;
    }

    .u {
      text-decoration: underline;
    }

    .img-0 {
      width: 100%;
    }

    .imz {
      width: 100%;
      text-align: center;
    }

    .img-a {
      width: 95%;
    }

    .img-b {
      width: 70%;
    }

    .img-c {
      width: 60%;
    }

    .img-d {
      width: 50%;
    }

    .img-e {
      width: 45%;
    }

    .img-f {
      width: 40%;
    }

    .img-g {
      width: 30%;
    }

    .img-h {
      width: 20%;
    }

    .img-i {
      width: 10%;
    }

    .img-j {
      width: 5%;
    }

    .inline {
      height: 1em;
      margin-bottom: -0.3em;
    }

    .inline1 {
      height: 1.5em;
      margin-top: -1em;
      margin-bottom: -0.4em;
    }

    .inline2 {
      height: 2.5em;
      margin-top: 2em;
      margin-bottom: -0.4em;
    }

    .inline3 {
      height: 4em;
      margin-top: 2em;
      margin-bottom: -0.4em;
    }

    /* ��Ȩ��Ϣҳ���� */
    /* Copyright page text */
    p.kindle-cn-copyright-text {
      line-height: 1.618em;
      text-indent: 0em;
    }

    /* Quote */
    /* ���ÿ� */
    blockquote.kindle-cn-blockquote {
      background: #f9f9f9;
      border-left: 0.5em solid #ccc;
      margin: 1.5em;
      padding: 1em;
      text-indent: 2em;
      line-height: 1.5em;
    }

    /* ���Ķ��� */
    div.block {
      border-style: dotted;
      border-width: 2px;
      border-color: #32a59e;
      padding: 0.8em;
    }

    /* ���Ͻ� */
    div.lt-border {
      border-style: solid none none solid;
      border-color: #32a59e;
      border-width: 1.8px;
      width: 4em;
      margin: 1.5em auto -0.5em 1%;
    }

    /* ���½� */
    div.lt-border2 {
      border-style: none solid solid none;
      border-color: #32a59e;
      border-width: 1.8px;
      width: 4em;
      margin: -0.5em 1% 1.5em auto;
    }

    .block1 {
      font-family: "STKaiti";
      color: #02439b;
      text-align: right;
    }

    .block2 {
      font-family: "STKaiti";
      color: #02439b;
      text-align: center;
      text-indent: 0em;
    }

    .block3 {
      font-family: "STKaiti";
      color: #02439b;
      text-align: left;
      text-indent: 0em;
    }

    .kaiti {
      font-family: "STKaiti";
    }

    .em_dot {
      -webkit-text-emphasis-style: dot;
      -moz-text-emphasis-style: dot;
      -ms-text-emphasis-style: dot;
      text-emphasis-style: dot;
      -webkit-text-emphasis-position: under left;
      -moz-text-emphasis-position: under left;
      -ms-text-emphasis-position: under left;
      text-emphasis-position: under left;
    }

    .fieldset {
      border: 1px dotted black;
      border-radius: 5px;
      font-size: 0.9em;
      /*16px;*/
      margin-top: 1em;
      margin-bottom: 1em;
      padding: 1em 0.5em 1em 1em;
      color: #666666;
      font-family: "����", "����";
    }

    span.linethrough {
      text-decoration: line-through;
    }

    .border {
      /*˹���-�߿���*/
      border-width: 1px;
      border-style: solid;
    }

    /* 新增样式 */
    .custom_title1 {
      font-family: "FZLTZHJW";
      background-color: rgb(125, 164, 64);
      width: 70vw;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      color: #ffffff;
      padding: 10px 0;
      border-radius: 20px;
      display: flex;
      align-items: center;
      font-size: 21px;
      margin-bottom: 0.5cm;
      margin-top: 0.5cm;
    }

    .title_icon {
      width: 50px;
      margin: 0 20px 0 15px;
    }

    .custom_chapter {
      font-family: "FZHTJW";
      color: rgb(108, 152, 65);
      padding: 15px 10px;
      background-color: rgb(202, 217, 180);
      position: relative;
      display: inline-block;
      padding: 10px;
      font-size: 19px;
      left: 50%;
      transform: translateX(-50%);
      margin-bottom: 0.2cm;
      margin-top: 0.2cm;
    }

    .custom_chapter::before {
      font-family: "FZHTJW";
      content: "";
      width: 12px;
      height: 60%;
      background-color: rgb(125, 164, 64);
      position: absolute;
      left: -12px;
      top: 50%;
      transform: translateY(-50%);
    }

    .custom_chapter::after {
      font-family: "FZHTJW";
      content: "";
      width: 12px;
      height: 60%;
      background-color: rgb(125, 164, 64);
      position: absolute;
      right: -12px;
      top: 50%;
      transform: translateY(-50%);
    }

    .custom_title2 {
      color: rgb(154, 106, 17);
      // background: url(image/xt.png) no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      padding: 18px;
      font-size: 21px;
      margin-bottom: 0.2cm;
      margin-top: 0.2cm;
      font-family: "FZHTJW";
    }

    .img-gn {
      height: 45px;
      margin-bottom: -0.4em;
    }

    .img-gn1 {
      height: 2.5em;
      margin-bottom: -0.4em;
    }

    .div-img-h3 {
      display: flex;
      align-items: center;
    }

    .div-img-h3 h3 {
      flex: 1;
    }

    .bold1 {
      font-weight: bold;
      font-size: 1.1em;
    }

    .bj2 {
      background-color: #857eb4;
      color: #ffffff;
      display: inline-block;
      padding: 1px;
      font-size: 1em;
      padding: 5px 15px 5px 15px;
      font-weight: bold;
      border-radius: 1em;
      margin: 0;
      margin-left: 2em;
      text-indent: 0em;
    }

    .bj3 {
      background: #d5f0fa;
      padding: 0.01em 1em 0.01em 1em;
      color: #000000;
      margin-top: -1em;
      margin-left: 0.5em;
      margin-right: 0.5em;
      text-align: center;
      text-indent: 0em;
      margin-bottom: -0.8em;
      padding: 5px 15px 5px 15px;
      font-size: 1.1em;
      font-weight: bold;
    }

    div.bj4 {
      background: #fabf2e;
      padding: 0.01em 1em 0.01em 1em;
      color: #ffffff;
      margin-top: -1em;
      font-size: 1.3em;
      font-weight: bold;
      margin-left: -0.8em;
      margin-right: -0.8em;
    }

    div.bj5 {
      background: #fffbe8;
      padding: 1em;
    }

    .lvz {
      font-family: "HiFont Hei GB";
      color: #6eb92c;
      font-weight: bold;
    }

    ul {
      list-style-type: none;
    }

    li {
      list-style-type: none;
    }

    div.bk {
      border: 3px dotted #f49a4c;
      padding: 15px;
      margin-bottom: 2em;
      margin-top: 0.5em;
      border-radius: 25px;
    }

    div.bj1 {
      padding: 0.01em 1em 0.01em 1em;
      margin-top: -3em;
      margin-left: -4em;
      margin-right: -1em;
    }

    .bk-h3 {
      border: 3px solid #f49a4c;
      padding: 0.7em;
      color: #f49a4c;
      margin-bottom: 2em;
      margin-top: 0.5em;
      border-radius: 0em 2em 2em 0em;
    }

    .bj1-h3 {
      background-color: #f49a4c;
      padding: 0.9em;
      color: #ffffff;
      margin-top: 0em;
      margin-left: -0.8em;
      margin-right: -1em;
    }

    .fontsz1 {
      width: 200px;
      font-size: 0.7em;
      display: inline-flex;
      justify-content: flex-start;
      align-items: center;

      img {
        cursor: pointer;
      }
    }

    div.bk-tx {
      border: 3px dotted #f49a4c;
      padding: 10px;
      color: #f49a4c;
      margin-bottom: 2em;
      margin-top: -8px;
      border-radius: 0em 0em 3em 0em;

      textarea {
        width: 100%;
        border: 0 !important;
        text-indent: 2em;
        // max-width: 652px;
        // min-height: 100px;
        font-size: 16px;
        border-radius: 5px;
        max-width: 620px;
        min-width: 500px;
      }
    }

    p.hr {
      padding: 0.3em;
      line-height: 1.5em;
      border-bottom: 1px solid #000;
    }

    div.bk-sys {
      background: #efefef;
      padding: 15px;
      margin-bottom: 2em;
      margin-top: 0.5em;
      border-radius: 0em 1.5em 1.5em 1.5em;
    }

    div.bj1-sys {
      padding: 0.01em 1em 0.01em 1em;
      margin-top: -3em;
      margin-left: -2.5em;
      margin-right: -1em;
    }

    div.bk-qjms {
      font-family: 'FZLTXIHJW';
      border: 3px dotted #f49a4c;
      padding: 15px;
      margin-bottom: 2em;
      margin-top: 0.5em;
      position: relative;

      .block {
        font-size: 16px;
        line-height: 25px;
        font-family: "仿宋";
        font-weight: 700;
        color: #666;
      /* 针对Firefox */
      textarea::-webkit-scrollbar {
        width: 0;
        height: 0;
      }
    }

    p.bj1-qjms {
      background-color: #f49a4c;
      color: #ffffff;
      display: inline-block;
      font-size: 1em;
      padding: 0.1em 0.7em 0.12em 0.7em;
      font-weight: bold;
      border-radius: 1.5em;
      margin-left: 0em;
      text-align: center;
      text-indent: 0em;
      position: absolute;
      top: -2em;
    }
  }
      /* 针对IE, Edge和Chrome */
      textarea {
        -ms-overflow-style: none;
        /* IE 和 Edge */
        scrollbar-width: none;
        /* Firefox */
      }

  @media screen and (max-width:800px) {
    .public-lifeCare .coverImg {
      position: absolute;
      top: 25%;
      left: 0;
    }

    .chapter {
      .coverImg {
        position: absolute;
        top: 0;
        left: 0;
      }

      .prefaceImg {
        width: 100% !important;
        width: 92% !important;
        position: absolute;
        left: 0%;
        left: 4%;
        top: 4%;
      }

      .pdf-content {
        padding: 20% 5%;
        box-sizing: border-box;
      .zt-yy-brd {
        padding: 5px 15px;
        border: 3px dotted #f49a4c;
        border-radius: 10px;
      }

      div.bk-tx {
        textarea {
          min-width: 275px;
      .chapter-006 {
        position: relative;

        .btn {
          position: absolute;
          top: 65%;
          left: 35%;
        }
      }

      p {
        margin-top: 0;
        line-height: 25px;
        font-size: 16px;
        font-family: 'FZLTXIHJW'
      }
      .border-xxfs {
        border-radius: 0 !important;
        position: relative;
        padding: 10px;
        padding-top: 20px !important;
        border: 2px dotted #00aeef !important;

      .header .pageHeader-second .second-con .second-right img {
        height: 30px;
        position: absolute;
        left: -35px;
        top: 0;
      }
        .bj3 {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          width: 105px;
          height: 30px;
          position: absolute;
          padding: 0 !important;
          padding-left: 5px !important;
          box-sizing: border-box;
          top: 0;
          background-color: #00aeef !important;
          color: #fff !important;
          border-bottom-right-radius: 25px;

      div.bj1 {
        padding: 0.01em 1em 0.01em 1em;
        margin-top: -2em;
        margin-left: -4em;
        margin-right: -1em;
      }

      .img-gn {
        height: 40px;
        margin-bottom: -0.4em;
      }

      h3 {
        font-family: "FZLTZHJW";
        font-weight: bold;
        font-size: 16px;
        margin-top: 2em;
        /* margin-bottom: 2em; */
        text-indent: 0em;
      }

      h4 {
        text-align: left;
        font-family: "FZLTZHJW";
        font-weight: bold;
        color: #f49a4c;
        font-size: 16px;
        margin-top: 0.2em;
        margin-bottom: 2em;
        text-indent: 0em;

        .fontsz1 {
          width: auto;
        }

      }

      .bj-tip {
        top: -25px;
        left: 10px;
        font-size: 16px;
        font-weight: normal;
        font-family: 'FZLTZHJW';

        div {
          width: 30px;
          height: 27px;
          .cirlce {
            width: 40px;
            height: 40px;
            border: 2px solid #00aeef;
            border-radius: 50%;
            position: absolute;
            left: -38px;
            background: url("../image/xxfs.png");
            background-position: center;
            background-size: 70% 70%;
            background-repeat: no-repeat;
            background-color: #fff;
          }
        }
      }

      p.bj1-qjms {
        top: -1em;
      }

      .table111,
      .table112 {
      input {
        width: 100%;
        border-collapse: collapse;

        tr th {
          width: auto !important;
        }
        border: 0 !important;
        border-color: #fff !important;
        outline: none;
        font-size: 16px;
        text-align: center;
        white-space: pre-line;
      }

      .drawflow {
        .main-path {
          stroke: #f49a4c;
        }

        .drawflow-delete {
          width: 25px;
          height: 25px;
          line-height: 21px;
          background-color: #f49a4c;
          font-size: 20px;
        }

        .drawflow-node {
          background-color: #fff;
          border: 0px solid #f49a4c;
          box-shadow: 1px 1px 5px 0 #f49a4c;

          .contentWall {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            .contentTitle {
              margin-bottom: 5px;
            }

            .contentText {
              textarea {
                width: auto;
                min-height: 50px;
                margin: 0;
                outline: none;
                border-color: #f49a4c;
                border-radius: 5px;
              }

              textarea:focus {
                border: 1px solid #fabf2e !important;
              }
            }
          }

          .input,
          .output {
            border-color: #f49a4c;
            border-width: 1px;
          }
        }

        .content {
          .btn-export {
            float: right;
            position: absolute;
            top: 4px;
            right: 10px;
            color: #333;
            font-weight: bold;
            // 0e5ba3
            border: 1px solid #ccc;
            // 4ea9ff
            background: #fff;
            padding: 5px 10px;
            border-radius: 4px;
            cursor: pointer;
            z-index: 5;
          }

          .btn-clear {
            float: right;
            position: absolute;
            top: 4px;
            right: 85px;
            color: white;
            font-weight: bold;
            // 96015b
            border: 1px solid #f49a4c;
            // e3195a
            background: #f49a4c;
            padding: 5px 10px;
            border-radius: 4px;
            cursor: pointer;
            z-index: 5;
          }

          .btn-export:hover {
            color: #f49a4c;
            border: 1px solid #f49a4c;
          }

          .btn-clear:hover {
            background-color: #fff;
            color: #f49a4c;
            border: 1px solid #f49a4c;
          }
        }
      }

      .drawContent_wall {
        margin-bottom: 2em;
        width: 100%;
        height: 765px;

        .drawflow {
          display: flex;
          flex-direction: column;

          .content {
            border-top-width: 1px;
            border-top-style: solid;
          }
        }
      }

      
      .chapter {
        font-family: "宋体";

        .topImg {
          padding-top: 0 !important;
          margin-bottom: 2em;
        }

        p input {
          width: 20px;
        }

        .header {
          width: 100%;
          height: 100px;

          .pageHeader-first {
            width: 100%;
            height: 100%;
            padding-top: 6%;

            .header-bj {
              width: 78%;
              height: 100%;
              border-left: 2px solid #dfb27d;
              border-bottom: 2px solid #dfb27d;
              margin-left: 18%;
            }

            .content {
              background-color: #f49a4c;
              width: 91%;
              height: 32%;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              margin-top: -6%;
              margin-left: 3%;

              .pageStr {
                color: #fff;
                font-size: 24px;
                text-align: center;
                margin: 0 20px;
              }

              .title {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                color: #fff;
                font-size: 20px;
                position: relative;

                img {
                  height: 30px !important;
                  margin-right: 20px;
                }

                .ztImg {
                  height: 40px !important;
                  margin-top: -4px;
                }
              }
            }

            .zt1-content {
              background-color: #f7b80a;
            }

            .zt1-header-bj {
              border-left-color: #a5c24f;
              border-bottom-color: #a5c24f;
            }

            @media (max-width: 756px) {
              .content {
                margin-top: -12%;

                .title {
                  font-size: 16px;
                }

                .pageStr {
                  font-size: 16px;
                }
              }
            }
          }

          .pageHeader-second {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding-top: 3%;

            .second-con {
              width: 90%;
              height: 35px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              font-size: 20px;
              position: absolute;
              right: 36px;
              top: 80px;

              .second-left {
                width: 23px;
                height: 100%;
                background-color: #f49a4c;
              }

              .second-right {
                height: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: relative;

                img {
                  height: 50px;
                  position: absolute;
                  left: -50px;
                  top: -20px;
                }

                .pageStr {
                  margin-right: 10px;
                }

                .pageNum {
                  display: block;
                  background-color: #f49a4c;
                  padding: 2px 20px;
                  box-sizing: border-box;
                  font-size: 28px;
                  color: #fff;
                }

                .zt1-pageNum {
                  background-color: #a5c24f;
                }

                .zt1-pageStr {
                  color: #a5c24f;
                }
              }
            }

            @media (max-width: 756px) {
              .second-con {
                font-size: 16px;

                .pageNum {
                  font-size: 16px !important;
                }
              }
            }

            @media (max-width: 1024px) {
              .second-con {
                right: 20px;
                top: 75px;
              }
            }

            .borderLine {
              width: 93%;
              height: 2px;
              background-color: #f49a4c;
              margin-top: 105px;
            }

            .zt1-boderLine {
              background-color: #a5c24f;
            }
          }
        }

        .textareaInput {
          width: 100%;
          padding: 8px;
          box-sizing: border-box;
          border: 1px solid #999;
          font-size: 15px;
          color: #000;
          background-color: #f9f9f9;
        }

        .imgBox-003 {
          width: 100%;
          height: 220px;
        }

        .chapter01Table {
          width: 100%;

          .textareaInput:focus {
            border: 1px solid #999 !important;
          }
        }

        .table111,
        .table112 {
          width: 100%;
          border-collapse: collapse;

          tr th {
            background-color: #f49a4c;
            text-align: center;
            border: 1px solid #999;
            margin: 0;
            padding: 8px 9px;
            font-size: 16px;
          }

          tr td {
            border: 1px solid #999;
            text-align: left;
            padding: 8px;
            overflow: hidden;
            white-space: pre-line;
            font-family: "FZLTXIHJW";
            font-weight: normal;
            font-size: 14px;
            line-height: 23px;

            div {
              width: 100%;
              min-height: 23px;
            }

            div:focus {
              outline: none;
            }

            textarea {
              width: 100%;
              min-height: 20px;
              min-width: 80px;
              border: 0;
              font-size: 14px;
              text-indent: 0em;
              min-width: 200px;
              max-width: 330px;
            }
          }
        }

        .table112 {
          font-size: 16px;

          tr th {
            width: 50px;
            font-weight: normal;
          }
        }

        .table122 {
          font-size: 16px;

          tr th {
            font-weight: normal;
          }
        }

        .table162 {
          tr th {
            padding: 8px 0;
          }

          tr td {
            border: 1px solid #999;
            text-align: center;
            padding: 15px 0;
            overflow: hidden;
          }
        }

        .bk-swdt {
          display: flex;
          justify-content: flex-start;
          align-items: center;

          img {
            width: 30px;
            cursor: pointer;
          }
        }

        .bk-iframe {
          width: 1200px;
          height: 630px;
          position: fixed;
          left: -25%;
          border: 1px solid #f49a4c;
          z-index: 111;
          background-color: #fff;

          .header-swdt {
            height: 30px;
            color: #000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #f49a4c;

            p {
              margin: 0;
              padding: 0;
              padding-left: 10px;
              text-indent: 0;
            }

            i {
              margin-right: 10px;
              cursor: pointer;
            }
          }
        }

        .btnUpload-list {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 35px;
          height: 30px;
          border-radius: 5px;
          background-color: #f49a4c;
          border: 1px solid #f49a4c;
          cursor: pointer;

          svg {
            fill: #fff;
          }
        }

        .btnUpload-list:hover {
          background-color: #fff;

          svg {
            fill: #f49a4c;
          }
        }

        .pic-wall {
          display: flex;
          justify-content: flex-start;
          align-items: center;
        }

        .bk-inputUpload {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          min-height: 100px;

          input {
            width: 250px;
            margin-left: 15px;
            display: none;
          }

          .btnUpload {
            width: 30px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 50px;
            cursor: pointer;
            margin-left: 10px;
          }

          .upload_text {
            color: #000;
            font-size: 14px;
            font-weight: 700;
            font-family: "黑体";
          }
        }

        .upload-list {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
        }

        .demo-image__preview-swdt {
          width: 100%;
          height: 100%;
        }

        .demo-image__preview {
          width: 200px;
          height: 100px;
          border: 1px solid #f49a4c;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 6px;
          margin-bottom: 6px;
          overflow: hidden;
        }

        .bj-tip {
          min-width: 269px;
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding: 4px 14px;
          box-sizing: border-box;
          border: 3px solid #f49a4c;
          border-radius: 30px;
          position: absolute;
          top: -25px;
          left: 15px;
          background-color: #fff;
          color: #f49a4c;
          font-weight: bold;
          font-size: 18px;

          div {
            width: 35px;
            height: 30px;
            border-radius: 5px;
            background-color: #f49a4c;
            border: 1px solid #f49a4c;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 5px;
            cursor: pointer;

            svg {
              fill: #fff;
            }
          }

          div:hover {
            background-color: #fff;
            border: 1px solid #f49a4c;

            svg {
              fill: #f49a4c;
            }
          }
        }

        .tips-bk {
          margin-top: 56px;
          border-radius: 20px;
          position: relative;
        }

        .tips-file {
          border: 3px dotted #f49a4c;
          padding: 12px 10px;
          box-sizing: border-box;
          padding-top: 30px;
          font-family: "仿宋";
          font-weight: 700;

          p {
            margin-top: 0px;
          }

          .p-text {
            padding: 5px 10px;

            p {
              line-height: 22px;
              font-weight: 700;
              color: #666;
            }

            div {
              line-height: 22px;
              font-size: 20px;
              text-align: center;
              padding-top: 10px;
            }
          }
        }

        .page-box {
          box-sizing: border-box;
          min-height: 1150px !important;
          margin-bottom: 20px;
          box-shadow: 0 3px 6px 1px #00000029;
          background-color: #fff;
          position: relative;

          .w100 {
            width: 100% !important;
          }
        }

        .imgCarousel {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
          height: 287px;
          max-height: 350px;

          img {
            width: auto;
            height: calc(100% - 50px);
          }

          span {
            font-size: 18px;
          }
        }

        .pdf-content {
          padding: 5% 5%;
          box-sizing: border-box;
        }

        .sj1 {
          text-indent: 3em;
        }

        .hs1 {
          color: #ffbcdd;
          text-indent: 0em;
          margin-bottom: 0.5em;
        }

        .custom_h1 {
          color: #2cb4e4;
          font-size: 30px;
        }

        .custom_tag3 {
          background-color: #2cb4e4;
          color: #ffffff;
          display: inline-block;
          padding: 1px;
          font-size: 1em;
          padding: 3px 10px 3px 10px;
          font-weight: bold;
          border-radius: 0em;
          box-shadow: 0px 0px 0px 0px #fedf24, -15px 0px 0px 0px #fedf24;
          margin: 0;
          text-indent: 0em;
          margin-bottom: 0.5em;
        }

        @font-face {
          font-family: "FZLTZHJW";
          src: url("../Fonts/FZLTZHJW.ttf");
        }

        @font-face {
          font-family: "FZLTXIHJW";
          src: url("../Fonts/FZLTXIHJW.ttf");
        }

        @font-face {
          font-family: "FZHTJW";
          src: url("../Fonts/FZHTJW.ttf");
        }

        .custom_tag2 {
          background-color: #f1be49;
          color: #ffffff;
          display: inline-block;
          padding: 0.5px;
          border-radius: 1.5em;
          font-size: 1.1em;
          padding: 2px 10px 2px 10px;
          font-weight: bold;
          margin: 0;
          text-indent: 0em;
          margin-bottom: 0.5em;
        }

        .custom_tag1 {
          background-color: #35acd6;
          color: #ffffff;
          display: inline-block;
          padding: 1px;
          font-size: 1.1em;
          padding: 3px 10px 3px 10px;
          font-weight: bold;
          box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e;
          margin: 0;
          text-indent: 0em;
          margin-bottom: 0.5em;
        }

        .custom_tag {
          background-color: #35509f;
          color: #ffffff;
          display: inline-block;
          padding: 1px;
          border-radius: 1.5em;
          font-size: 1.1em;
          padding: 10px 20px 10px 20px;
          font-weight: bold;
          box-shadow: 30px 0px 0px 0px #f5d83e;
          margin: 0;
          text-indent: 0em;
          margin-bottom: 0.5em;
        }

        .ls1 {
          font-family: "HiFont Hei GB";
          color: #30aad1;
          font-weight: bold;
        }

        .hs {
          font-family: "HiFont Hei GB";
          color: #ea6b00;
          font-weight: bold;
        }

        .zs1 {
          font-family: "HiFont Hei GB";
          color: #857eb4;
          font-weight: bold;
        }

        span.under1 {
          border-bottom: 2px solid #f0bd4a;
          border-width: 2px;
        }

        div.bodycontent-div-center {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          margin: 1em 1em 1em 1em;
          font-weight: normal;
          border-width: 1.5px;
          border-color: #dfb27d;
          padding: 1em;
        }

        img.bodycontent-divcenter-image {
          float: center;
          clear: both;
          height: 140px;
          margin: 15px;
        }

        div.bodycontent-div-left1 {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          margin: 1em 1em 1em 1em;
          font-weight: normal;
          border-width: 1.5px;
          border-color: #dfb27d;
          padding: 1em;
          background-color: #f0f8ff;
        }

        div.bodycontent-div-left {
          font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
          margin: 1em 1em 1em 1em;
          font-weight: normal;
          border-width: 1.5px;
          border-color: #dfb27d;
          padding: 1em;
        }

        img.bodycontent-divright-image {
          float: right;
          clear: both;
          height: 140px;
          margin: 15px;
        }

        img.bodycontent-divleft-image {
          float: left;
          clear: both;
          height: 110px;
          margin: 15px;
        }

        .img-gn-zt {
          width: 180px;
        }

        div.bodystyle {
          font-size: 18px;
          text-align: justify;
          padding: 10% 10%;
          box-sizing: border-box;
          font-family: "宋体";
        }

        div.bj {
          background: #fffbe8;
          padding: 1em;
          border-radius: 0.6em;
        }

        span.zt-0 {
          color: #0087af;
        }

        p.pzt-0 {
          color: #0087af;
          font-size: 18px;
        }

        p.pzt-0-right {
          font-size: 18px;
          color: #0087af;
          text-align: right;
        }

        p.pzt-1 {
          font-weight: bold;
          color: #0087af;
          font-size: 18px;
        }

        div.sgc-toc-title {
          font-size: 2em;
          font-weight: bold;
          margin-bottom: 1em;
          text-align: center;
        }

        div.sgc-toc-level-1 {
          margin-left: 0em;
        }

        div.sgc-toc-level-2 {
          margin-left: 2em;
        }

        div.sgc-toc-level-3 {
          margin-left: 2em;
        }

        div.sgc-toc-level-4 {
          margin-left: 2em;
        }

        div.sgc-toc-level-5 {
          margin-left: 2em;
        }

        div.sgc-toc-level-6 {
          margin-left: 2em;
        }

        .note {
          font-size: 0.85em;
        }

        .img {
          font-family: "FZLTXIHJW";
          text-align: center;
          font-size: 0.85em;
          margin-left: 0%;
          margin-right: 0%;
          text-indent: 0em;
        }

        .img1 {
          font-family: "FZLTXIHJW";
          text-align: right;
          font-size: 0.85em;
          margin-left: 0%;
          margin-right: 2em;
          text-indent: 0em;
        }

        .h5-zt {
          font-size: 18px;
        }

        .tip-specail {
          border: 1px solid #f49a4c !important;
          padding: 10px 15px;
        }

        p {
          margin-top: 1em;
          text-indent: 2em;
          line-height: 30px;
          font-size: 18px;
          text-align: justify;
          // src: url('../Fonts/msyh.ttc');
        }

        .cover {
          width: 100%;
          padding: 0px;
        }

        .center {
          text-align: center;
          margin-left: 0%;
          margin-right: 0%;
          text-indent: 0em;
          color: #666;
        }

        .center1 {
          text-align: center;
          margin-left: 0%;
          margin-right: 0%;
          text-indent: 0em;
        }

        .left {
          text-indent: 0em;
          margin-left: 0%;
          margin-right: 0%;
          /* width: 23%; */
        }

        .right {
          text-align: right;
          margin-left: 0%;
          margin-right: 0%;
        }

        .right1 {
          text-align: right;
          margin-left: 0%;
          margin-right: 0%;
        }

        .quote {
          margin-top: 0%;
          margin-bottom: 0%;
          margin-left: 1em;
          margin-right: 1em;
          text-align: justify;
          font-family: "cnepub", serif;
        }

        h1 {
          font-family: "FZLTZHJW";
          text-align: center;
          font-size: 2em;
          margin-bottom: 0.5cm;
          margin-top: 0.5cm;
        }

        h2 {
          font-family: "FZLTZHJW";
          font-weight: bold;
          font-size: 1.2em;
          margin-top: 0.2em;
          // margin-bottom: 0.2em;
          text-indent: 0em;
        }

        #b001,
        #b002,
        #b003,
        #b004,
        #b005,
        #b006,
        #b007,
        #b008,
        #b009 {
          margin-bottom: 100px;
        }

        h3 {
          font-family: "FZLTZHJW";
          font-weight: bold;
          font-size: 1.15em;
          margin-top: 2em;
          margin-bottom: 2em;
          text-indent: 0em;
        }

        h4 {
          font-family: "FZLTZHJW";
          font-weight: bold;
          color: #f49a4c;
          font-size: 1.1em;
          margin-top: 0.2em;
          margin-bottom: 40px;
          text-indent: 0em;
        }

        h6 {
          font-family: "cnepub", serif;
          font-family: "FZHTJW";
          color: #36c3f4;
          font-size: 1.1em;
          margin-top: 10px;
          text-indent: 2em;
          margin-bottom: 10px;
        }

        .u {
          text-decoration: underline;
        }

        .img-0 {
          width: 100%;
        }

        .imz {
          width: 100%;
          text-align: center;
        }

        .img-a {
          width: 95%;
        }

        .img-b {
          width: 70%;
        }

        .img-c {
          width: 60%;
        }

        .img-d {
          width: 50%;
        }

        .img-e {
          width: 45%;
        }

        .img-f {
          width: 40%;
        }

        .img-g {
          width: 30%;
        }

        .img-h {
          width: 20%;
        }

        .img-i {
          width: 10%;
        }

        .img-j {
          width: 5%;
        }

        .inline {
          height: 1em;
          margin-bottom: -0.3em;
        }

        .inline1 {
          height: 1.5em;
          margin-top: -1em;
          margin-bottom: -0.4em;
        }

        .inline2 {
          height: 2.5em;
          margin-top: 2em;
          margin-bottom: -0.4em;
        }

        .inline3 {
          height: 4em;
          margin-top: 2em;
          margin-bottom: -0.4em;
        }

        /* ��Ȩ��Ϣҳ���� */
        /* Copyright page text */
        p.kindle-cn-copyright-text {
          line-height: 1.618em;
          text-indent: 0em;
        }

        /* Quote */
        /* ���ÿ� */
        blockquote.kindle-cn-blockquote {
          background: #f9f9f9;
          border-left: 0.5em solid #ccc;
          margin: 1.5em;
          padding: 1em;
          text-indent: 2em;
          line-height: 1.5em;
        }

        /* ���Ķ��� */
        div.block {
          border-style: dotted;
          border-width: 2px;
          border-color: #32a59e;
          padding: 0.8em;
        }

        /* ���Ͻ� */
        div.lt-border {
          border-style: solid none none solid;
          border-color: #32a59e;
          border-width: 1.8px;
          width: 4em;
          margin: 1.5em auto -0.5em 1%;
        }

        /* ���½� */
        div.lt-border2 {
          border-style: none solid solid none;
          border-color: #32a59e;
          border-width: 1.8px;
          width: 4em;
          margin: -0.5em 1% 1.5em auto;
        }

        .block1 {
          font-family: "STKaiti";
          color: #02439b;
          text-align: right;
        }

        .block2 {
          font-family: "STKaiti";
          color: #02439b;
          text-align: center;
          text-indent: 0em;
        }

        .block3 {
          font-family: "STKaiti";
          color: #02439b;
          text-align: left;
          text-indent: 0em;
        }

        .kaiti {
          font-family: "STKaiti";
        }

        .em_dot {
          -webkit-text-emphasis-style: dot;
          -moz-text-emphasis-style: dot;
          -ms-text-emphasis-style: dot;
          text-emphasis-style: dot;
          -webkit-text-emphasis-position: under left;
          -moz-text-emphasis-position: under left;
          -ms-text-emphasis-position: under left;
          text-emphasis-position: under left;
        }

        .fieldset {
          border: 1px dotted black;
          border-radius: 5px;
          font-size: 0.9em;
          /*16px;*/
          margin-top: 1em;
          margin-bottom: 1em;
          padding: 1em 0.5em 1em 1em;
          color: #666666;
          font-family: "����", "����";
        }

        span.linethrough {
          text-decoration: line-through;
        }

        .border {
          /*˹���-�߿���*/
          border-width: 1px;
          border-style: solid;
        }

        /* 新增样式 */
        .custom_title1 {
          font-family: "FZLTZHJW";
          background-color: rgb(125, 164, 64);
          width: 70vw;
          position: relative;
          left: 50%;
          transform: translateX(-50%);
          color: #ffffff;
          padding: 10px 0;
          border-radius: 20px;
          display: flex;
          align-items: center;
          font-size: 21px;
          margin-bottom: 0.5cm;
          margin-top: 0.5cm;
        }

        .title_icon {
          width: 50px;
          margin: 0 20px 0 15px;
        }

        .custom_chapter {
          font-family: "FZHTJW";
          color: rgb(108, 152, 65);
          padding: 15px 10px;
          background-color: rgb(202, 217, 180);
          position: relative;
          display: inline-block;
          padding: 10px;
          font-size: 19px;
          left: 50%;
          transform: translateX(-50%);
          margin-bottom: 0.2cm;
          margin-top: 0.2cm;
        }

        .custom_chapter::before {
          font-family: "FZHTJW";
          content: "";
          width: 12px;
          height: 60%;
          background-color: rgb(125, 164, 64);
          position: absolute;
          left: -12px;
          top: 50%;
          transform: translateY(-50%);
        }

        .custom_chapter::after {
          font-family: "FZHTJW";
          content: "";
          width: 12px;
          height: 60%;
          background-color: rgb(125, 164, 64);
          position: absolute;
          right: -12px;
          top: 50%;
          transform: translateY(-50%);
        }

        .custom_title2 {
          color: rgb(154, 106, 17);
          // background: url(image/xt.png) no-repeat;
          background-size: 100% 100%;
          display: inline-block;
          padding: 18px;
          font-size: 21px;
          margin-bottom: 0.2cm;
          margin-top: 0.2cm;
          font-family: "FZHTJW";
        }

        .img-gn {
          height: 45px;
          margin-bottom: -0.4em;
        }

        .img-gn1 {
          height: 2.5em;
          margin-bottom: -0.4em;
        }

        .div-img-h3 {
          display: flex;
          align-items: center;
        }

        .div-img-h3 h3 {
          flex: 1;
        }

        .bold1 {
          font-weight: bold;
          font-size: 1.1em;
        }

        .bj2 {
          background-color: #857eb4;
          color: #ffffff;
          display: inline-block;
          padding: 1px;
          font-size: 1em;
          padding: 5px 15px 5px 15px;
          font-weight: bold;
          border-radius: 1em;
          margin: 0;
          margin-left: 2em;
          text-indent: 0em;
        }

        .bj3 {
          background: #d5f0fa;
          padding: 0.01em 1em 0.01em 1em;
          color: #000000;
          margin-top: -1em;
          margin-left: 0.5em;
          margin-right: 0.5em;
          text-align: center;
          text-indent: 0em;
          margin-bottom: -0.8em;
          padding: 5px 15px 5px 15px;
          font-size: 1.1em;
          font-weight: bold;
        }

        div.bj4 {
          background: #fabf2e;
          padding: 0.01em 1em 0.01em 1em;
          color: #ffffff;
          margin-top: -1em;
          font-size: 1.3em;
          font-weight: bold;
          margin-left: -0.8em;
          margin-right: -0.8em;
        }

        div.bj5 {
          background: #fffbe8;
          padding: 1em;
        }

        .lvz {
          font-family: "HiFont Hei GB";
          color: #6eb92c;
          font-weight: bold;
        }

        ul {
          list-style-type: none;
        }

        li {
          list-style-type: none;
        }

        div.bk {
          border: 3px dotted #f49a4c;
          padding: 15px;
          margin-bottom: 2em;
          margin-top: 0.5em;
          border-radius: 25px;
        }

        div.bj1 {
          padding: 0.01em 1em 0.01em 1em;
          margin-top: -3em;
          margin-left: -4em;
          margin-right: -1em;
        }

        .bk-h3 {
          border: 3px solid #f49a4c;
          padding: 0.7em;
          color: #f49a4c;
          margin-bottom: 2em;
          margin-top: 0.5em;
          border-radius: 0em 2em 2em 0em;
        }

        .bj1-h3 {
          background-color: #f49a4c;
          padding: 0.9em;
          color: #ffffff;
          margin-top: 0em;
          margin-left: -0.8em;
          margin-right: -1em;
        }

        .fontsz1 {
          width: 200px;
          font-size: 0.7em;
          display: inline-flex;
          justify-content: flex-start;
          align-items: center;

          img {
            cursor: pointer;
          }
        }

        div.bk-tx {
          border: 3px dotted #f49a4c;
          padding: 10px;
          color: #f49a4c;
          margin-bottom: 2em;
          margin-top: -8px;
          border-radius: 0em 0em 3em 0em;

          textarea {
            width: 100%;
            border: 0 !important;
            font-size: 16px;
            border-radius: 5px;
            max-width: 620px;
            min-width: 500px;
          }
        }

        p.hr {
          padding: 0.3em;
          line-height: 1.5em;
          border-bottom: 1px solid #000;
        }

        div.bk-sys {
          background: #efefef;
          padding: 15px;
          margin-bottom: 2em;
          margin-top: 0.5em;
          border-radius: 0em 1.5em 1.5em 1.5em;
        }

        div.bj1-sys {
          padding: 0.01em 1em 0.01em 1em;
          margin-top: -3em;
          margin-left: -2.5em;
          margin-right: -1em;
        }

        div.bk-qjms {
          font-family: "FZLTXIHJW";
          border: 3px dotted #f49a4c;
          padding: 15px;
          margin-bottom: 2em;
          margin-top: 0.5em;
          position: relative;

          .block {
            font-size: 16px;
            line-height: 25px;
            font-family: "仿宋";
            font-weight: 700;
            color: #666;
          }
        }

        p.bj1-qjms {
          background-color: #f49a4c;
          color: #ffffff;
          display: inline-block;
          font-size: 1em;
          padding: 0.1em 0.7em 0.12em 0.7em;
          font-weight: bold;
          border-radius: 1.5em;
          margin-left: 0em;
          text-align: center;
          text-indent: 0em;
          position: absolute;
          top: -2em;
        }
      }

      @media screen and (max-width: 800px) {
        .public-bookInnerContent .coverImg {
          position: absolute;
          top: 25%;
          left: 0;
        }

        .chapter {
          .prefaceImg {
            width: 100% !important;
            position: absolute;
            left: 0%;
            top: 4%;
          }

          .pdf-content {
            padding: 20% 5%;
            box-sizing: border-box;
          }

          div.bk-tx {
            textarea {
              min-width: 275px;
            }
          }

          p {
            margin-top: 0;
            line-height: 25px;
            font-size: 16px;
            font-family: "FZLTXIHJW";
          }

          .header .pageHeader-second .second-con .second-right img {
            height: 30px;
            position: absolute;
            left: -35px;
            top: 0;
          }

          div.bj1 {
            padding: 0.01em 1em 0.01em 1em;
            margin-top: -2em;
            margin-left: -4em;
            margin-right: -1em;
          }

          .img-gn {
            height: 40px;
            margin-bottom: -0.4em;
          }

          h3 {
            font-family: "FZLTZHJW";
            font-weight: bold;
            font-size: 16px;
            margin-top: 2em;
            /* margin-bottom: 2em; */
            text-indent: 0em;
          }

          h4 {
            text-align: left;
            font-family: "FZLTZHJW";
            font-weight: bold;
            color: #f49a4c;
            font-size: 16px;
            margin-top: 0.2em;
            margin-bottom: 2em;
            text-indent: 0em;

            .fontsz1 {
              width: auto;
            }
          }

          .bj-tip {
            top: -25px;
            left: 10px;
            font-size: 16px;
            font-weight: normal;
            font-family: "FZLTZHJW";

            div {
              width: 30px;
              height: 27px;
            }
          }

          p.bj1-qjms {
            top: -1em;
          }

          .table111,
          .table112 {
            width: 100%;
            border-collapse: collapse;

            tr th {
              width: auto !important;
            }
          }

          .drawContent_wall {
            margin-bottom: 2em;
          }
        }
      }
    }
  }


}



body {
  background-color: #e6e6e6;
}

 src/books/lifeCare/view/components/chapter001.vue

File was renamed from src/books/lifeCare/view/chapter001.vue
@@ -4,12 +4,12 @@
      <div v-if="showPageList.indexOf(10) > -1">
        <div class="bodystyle topImg">
          <h2 id="b001">
            <img class="img-0" alt="" src="../image/dy1.jpg" />
            <img class="img-0" alt="" src="../../image/dy1.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当实现如下学习目标。</p>
@@ -35,7 +35,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -63,7 +63,7 @@
            <div class="content">
              <div class="pageStr">1-2</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -73,7 +73,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <!-- <p class="center">
@@ -84,13 +84,13 @@
              />
            </p> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0018-1.jpg" />
              <img class="img-a" alt="" src="../../image/0018-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
              </p>
            </div>
            <p class="center"><b>托育园的一天</b></p>
@@ -180,7 +180,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">单元一·初始婴幼儿生活保育</span>
                <span class="pageNum">1-3</span>
              </div>
@@ -218,90 +218,110 @@
            <table class="table111">
              <thead>
                <tr>
                  <th>时间</th>
                  <th>保育机构的名称</th>
                  <th>特点</th>
                  <th style="width: 120px">时间</th>
                  <th style="width: 200px">保育机构的名称</th>
                  <th style="width: 200px">特点</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1949年</td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText1"
                      @blur="onBlurChangeTable('tbText1')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText1')"
                    >
                      {{ chapter001.table111.tbText1 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText2"
                      @blur="onBlurChangeTable('tbText2')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText2')"
                    >
                      {{ chapter001.table111.tbText2 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>1949-1980年</td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText3"
                      @blur="onBlurChangeTable('tbText3')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText3')"
                    >
                      {{ chapter001.table111.tbText3 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText4"
                      @blur="onBlurChangeTable('tbText4')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText4')"
                    >
                      {{ chapter001.table111.tbText4 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>1980-1990年</td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText5"
                      @blur="onBlurChangeTable('tbText5')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText5')"
                    >
                      {{ chapter001.table111.tbText5 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText6"
                      @blur="onBlurChangeTable('tbText6')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText6')"
                    >
                      {{ chapter001.table111.tbText6 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>1990-2000年</td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText7"
                      @blur="onBlurChangeTable('tbText7')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText7')"
                    >
                      {{ chapter001.table111.tbText7 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText8"
                      @blur="onBlurChangeTable('tbText8')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText8')"
                    >
                      {{ chapter001.table111.tbText8 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>2000年至今</td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText9"
                      @blur="onBlurChangeTable('tbText9')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText9')"
                    >
                      {{ chapter001.table111.tbText9 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table111.tbText10"
                      @blur="onBlurChangeTable('tbText10')"
                    />
                    <div
                      contenteditable
                      @blur="onBlurChangeTable($event, 'tbText10')"
                    >
                      {{ chapter001.table111.tbText10 }}
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
            <!-- <p class="center"><img class="img-a" alt="" src="../image/0019-2.jpg"></p> -->
            <!-- <p class="center"><img class="img-a" alt="" src="../../image/0019-2.jpg"></p> -->
          </div>
          <h4 id="d003">
            ▶▶ 活动3：说明婴幼儿生活保育工作的目标及意义<span class="fontsz1"
@@ -331,7 +351,7 @@
            <div class="content">
              <div class="pageStr">1-4</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -388,7 +408,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">单元一·初始婴幼儿生活保育</span>
                <span class="pageNum">1-5</span>
              </div>
@@ -456,7 +476,7 @@
            <div class="content">
              <div class="pageStr">1-6</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -526,7 +546,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">单元一·初始婴幼儿生活保育</span>
                <span class="pageNum">1-7</span>
              </div>
@@ -598,7 +618,7 @@
            <div class="content">
              <div class="pageStr">1-8</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -637,534 +657,450 @@
              <tbody>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell1"
                      @blur="onBlurChangeTable112('cell1')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell1')">
                      {{ chapter001.table112.cell1 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell2"
                      @blur="onBlurChangeTable112('cell2')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell2')">
                      {{ chapter001.table112.cell2 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell3"
                      @blur="onBlurChangeTable112('cell3')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell3')">
                      {{ chapter001.table112.cell3 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell4"
                      @blur="onBlurChangeTable112('cell4')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell4')">
                      {{ chapter001.table112.cell4 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell5"
                      @blur="onBlurChangeTable112('cell5')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell5')">
                      {{ chapter001.table112.cell5 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell6"
                      @blur="onBlurChangeTable112('cell6')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell6')">
                      {{ chapter001.table112.cell6 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell7"
                      @blur="onBlurChangeTable112('cell7')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell7')">
                      {{ chapter001.table112.cell7 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell8"
                      @blur="onBlurChangeTable112('cell8')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell8')">
                      {{ chapter001.table112.cell8 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell9"
                      @blur="onBlurChangeTable112('cell9')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell9')">
                      {{ chapter001.table112.cell9 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell10"
                      @blur="onBlurChangeTable112('cell10')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell10')">
                      {{ chapter001.table112.cell10 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell11"
                      @blur="onBlurChangeTable112('cell11')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell11')">
                      {{ chapter001.table112.cell11 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell12"
                      @blur="onBlurChangeTable112('cell12')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell12')">
                      {{ chapter001.table112.cell12 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell13"
                      @blur="onBlurChangeTable112('cell13')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell13')">
                      {{ chapter001.table112.cell13 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell14"
                      @blur="onBlurChangeTable112('cell14')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell14')">
                      {{ chapter001.table112.cell14 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell15"
                      @blur="onBlurChangeTable112('cell15')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell15')">
                      {{ chapter001.table112.cell15 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell16"
                      @blur="onBlurChangeTable112('cell16')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell16')">
                      {{ chapter001.table112.cell16 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell17"
                      @blur="onBlurChangeTable112('cell17')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell17')">
                      {{ chapter001.table112.cell17 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell18"
                      @blur="onBlurChangeTable112('cell18')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell18')">
                      {{ chapter001.table112.cell18 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell19"
                      @blur="onBlurChangeTable112('cell19')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell19')">
                      {{ chapter001.table112.cell19 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell20"
                      @blur="onBlurChangeTable112('cell20')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell20')">
                      {{ chapter001.table112.cell20 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell21"
                      @blur="onBlurChangeTable112('cell21')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell21')">
                      {{ chapter001.table112.cell21 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell22"
                      @blur="onBlurChangeTable112('cell22')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell22')">
                      {{ chapter001.table112.cell22 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell23"
                      @blur="onBlurChangeTable112('cell23')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell23')">
                      {{ chapter001.table112.cell23 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell24"
                      @blur="onBlurChangeTable112('cell24')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell24')">
                      {{ chapter001.table112.cell24 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell25"
                      @blur="onBlurChangeTable112('cell25')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell25')">
                      {{ chapter001.table112.cell25 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell26"
                      @blur="onBlurChangeTable112('cell26')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell26')">
                      {{ chapter001.table112.cell26 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell27"
                      @blur="onBlurChangeTable112('cell27')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell27')">
                      {{ chapter001.table112.cell27 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell28"
                      @blur="onBlurChangeTable112('cell28')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell28')">
                      {{ chapter001.table112.cell28 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell29"
                      @blur="onBlurChangeTable112('cell29')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell29')">
                      {{ chapter001.table112.cell29 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell30"
                      @blur="onBlurChangeTable112('cell30')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell30')">
                      {{ chapter001.table112.cell30 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell31"
                      @blur="onBlurChangeTable112('cell31')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell31')">
                      {{ chapter001.table112.cell31 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell32"
                      @blur="onBlurChangeTable112('cell32')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell32')">
                      {{ chapter001.table112.cell32 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell33"
                      @blur="onBlurChangeTable112('cell33')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell33')">
                      {{ chapter001.table112.cell33 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell34"
                      @blur="onBlurChangeTable112('cell34')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell34')">
                      {{ chapter001.table112.cell34 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell35"
                      @blur="onBlurChangeTable112('cell35')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell35')">
                      {{ chapter001.table112.cell35 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell36"
                      @blur="onBlurChangeTable112('cell36')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell36')">
                      {{ chapter001.table112.cell36 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell37"
                      @blur="onBlurChangeTable112('cell37')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell37')">
                      {{ chapter001.table112.cell37 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell38"
                      @blur="onBlurChangeTable112('cell38')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell38')">
                      {{ chapter001.table112.cell38 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell39"
                      @blur="onBlurChangeTable112('cell39')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell39')">
                      {{ chapter001.table112.cell39 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell40"
                      @blur="onBlurChangeTable112('cell40')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell40')">
                      {{ chapter001.table112.cell40 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell41"
                      @blur="onBlurChangeTable112('cell41')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell41')">
                      {{ chapter001.table112.cell41 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell42"
                      @blur="onBlurChangeTable112('cell42')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell42')">
                      {{ chapter001.table112.cell42 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell43"
                      @blur="onBlurChangeTable112('cell43')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell43')">
                      {{ chapter001.table112.cell43 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell44"
                      @blur="onBlurChangeTable112('cell44')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell44')">
                      {{ chapter001.table112.cell44 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell45"
                      @blur="onBlurChangeTable112('cell45')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell45')">
                      {{ chapter001.table112.cell45 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell46"
                      @blur="onBlurChangeTable112('cell46')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell46')">
                      {{ chapter001.table112.cell46 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell47"
                      @blur="onBlurChangeTable112('cell47')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell47')">
                      {{ chapter001.table112.cell47 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell48"
                      @blur="onBlurChangeTable112('cell48')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell48')">
                      {{ chapter001.table112.cell48 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell49"
                      @blur="onBlurChangeTable112('cell49')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell49')">
                      {{ chapter001.table112.cell49 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell50"
                      @blur="onBlurChangeTable112('cell50')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell50')">
                      {{ chapter001.table112.cell50 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell51"
                      @blur="onBlurChangeTable112('cell51')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell51')">
                      {{ chapter001.table112.cell51 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell52"
                      @blur="onBlurChangeTable112('cell52')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell52')">
                      {{ chapter001.table112.cell52 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell53"
                      @blur="onBlurChangeTable112('cell53')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell53')">
                      {{ chapter001.table112.cell53 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell54"
                      @blur="onBlurChangeTable112('cell54')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell54')">
                      {{ chapter001.table112.cell54 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell55"
                      @blur="onBlurChangeTable112('cell55')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell55')">
                      {{ chapter001.table112.cell55 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell56"
                      @blur="onBlurChangeTable112('cell56')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell56')">
                      {{ chapter001.table112.cell56 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell57"
                      @blur="onBlurChangeTable112('cell57')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell57')">
                      {{ chapter001.table112.cell57 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell58"
                      @blur="onBlurChangeTable112('cell58')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell58')">
                      {{ chapter001.table112.cell58 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell58"
                      @blur="onBlurChangeTable112('cell581')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell581')">
                      {{ chapter001.table112.cell58 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell60"
                      @blur="onBlurChangeTable112('cell60')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell60')">
                      {{ chapter001.table112.cell60 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell61"
                      @blur="onBlurChangeTable112('cell61')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell61')">
                      {{ chapter001.table112.cell61 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell62"
                      @blur="onBlurChangeTable112('cell62')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell62')">
                      {{ chapter001.table112.cell62 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell63"
                      @blur="onBlurChangeTable112('cell63')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell63')">
                      {{ chapter001.table112.cell63 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell64"
                      @blur="onBlurChangeTable112('cell64')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell64')">
                      {{ chapter001.table112.cell64 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell65"
                      @blur="onBlurChangeTable112('cell65')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell65')">
                      {{ chapter001.table112.cell65 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell66"
                      @blur="onBlurChangeTable112('cell66')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell66')">
                      {{ chapter001.table112.cell66 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell67"
                      @blur="onBlurChangeTable112('cell67')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell67')">
                      {{ chapter001.table112.cell67 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell68"
                      @blur="onBlurChangeTable112('cell68')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell68')">
                      {{ chapter001.table112.cell68 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell69"
                      @blur="onBlurChangeTable112('cell69')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell69')">
                      {{ chapter001.table112.cell69 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell70"
                      @blur="onBlurChangeTable112('cell70')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell70')">
                      {{ chapter001.table112.cell70 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell72"
                      @blur="onBlurChangeTable112('cell72')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell72')">
                      {{ chapter001.table112.cell72 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell73"
                      @blur="onBlurChangeTable112('cell73')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell73')">
                      {{ chapter001.table112.cell73 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell74"
                      @blur="onBlurChangeTable112('cell74')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell74')">
                      {{ chapter001.table112.cell74 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell75"
                      @blur="onBlurChangeTable112('cell75')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell75')">
                      {{ chapter001.table112.cell75 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell76"
                      @blur="onBlurChangeTable112('cell76')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell76')">
                      {{ chapter001.table112.cell76 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell77"
                      @blur="onBlurChangeTable112('cell77')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell77')">
                      {{ chapter001.table112.cell77 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell78"
                      @blur="onBlurChangeTable112('cell78')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell78')">
                      {{ chapter001.table112.cell78 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell79"
                      @blur="onBlurChangeTable112('cell79')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell79')">
                      {{ chapter001.table112.cell79 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table112.cell80"
                      @blur="onBlurChangeTable112('cell80')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell80')">
                      {{ chapter001.table112.cell80 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell81"
                      @blur="onBlurChangeTable112('cell81')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell81')">
                      {{ chapter001.table112.cell81 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell82"
                      @blur="onBlurChangeTable112('cell82')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell82')">
                      {{ chapter001.table112.cell82 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell83"
                      @blur="onBlurChangeTable112('cell83')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell83')">
                      {{ chapter001.table112.cell83 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell84"
                      @blur="onBlurChangeTable112('cell84')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell84')">
                      {{ chapter001.table112.cell84 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table112.cell85"
                      @blur="onBlurChangeTable112('cell85')"
                    />
                    <div contenteditable @blur="onBlurChangeTable112($event, 'cell85')">
                      {{ chapter001.table112.cell85 }}
                    </div>
                  </td>
                </tr>
              </tbody>
@@ -1188,7 +1124,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">单元一·初始婴幼儿生活保育</span>
                <span class="pageNum">1-9</span>
              </div>
@@ -1211,102 +1147,87 @@
              <tbody>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table113.name1"
                      @blur="onBlurChangeTable113('name1')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'name1')">
                      {{ chapter001.table113.name1 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.demand1"
                      @blur="onBlurChangeTable113('demand1')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'demand1')">
                      {{ chapter001.table113.demand1 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.content1"
                      @blur="onBlurChangeTable113('content1')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'content1')">
                      {{ chapter001.table113.content1 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table113.name2"
                      @blur="onBlurChangeTable113('name2')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'name2')">
                      {{ chapter001.table113.name2 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.demand2"
                      @blur="onBlurChangeTable113('demand2')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'demand2')">
                      {{ chapter001.table113.demand2 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.content2"
                      @blur="onBlurChangeTable113('content2')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'content2')">
                      {{ chapter001.table113.content2 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table113.name3"
                      @blur="onBlurChangeTable113('name3')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'name3')">
                      {{ chapter001.table113.name3 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.demand3"
                      @blur="onBlurChangeTable113('demand3')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'demand3')">
                      {{ chapter001.table113.demand3 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.content3"
                      @blur="onBlurChangeTable113('content3')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'content3')">
                      {{ chapter001.table113.content3 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table113.name4"
                      @blur="onBlurChangeTable113('name4')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'name4')">
                      {{ chapter001.table113.name4 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.demand4"
                      @blur="onBlurChangeTable113('demand4')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'demand4')">
                      {{ chapter001.table113.demand4 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.content4"
                      @blur="onBlurChangeTable113('content4')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'content4')">
                      {{ chapter001.table113.content4 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input
                      v-model="chapter001.table113.name5"
                      @blur="onBlurChangeTable113('name5')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'name5')">
                      {{ chapter001.table113.name5 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.demand5"
                      @blur="onBlurChangeTable113('demand5')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'demand5')">
                      {{ chapter001.table113.demand5 }}
                    </div>
                  </td>
                  <td>
                    <input
                      v-model="chapter001.table113.content5"
                      @blur="onBlurChangeTable113('content5')"
                    />
                    <div contenteditable @blur="onBlurChangeTable113($event,'content5')">
                      {{ chapter001.table113.content5 }}
                    </div>
                  </td>
                </tr>
              </tbody>
@@ -1423,8 +1344,8 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0018-1.jpg"),
      picArr: [require("../image/0018-1.jpg")],
      picOneUrl: require("../../image/0018-1.jpg"),
      picArr: [require("../../image/0018-1.jpg")],
      chapter001: {
        videOneUrl:
          "https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53",
@@ -1462,19 +1383,21 @@
      this.chapter001.idOpenThree = !this.chapter001.idOpenThree;
    },
    onBlurChange() {
      console.log(this.chapter001, "local");
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
    onBlurChangeTable() {
    onBlurChangeText112(){
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
    onBlurChangeTable112() {
    onBlurChangeTable(e, val) {
      this.chapter001.table111[val] = e.target.innerText;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
    onBlurChangeText112() {
    onBlurChangeTable112(e, val) {
      this.chapter001.table112[val] = e.target.innerText;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
    onBlurChangeTable113() {
    onBlurChangeTable113(e, val) {
      this.chapter001.table113[val] = e.target.innerText;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
  },

 src/books/lifeCare/view/components/chapter002.vue

File was renamed from src/books/lifeCare/view/chapter002.vue
@@ -1,13 +1,14 @@
<!-- eslint-disable no-irregular-whitespace -->
<template>
  <div class="chapter" num="3">
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="bodystyle topImg">
          <h2 id="b002"><img class="img-0" alt="" src="../image/dy2.jpg" /></h2>
          <h2 id="b002"><img class="img-0" alt="" src="../../image/dy2.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当实现如下学习目标。</p>
@@ -33,7 +34,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -60,7 +61,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-11</span>
              </div>
@@ -72,22 +73,22 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0027-1.jpg" />
              <img class="img-a" alt="" src="../../image/0027-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
              </p>
            </div>
            <p class="img">托班保教人员来园工作流程（节选）</p>
            <p class="center">
              <img class="img-a" alt="" src="../image/0027-2.jpg" />
              <img class="img-a" alt="" src="../../image/0027-2.jpg" />
            </p>
          </div>
        </div>
@@ -101,7 +102,7 @@
            <div class="content">
              <div class="pageStr">1-12</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -207,7 +208,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-13</span>
              </div>
@@ -244,11 +245,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0029-1.jpg" />
            <img class="img-h" alt="" src="../../image/0029-1.jpg" />
          </p>
          <p class="img">班级环境清洁消毒的评分标准</p>
        </div> -->
@@ -374,7 +375,7 @@
            <div class="content">
              <div class="pageStr">1-14</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -426,8 +427,8 @@
                        index == 0 ||
                        index == chapter002.headersData.length - 2 ||
                        index == chapter002.headersData.length - 1
                          ? '100px'
                          : '',
                          ? '120px'
                          : '40px',
                    }"
                    v-for="(header, index) in chapter002.headersData"
                    :key="index"
@@ -443,23 +444,20 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter002.tableData121[rowIndex][cellIndex]"
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter002.tableData121[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="cellIndex == 0"
                        type="text"
                        :value="chapter002.tableData121[rowIndex][cellIndex]"
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                        "
                      />
                      <div
                        :contenteditable="cellIndex != 0"
                        @blur="updateCell(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter002.tableData121[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -476,7 +474,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-15</span>
              </div>
@@ -538,7 +536,7 @@
            <div class="content">
              <div class="pageStr">1-16</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -643,7 +641,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-17</span>
              </div>
@@ -767,8 +765,8 @@
          <table class="table111 table122">
            <thead>
              <tr>
                <th rowspan="3">日期</th>
                <th rowspan="3">姓名</th>
                <th rowspan="3" style="width: 55px">日期</th>
                <th rowspan="3" style="width: 55px">姓名</th>
                <th colspan="3">晨间检查情况</th>
                <th colspan="8">全日观察情况</th>
                <th colspan="2">交班</th>
@@ -801,22 +799,20 @@
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      :value="chapter002.tableData122[rowIndex][cellIndex]"
                      @blur="
                        updateCell122(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                    <div
                      contenteditable
                      @blur="updateCell122(rowIndex, cellIndex, $event)"
                    >
                      {{ chapter002.tableData122[rowIndex][cellIndex] }}
                    </div>
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="chapter002.tableData122[rowIndex][cellIndex]"
                      @blur="
                        updateCell122(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                    <div
                      contenteditable
                      @blur="updateCell122(rowIndex, cellIndex, $event)"
                    >
                      {{ chapter002.tableData122[rowIndex][cellIndex] }}
                    </div>
                  </template>
                </td>
              </tr>
@@ -833,7 +829,7 @@
            <div class="content">
              <div class="pageStr">1-18</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -893,22 +889,24 @@
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter002.tableData123[rowIndex][cellIndex]"
                    <div
                      contenteditable
                      @blur="
                        updateCell123(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                    >
                      {{ chapter002.tableData123[rowIndex][cellIndex] }}
                    </div>
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="cell"
                    <div
                      contenteditable
                      @blur="
                        updateCell123(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                    >
                      {{ cell }}
                    </div>
                  </template>
                </td>
              </tr>
@@ -924,7 +922,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-19</span>
              </div>
@@ -1050,7 +1048,7 @@
          </p>
          <p>5.评分，由其他组按照设计来园提示卡的评分标准打分。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0035-2.jpg" />
            <img class="img-b" alt="" src="../../image/0035-2.jpg" />
          </p>
          <p class="img">图1-2-1　来园提示卡</p>
        </div>
@@ -1064,7 +1062,7 @@
            <div class="content">
              <div class="pageStr">1-20</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1128,7 +1126,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-21</span>
              </div>
@@ -1202,7 +1200,7 @@
            <div class="content">
              <div class="pageStr">1-22</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1278,7 +1276,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第二单元·来园活动照护</span>
                <span class="pageNum">1-23</span>
              </div>
@@ -1420,8 +1418,8 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0027-1.jpg"),
      picArr: [require("../image/0027-1.jpg")],
      picOneUrl: require("../../image/0027-1.jpg"),
      picArr: [require("../../image/0027-1.jpg")],
      chapter002: {
        videOneUrl: "",
        videOneUrl116: "",
@@ -1693,24 +1691,40 @@
      this.chapter002.isInspectOpen = !this.chapter002.isInspectOpen;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    updateCell(rowIndex, cellIndex, value) {
    updateCell(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter002.tableData121[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.tableData121[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    updateCell122(rowIndex, cellIndex, value) {
    updateCell122(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter002.tableData122[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.tableData122[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    updateCell123(rowIndex, cellIndex, value) {
    updateCell123(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter002.tableData123[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.tableData123[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    updateCellGroup(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter002.groupData[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.groupData[rowIndex],
        cellIndex,
        value
      );
      if (cellIndex == 4) {
        this.$set(
          this.chapter002.groupData[rowIndex],
@@ -1723,7 +1737,11 @@
    },
    updateCellDesign(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter002.designData[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.designData[rowIndex],
        cellIndex,
        value
      );
      if (cellIndex == 4) {
        this.$set(
          this.chapter002.designData[rowIndex],
@@ -1736,7 +1754,11 @@
    },
    updateCellInspect(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter002.inspectData[rowIndex], cellIndex, value);
      this.$set(
        this.chapter002.inspectData[rowIndex],
        cellIndex,
        value
      );
      if (cellIndex == 4) {
        this.$set(
          this.chapter002.inspectData[rowIndex],

 src/books/lifeCare/view/components/chapter003.vue

File was renamed from src/books/lifeCare/view/chapter003.vue
@@ -4,12 +4,12 @@
      <div v-if="showPageList.indexOf(33) > -1">
        <div class="bodystyle topImg">
          <h2 id="b003">
            <img class="img-0" alt="" src="../image/dy3.jpg" />
            <img class="img-0" alt="" src="../../image/dy3.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当实现如下学习目标。</p>
@@ -36,7 +36,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -61,7 +61,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-25</span>
              </div>
@@ -73,17 +73,17 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0041-1.jpg" />
              <img class="img-a" alt="" src="../../image/0041-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
              </p>
            </div>
            <p class="block">
@@ -101,7 +101,7 @@
            <div class="content">
              <div class="pageStr">1-26</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -191,37 +191,37 @@
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-2.jpg" />
                    <img src="../../image/0042-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-3.jpg" />
                    <img src="../../image/0042-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0042-4.jpg" />
                    <img src="../../image/0042-4.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-1.jpg" />
                    <img src="../../image/0043-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-2.jpg" />
                    <img src="../../image/0043-2.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-3.jpg" />
                    <img src="../../image/0043-3.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0043-4.jpg" />
                    <img src="../../image/0043-4.jpg" />
                  </div>
                </div>
              </div>
@@ -239,7 +239,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-27</span>
              </div>
@@ -346,11 +346,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0043-5.jpg" />
            <img class="img-h" alt="" src="../../image/0043-5.jpg" />
          </p>
          <p class="img">七步洗手法的评分标准</p>
        </div> -->
@@ -383,7 +383,7 @@
            <div class="content">
              <div class="pageStr">1-28</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -428,11 +428,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0044-2.jpg" />
            <img class="img-h" alt="" src="../../image/0044-2.jpg" />
          </p>
          <p class="img">洗手</p>
        </div> -->
@@ -480,7 +480,7 @@
            </div>
          </div>
          <p><br /></p>
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
          <p>
            请观看视频，先观察一下视频中的保教人员在指导婴幼儿集体洗手时都做了哪些工作，再结合阅读手册回答问题并完成学习任务。
          </p>
@@ -504,7 +504,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-29</span>
              </div>
@@ -580,11 +580,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0045-2.jpg" />
            <img class="img-h" alt="" src="../../image/0045-2.jpg" />
          </p>
          <p class="img">七步洗手法（指导幼儿版）</p>
        </div> -->
@@ -629,7 +629,7 @@
            <div class="content">
              <div class="pageStr">1-30</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -687,7 +687,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-31</span>
              </div>
@@ -784,11 +784,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0047-1.jpg" />
            <img class="img-h" alt="" src="../../image/0047-1.jpg" />
          </p>
          <p class="img">清洁婴儿的眼、耳、鼻腔和指（趾）甲</p>
        </div> -->
@@ -810,7 +810,7 @@
            <div class="content">
              <div class="pageStr">1-32</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -874,7 +874,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-33</span>
              </div>
@@ -1008,11 +1008,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0049-1.jpg" />
            <img class="img-h" alt="" src="../../image/0049-1.jpg" />
          </p>
          <p class="img">眼、耳、鼻腔和指（趾）甲清洁的评分标准</p>
        </div> -->
@@ -1035,7 +1035,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
              </p>
            </div>
            <p class="block">
@@ -1054,7 +1054,7 @@
            <div class="content">
              <div class="pageStr">1-34</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1153,11 +1153,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0050-1.jpg" />
            <img class="img-h" alt="" src="../../image/0050-1.jpg" />
          </p>
          <p class="img">婴儿臀部清洁（娃娃版）</p>
        </div> -->
@@ -1178,7 +1178,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-35</span>
              </div>
@@ -1242,7 +1242,7 @@
            <div class="content">
              <div class="pageStr">1-36</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1359,11 +1359,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0052-1.jpg" />
            <img class="img-h" alt="" src="../../image/0052-1.jpg" />
          </p>
          <p class="img">臀部清洁的评分标准</p>
        </div> -->
@@ -1409,7 +1409,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-37</span>
              </div>
@@ -1478,11 +1478,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0053-1.jpg" />
            <img class="img-h" alt="" src="../../image/0053-1.jpg" />
          </p>
          <p class="img">婴儿沐浴</p>
        </div> -->
@@ -1525,7 +1525,7 @@
            <div class="content">
              <div class="pageStr">1-38</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1584,7 +1584,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-39</span>
              </div>
@@ -1601,11 +1601,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0055-1.jpg" />
            <img class="img-h" alt="" src="../../image/0055-1.jpg" />
          </p>
          <p class="img">婴儿沐浴的评分标准</p>
        </div> -->
@@ -1764,11 +1764,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0055-2.jpg" />
            <img class="img-h" alt="" src="../../image/0055-2.jpg" />
          </p>
          <p class="img">洗脸及擦香</p>
        </div> -->
@@ -1816,7 +1816,7 @@
            <div class="content">
              <div class="pageStr">1-40</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1841,11 +1841,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0056-1.jpg" />
            <img class="img-h" alt="" src="../../image/0056-1.jpg" />
          </p>
          <p class="img">指导婴幼儿洗脸、擦香的评分标准</p>
        </div> -->
@@ -1987,7 +1987,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-41</span>
              </div>
@@ -1997,7 +1997,7 @@
        </div>
        <div class="bodystyle">
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0057-1.jpg" />
            <img class="img-b" alt="" src="../../image/0057-1.jpg" />
          </p>
          <p class="img">图1-3-8</p>
          <p>2.你认为明明的家长的做法对吗？为什么？</p>
@@ -2037,7 +2037,7 @@
            <div class="content">
              <div class="pageStr">1-42</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2147,7 +2147,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-43</span>
              </div>
@@ -2161,12 +2161,12 @@
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0059-1.jpg" />
                    <img src="../../image/0059-1.jpg" />
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../image/0059-2.jpg" />
                    <img src="../../image/0059-2.jpg" />
                  </div>
                </div>
              </div>
@@ -2185,7 +2185,7 @@
          <p>第四步：用温水含漱数次，直至牙膏泡沫完全漱干净为止。</p>
          <p>第五步：擦洗嘴角及面部残余水渍。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0059-3.jpg" />
            <img class="img-b" alt="" src="../../image/0059-3.jpg" />
          </p>
          <p class="img">图1-3-11　巴氏刷牙法</p>
          <p>4.整理。将所用物品清洁整理，摆放整齐。</p>
@@ -2210,7 +2210,7 @@
            <div class="content">
              <div class="pageStr">1-44</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2371,7 +2371,7 @@
            </div>
          </div>
          <p><br /></p>
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
          <p>
            请观看视频，观察视频中的幼儿在漱口时，保教人员都做了哪些指导。请画出漱口指导的流程图，记录指导幼儿漱口的儿歌并回答相关问题。
          </p>
@@ -2415,7 +2415,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-45</span>
              </div>
@@ -2504,7 +2504,7 @@
            </div>
          </div>
          <p><br /></p>
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
          <p>
            请观看视频，观察视频中的幼儿有哪些不良卫生习惯。如果有请指出问题，并提出改正的方法。
          </p>
@@ -2529,7 +2529,7 @@
            <div class="content">
              <div class="pageStr">1-46</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2642,7 +2642,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-47</span>
              </div>
@@ -2709,7 +2709,7 @@
            <div class="content">
              <div class="pageStr">1-48</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2749,7 +2749,7 @@
          <!-- <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元三应用与实践<img
              src="../icons/sub.png"
              src="../../icons/sub.png"
              @click="activityThree"
              alt=""
            />
@@ -2764,11 +2764,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0064-1.jpg" />
            <img class="img-g" alt="" src="../../image/0064-1.jpg" />
          </p>
        </div> -->
          <p><br /></p>
@@ -2823,7 +2823,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第三单元·盥洗活动照护</span>
                <span class="pageNum">1-49</span>
              </div>
@@ -2943,51 +2943,51 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0041-1.jpg"),
      picArr: [require("../image/0041-1.jpg")],
      picOneUrl: require("../../image/0041-1.jpg"),
      picArr: [require("../../image/0041-1.jpg")],
      // 1-3-10
      picArr110: [
        require("../image/0059-1.jpg"),
        require("../image/0059-2.jpg"),
        require("../../image/0059-1.jpg"),
        require("../../image/0059-2.jpg"),
      ],
      picImageList: [
        {
          name: "图1-3-9",
          url: require("../image/0059-1.jpg"),
          url: require("../../image/0059-1.jpg"),
        },
        {
          name: "图1-3-10",
          url: require("../image/0059-2.jpg"),
          url: require("../../image/0059-2.jpg"),
        },
      ],
      sevenImgList: [
        {
          name: "图1-3-1",
          url: require("../image/0042-2.jpg"),
          url: require("../../image/0042-2.jpg"),
        },
        {
          name: "图1-3-2",
          url: require("../image/0042-3.jpg"),
          url: require("../../image/0042-3.jpg"),
        },
        {
          name: "图1-3-3",
          url: require("../image/0042-4.jpg"),
          url: require("../../image/0042-4.jpg"),
        },
        {
          name: "图1-3-4",
          url: require("../image/0043-1.jpg"),
          url: require("../../image/0043-1.jpg"),
        },
        {
          name: "图1-3-5",
          url: require("../image/0043-2.jpg"),
          url: require("../../image/0043-2.jpg"),
        },
        {
          name: "图1-3-6",
          url: require("../image/0043-3.jpg"),
          url: require("../../image/0043-3.jpg"),
        },
        {
          name: "图1-3-7",
          url: require("../image/0043-4.jpg"),
          url: require("../../image/0043-4.jpg"),
        },
      ],
      chapter003: {

 src/books/lifeCare/view/components/chapter004.vue

File was renamed from src/books/lifeCare/view/chapter004.vue
@@ -4,12 +4,12 @@
      <div v-if="showPageList.indexOf(59) > -1">
        <div class="bodystyle topImg">
          <h2 id="b004">
            <img class="img-0" alt="" src="../image/dy4.jpg" />
            <img class="img-0" alt="" src="../../image/dy4.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当实现如下学习目标。</p>
@@ -39,7 +39,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -69,7 +69,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第四单元·如厕活动照护</span>
                <span class="pageNum">1-51</span>
              </div>
@@ -81,17 +81,17 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
              <img class="img-b" alt="" src="../image/0067-1.jpg" />
              <img class="img-b" alt="" src="../../image/0067-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
              </p>
            </div>
            <p class="block">
@@ -114,7 +114,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
              </p>
            </div>
            <p class="block">
@@ -135,7 +135,7 @@
            <div class="content">
              <div class="pageStr">1-52</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -171,7 +171,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
              </p>
            </div>
            <p class="block">
@@ -220,7 +220,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第四单元·如厕活动照护</span>
                <span class="pageNum">1-53</span>
              </div>
@@ -290,7 +290,7 @@
            <div class="content">
              <div class="pageStr">1-54</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -360,11 +360,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0070-1.jpg" />
            <img class="img-h" alt="" src="../../image/0070-1.jpg" />
          </p>
          <p class="img">给宝宝换尿布</p>
        </div> -->
@@ -406,7 +406,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第四单元·如厕活动照护</span>
                <span class="pageNum">1-55</span>
              </div>
@@ -432,11 +432,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0071-1.jpg" />
            <img class="img-h" alt="" src="../../image/0071-1.jpg" />
          </p>
          <p class="img">更换纸尿裤的评分标准</p>
        </div> -->
@@ -559,7 +559,7 @@
            <div class="content">
              <div class="pageStr">1-56</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -626,7 +626,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第四单元·如厕活动照护</span>
                <span class="pageNum">1-57</span>
              </div>
@@ -693,7 +693,7 @@
            <div class="content">
              <div class="pageStr">1-58</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -748,7 +748,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第四单元·如厕活动照护</span>
                <span class="pageNum">1-59</span>
              </div>
@@ -839,15 +839,15 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0075-2.jpg" />
            <img class="img-h" alt="" src="../../image/0075-2.jpg" />
          </p>
          <p class="img">幼儿不良如厕习惯</p>
        </div> -->
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
          <p>
            请观看视频，观察视频中的婴幼儿有哪些不良的如厕习惯。如果有，请指出问题并给出矫正不良的如厕习惯的建议。
          </p>
@@ -872,7 +872,7 @@
            <div class="content">
              <div class="pageStr">1-60</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -936,7 +936,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第四单元·如厕活动照护</span>
                <span class="pageNum">1-61</span>
              </div>
@@ -995,7 +995,7 @@
            <div class="content">
              <div class="pageStr">1-62</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1016,11 +1016,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0078-1.jpg" />
            <img class="img-h" alt="" src="../../image/0078-1.jpg" />
          </p>
          <p class="img">如厕</p>
        </div> -->
@@ -1114,7 +1114,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第四单元·如厕活动照护</span>
                <span class="pageNum">1-63</span>
              </div>
@@ -1171,7 +1171,7 @@
            <div class="content">
              <div class="pageStr">1-64</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1198,11 +1198,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0080-1.jpg" />
            <img class="img-g" alt="" src="../../image/0080-1.jpg" />
          </p>
        </div> -->
          <p><b>单选题</b></p>
@@ -1268,7 +1268,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第四单元·如厕活动照护</span>
                <span class="pageNum">1-65</span>
              </div>
@@ -1376,8 +1376,8 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0067-1.jpg"),
      picArr: [require("../image/0067-1.jpg")],
      picOneUrl: require("../../image/0067-1.jpg"),
      picArr: [require("../../image/0067-1.jpg")],
      chapter004: {
        videOneUrl: "",
        videoTwoUrl: "",

 src/books/lifeCare/view/components/chapter005.vue

File was renamed from src/books/lifeCare/view/chapter005.vue
@@ -1,15 +1,16 @@
<!-- eslint-disable no-irregular-whitespace -->
<template>
  <div class="chapter" num="6">
    <div class="page-box" page="75">
      <div v-if="showPageList.indexOf(75) > -1">
        <div class="bodystyle topImg">
          <h2 id="b005">
            <img class="img-0" alt="" src="../image/dy5.jpg" />
            <img class="img-0" alt="" src="../../image/dy5.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当实现如下学习目标。</p>
@@ -39,7 +40,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -69,7 +70,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-67</span>
              </div>
@@ -81,17 +82,17 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0083-1.jpg" />
              <img class="img-a" alt="" src="../../image/0083-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
              </p>
            </div>
            <p class="block">
@@ -112,7 +113,7 @@
            <div class="content">
              <div class="pageStr">1-68</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -170,7 +171,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-69</span>
              </div>
@@ -181,7 +182,7 @@
        <div class="bodystyle">
          <p class="img">表1-5-1　婴幼儿所需营养表</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0085-1.jpg" />
          <img class="img-a" alt="" src="../../image/0085-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -190,10 +191,11 @@
                  <th
                    :style="{
                      width:
                        index == 0 ||
                        index == chapter005.tableData151.length - 1
                          ? '100px'
                          : '',
                        index == chapter005.headersData.length - 1
                          ? '220px'
                          : index == 0
                          ? '40px'
                          : '120px',
                    }"
                    v-for="(header, index) in chapter005.headersData"
                    :key="index"
@@ -209,23 +211,20 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter005.tableData151[rowIndex][cellIndex]"
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData151[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="cellIndex == 0"
                        type="text"
                        :value="chapter005.tableData151[rowIndex][cellIndex]"
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                        "
                      />
                      <div
                        :contenteditable="cellIndex != 0"
                        @blur="updateCell(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData151[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -293,7 +292,7 @@
            <div class="content">
              <div class="pageStr">1-70</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -327,7 +326,7 @@
          </p>
          <p class="img">表1-5-2　______月龄一日食谱（ 年 月 日）</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0086-1.jpg" />
          <img class="img-a" alt="" src="../../image/0086-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -335,7 +334,7 @@
                <tr>
                  <th
                    :style="{
                      width: index == 3 ? '220px' : '',
                      width: index == 3 ? '220px' : '100px',
                    }"
                    v-for="(header, index) in chapter005.headers152"
                    :key="index"
@@ -351,30 +350,20 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter005.tableData152[rowIndex][cellIndex]"
                        @blur="
                          updateCell152(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell152(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData152[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        type="text"
                        :value="chapter005.tableData152[rowIndex][cellIndex]"
                        @blur="
                          updateCell152(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell152(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData152[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -450,7 +439,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-71</span>
              </div>
@@ -475,11 +464,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0087-1.jpg" />
            <img class="img-h" alt="" src="../../image/0087-1.jpg" />
          </p>
          <p class="img">配方奶的冲调</p>
        </div> -->
@@ -569,7 +558,7 @@
            <div class="content">
              <div class="pageStr">1-72</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -583,11 +572,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0088-1.jpg" />
            <img class="img-h" alt="" src="../../image/0088-1.jpg" />
          </p>
          <p class="img">冲调配方奶的评分标准</p>
        </div> -->
@@ -731,7 +720,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-73</span>
              </div>
@@ -766,13 +755,14 @@
          </p>
          <p class="img">表1-5-3　不同月龄的婴幼儿食物制作记录表</p>
          <!-- <p class="center">
          <img class="img-0" alt="" src="../image/0089-2.jpg" />
          <img class="img-0" alt="" src="../../image/0089-2.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{ width: index == 0 ? '80px' : '120px' }"
                    v-for="(header, index) in chapter005.headers153"
                    :key="index"
                  >
@@ -787,31 +777,20 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter005.tableData153[rowIndex][cellIndex]"
                        @blur="
                          updateCell153(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell153(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData153[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="cellIndex == 0"
                        type="text"
                        :value="chapter005.tableData153[rowIndex][cellIndex]"
                        @blur="
                          updateCell153(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        :contenteditable="cellIndex != 0"
                        @blur="updateCell153(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData153[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -838,7 +817,7 @@
            <div class="content">
              <div class="pageStr">1-74</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -898,30 +877,20 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter005.tableData154[rowIndex][cellIndex]"
                        @blur="
                          updateCell154(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell154(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData154[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        type="text"
                        :value="chapter005.tableData154[rowIndex][cellIndex]"
                        @blur="
                          updateCell154(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell154(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData154[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -930,7 +899,7 @@
          </div>
          <p><br /></p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0090-1.jpg" />
          <img class="img-a" alt="" src="../../image/0090-1.jpg" />
        </p> -->
        </div>
      </div>
@@ -942,7 +911,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-75</span>
              </div>
@@ -1018,7 +987,7 @@
            <div class="content">
              <div class="pageStr">1-76</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1080,7 +1049,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-77</span>
              </div>
@@ -1109,11 +1078,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0093-1.jpg" />
            <img class="img-h" alt="" src="../../image/0093-1.jpg" />
          </p>
          <p class="img">分发餐具与食物的评分标准</p>
        </div> -->
@@ -1247,7 +1216,7 @@
            <div class="content">
              <div class="pageStr">1-78</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1335,7 +1304,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-79</span>
              </div>
@@ -1409,7 +1378,7 @@
            <div class="content">
              <div class="pageStr">1-80</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1454,7 +1423,7 @@
          <p>2.明确不同月龄的婴幼儿的基本喂养原则（见表1-5-5）。</p>
          <p class="img">表1-5-5　不同月龄的婴幼儿的基本喂养原则</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0096-2.jpg" />
          <img class="img-a" alt="" src="../../image/0096-2.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -1475,30 +1444,20 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter005.tableData155[rowIndex][cellIndex]"
                        @blur="
                          updateCell155(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell155(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData155[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        type="text"
                        :value="chapter005.tableData155[rowIndex][cellIndex]"
                        @blur="
                          updateCell155(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell155(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData155[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -1516,7 +1475,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-81</span>
              </div>
@@ -1576,11 +1535,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0097-1.jpg" />
            <img class="img-h" alt="" src="../../image/0097-1.jpg" />
          </p>
          <p class="img">人工喂养</p>
        </div> -->
@@ -1615,11 +1574,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0097-2.jpg" />
            <img class="img-h" alt="" src="../../image/0097-2.jpg" />
          </p>
          <p class="img">奶瓶喂哺的评分标准</p>
        </div> -->
@@ -1736,7 +1695,7 @@
            <div class="content">
              <div class="pageStr">1-82</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1783,11 +1742,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0098-1.jpg" />
            <img class="img-h" alt="" src="../../image/0098-1.jpg" />
          </p>
          <p class="img">勺子喂哺的评分标准</p>
        </div> -->
@@ -1902,7 +1861,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-83</span>
              </div>
@@ -1967,11 +1926,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0099-1.jpg" />
            <img class="img-h" alt="" src="../../image/0099-1.jpg" />
          </p>
          <p class="img">组织婴幼儿集体进餐</p>
        </div> -->
@@ -2018,7 +1977,7 @@
            <div class="content">
              <div class="pageStr">1-84</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2081,7 +2040,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-85</span>
              </div>
@@ -2112,11 +2071,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0101-1.jpg" />
            <img class="img-h" alt="" src="../../image/0101-1.jpg" />
          </p>
          <p class="img">用勺进餐指导的评分标准</p>
        </div> -->
@@ -2252,7 +2211,7 @@
            <div class="content">
              <div class="pageStr">1-86</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2337,7 +2296,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-87</span>
              </div>
@@ -2402,7 +2361,7 @@
            <div class="content">
              <div class="pageStr">1-88</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2464,7 +2423,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-89</span>
              </div>
@@ -2544,7 +2503,7 @@
            <div class="content">
              <div class="pageStr">1-90</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2575,7 +2534,7 @@
          <p>3.尝试对特殊婴幼儿进餐照护进行个案观察并记录（见表1-5-6）。</p>
          <p class="img">表1-5-6　特殊婴幼儿进餐的个案记录表</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0106-1.jpg" />
          <img class="img-a" alt="" src="../../image/0106-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -2583,77 +2542,85 @@
                <tr>
                  <th>婴幼儿姓名</th>
                  <td>
                    <textarea
                      rows="2"
                    <div
                      contenteditable
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text1"
                      @blur="changeThVal($event, 'text1')"
                    />
                    >
                      {{ chapter005.textTh.text1 }}
                    </div>
                  </td>
                  <th>性别</th>
                  <td>
                    <textarea
                      rows="2"
                    <div
                      contenteditable
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text2"
                      @blur="changeThVal($event, 'text2')"
                    />
                    >
                      {{ chapter005.textTh.text2 }}
                    </div>
                  </td>
                  <th>年龄</th>
                  <td>
                    <textarea
                      rows="2"
                    <div
                      contenteditable
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text3"
                      @blur="changeThVal($event, 'text3')"
                    />
                    >
                      {{ chapter005.textTh.text3 }}
                    </div>
                  </td>
                  <th>班级</th>
                  <td>
                    <textarea
                      rows="2"
                    <div
                      contenteditable
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text4"
                      @blur="changeThVal($event, 'text4')"
                    />
                    >
                      {{ chapter005.textTh.text4 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <th>家长姓名</th>
                  <td>
                    <textarea
                      rows="2"
                    <div
                      contenteditable
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text5"
                      @blur="changeThVal($event, 'text5')"
                    />
                    >
                      {{ chapter005.textTh.text5 }}
                    </div>
                  </td>
                  <th>联系方式</th>
                  <td>
                    <textarea
                      rows="2"
                    <div
                      contenteditable
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text6"
                      @blur="changeThVal($event, 'text6')"
                    />
                    >
                      {{ chapter005.textTh.text6 }}
                    </div>
                  </td>
                  <th>家庭住址</th>
                  <td>
                    <textarea
                      rows="2"
                    <div
                      contenteditable
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text7"
                      @blur="changeThVal($event, 'text7')"
                    />
                    >
                      {{ chapter005.textTh.text7 }}
                    </div>
                  </td>
                  <th>记录时间</th>
                  <td>
                    <textarea
                      rows="2"
                    <div
                      contenteditable
                      style="min-width: 80px; max-width: 80px; font-size: 14px"
                      v-model="chapter005.textTh.text8"
                      @blur="changeThVal($event, 'text8')"
                    />
                    >
                      {{ chapter005.textTh.text8 }}
                    </div>
                  </td>
                </tr>
              </thead>
@@ -2668,37 +2635,26 @@
                    :key="cellIndex"
                  >
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter005.tableData156[rowIndex][cellIndex]"
                        @blur="
                          updateCell156(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                      <div
                        contenteditable
                        @blur="updateCell156(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData156[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="
                          cell == '问题表现' ||
                          cell == '原因分析' ||
                          cell == '采取措施' ||
                          cell == '效果分析' ||
                          cell == '后续建议'
                      <div
                        :contenteditable="
                          cell != '问题表现' &&
                          cell != '原因分析' &&
                          cell != '采取措施' &&
                          cell != '效果分析' &&
                          cell != '后续建议'
                        "
                        type="text"
                        :value="chapter005.tableData156[rowIndex][cellIndex]"
                        @blur="
                          updateCell156(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                        @blur="updateCell156(rowIndex, cellIndex, $event)"
                      >
                        {{ chapter005.tableData156[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -2724,7 +2680,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-95</span>
              </div>
@@ -2800,15 +2756,15 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0107-1.jpg" />
            <img class="img-h" alt="" src="../../image/0107-1.jpg" />
          </p>
          <p class="img">餐后整理</p>
        </div> -->
          <img class="img-gn2" alt="" src="../image/xxgcy.png" />
          <img class="img-gn2" alt="" src="../../image/xxgcy.png" />
          <p>
            请观看视频，结合阅读手册，观察一下视频中的保教人员在餐后需要做哪些整理工作，并完成以下练习。
          </p>
@@ -2844,7 +2800,7 @@
            <div class="content">
              <div class="pageStr">1-92</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2902,7 +2858,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第五单元·进餐活动照护</span>
                <span class="pageNum">1-93</span>
              </div>
@@ -2939,11 +2895,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0109-1.jpg" />
            <img class="img-g" alt="" src="../../image/0109-1.jpg" />
          </p>
        </div> -->
          <p><b>一、单选题</b></p>
@@ -2998,7 +2954,7 @@
            <div class="content">
              <div class="pageStr">1-94</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -3085,7 +3041,7 @@
<script>
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
import { getFileMd5, getPublicImage } from "../../js/tool.js";
import drawflow from "@/components/drawflow";

export default {
@@ -3105,8 +3061,8 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0083-1.jpg"),
      picArr: [require("../image/0083-1.jpg")],
      picOneUrl: require("../../image/0083-1.jpg"),
      picArr: [require("../../image/0083-1.jpg")],
      chapter005: {
        videOneUrl: "",
        videoTwoUrl: "",
@@ -3665,34 +3621,54 @@
      }
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    updateCell(rowIndex, cellIndex, value) {
    updateCell(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter005.tableData151[rowIndex], cellIndex, value);
      this.$set(
        this.chapter005.tableData151[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    updateCell152(rowIndex, cellIndex, value) {
    updateCell152(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter005.tableData152[rowIndex], cellIndex, value);
      this.$set(
        this.chapter005.tableData152[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    updateCell153(rowIndex, cellIndex, value) {
    updateCell153(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter005.tableData153[rowIndex], cellIndex, value);
      this.$set(
        this.chapter005.tableData153[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    updateCell154(rowIndex, cellIndex, value) {
    updateCell154(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter005.tableData154[rowIndex], cellIndex, value);
      this.$set(
        this.chapter005.tableData154[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    updateCell155(rowIndex, cellIndex, value) {
    updateCell155(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter005.tableData155[rowIndex], cellIndex, value);
      this.$set(
        this.chapter005.tableData155[rowIndex],
        cellIndex,
        e.target.innerText
      );
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    updateCell156(rowIndex, cellIndex, value) {
    updateCell156(rowIndex, cellIndex, e) {
      // 更新单元格数据
      this.$set(this.chapter005.tableData156[rowIndex], cellIndex, value);
      this.$set(this.chapter005.tableData156[rowIndex], cellIndex, e.target.innerText);
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    onBlurChange() {
@@ -3748,7 +3724,7 @@
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
    changeThVal(e, val) {
      this.chapter005.textTh[val] = e.target.value;
      this.chapter005.textTh[val] = e.target.innerText;
      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
    },
  },

 src/books/lifeCare/view/components/chapter006.vue

File was renamed from src/books/lifeCare/view/chapter006.vue
@@ -3,11 +3,11 @@
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -1">
        <div class="bodystyle topImg">
          <h2 id="b006"><img class="img-0" alt="" src="../image/dy6.jpg" /></h2>
          <h2 id="b006"><img class="img-0" alt="" src="../../image/dy6.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当实现如下学习目标。</p>
@@ -29,7 +29,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -57,7 +57,7 @@
            <div class="content">
              <div class="pageStr">1-96</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -67,7 +67,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
@@ -76,13 +76,13 @@
                :src="picOneUrl"
                :preview-src-list="picArr"
              /> -->
              <img class="img-b" alt="" src="../image/0112-1.jpg" />
              <img class="img-b" alt="" src="../../image/0112-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
              </p>
            </div>
            <p class="block">
@@ -121,7 +121,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第六单元·饮水活动照护</span>
                <span class="pageNum">1-97</span>
              </div>
@@ -188,7 +188,7 @@
            <div class="content">
              <div class="pageStr">1-98</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -198,7 +198,7 @@
          <p>3.学习阅读手册，填写表1-6-1并回答问题。</p>
          <p class="img">表1-6-1　各年龄段婴幼儿一日饮水量统计表</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0114-1.jpg" />
          <img class="img-a" alt="" src="../../image/0114-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -209,7 +209,7 @@
                      width:
                        index == chapter006.headersData.length - 1
                          ? '200px'
                          : '',
                          : '120px',
                    }"
                    v-for="(header, index) in chapter006.headersData"
                    :key="index"
@@ -225,23 +225,32 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter006.tableData161[rowIndex][cellIndex]"
                      <div
                        contenteditable
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                          updateCell(
                            rowIndex,
                            cellIndex,
                            $event.target.innerText
                          )
                        "
                      />
                      >
                        {{ chapter006.tableData161[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="cellIndex == 0"
                        type="text"
                        :value="chapter006.tableData161[rowIndex][cellIndex]"
                      <div
                        contenteditable
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                          updateCell(
                            rowIndex,
                            cellIndex,
                            $event.target.innerText
                          )
                        "
                      />
                      >
                        {{ chapter006.tableData161[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -295,7 +304,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第六单元·饮水活动照护</span>
                <span class="pageNum">1-99</span>
              </div>
@@ -357,7 +366,7 @@
            <div class="content">
              <div class="pageStr">1-100</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -411,7 +420,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第六单元·饮水活动照护</span>
                <span class="pageNum">1-101</span>
              </div>
@@ -469,7 +478,7 @@
            <div class="content">
              <div class="pageStr">1-102</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -528,7 +537,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第六单元·饮水活动照护</span>
                <span class="pageNum">1-103</span>
              </div>
@@ -593,7 +602,7 @@
            <div class="content">
              <div class="pageStr">1-104</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -675,7 +684,7 @@
          <p>3.头脑风暴。小组成员归纳总结完成表1-6-2。</p>
          <p class="img">表1-6-2　婴幼儿良好饮水习惯的培养</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0120-2.jpg" />
          <img class="img-a" alt="" src="../../image/0120-2.jpg" />
        </p> -->
          <div>
            <table class="table111 table122 table162">
@@ -698,26 +707,23 @@
                    主公饮水的习惯
                  </td>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text1"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text1')">
                      {{ chapter006.tableData162.text1 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text2"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text2')">
                      {{ chapter006.tableData162.text2 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text3"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text3')">
                      {{ chapter006.tableData162.text3 }}
                    </div>
                  </td>
                </tr>
                <tr>
@@ -725,26 +731,23 @@
                    愿意喝白开水的习惯
                  </td>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text4"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text4')">
                      {{ chapter006.tableData162.text4 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text5"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text5')">
                      {{ chapter006.tableData162.text5 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text6"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text6')">
                      {{ chapter006.tableData162.text6 }}
                    </div>
                  </td>
                </tr>
                <tr>
@@ -752,26 +755,23 @@
                    其他良好的饮水习惯
                  </td>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text7"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text7')">
                      {{ chapter006.tableData162.text7 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text8"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text8')">
                      {{ chapter006.tableData162.text8 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <textarea
                      v-model="chapter006.tableData162.text9"
                      @blur="updateCell162"
                    />
                    <div contenteditable @blur="updateCell162($event,'text9')">
                      {{ chapter006.tableData162.text9 }}
                    </div>
                  </td>
                </tr>
              </tbody>
@@ -788,7 +788,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第六单元·饮水活动照护</span>
                <span class="pageNum">1-105</span>
              </div>
@@ -853,7 +853,7 @@
            <div class="content">
              <div class="pageStr">1-106</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -867,11 +867,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0122-1.jpg" />
            <img class="img-h" alt="" src="../../image/0122-1.jpg" />
          </p>
          <p class="img">准备饮水物品的评分标准</p>
        </div> -->
@@ -992,11 +992,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0122-2.jpg" />
            <img class="img-h" alt="" src="../../image/0122-2.jpg" />
          </p>
          <p class="img">喝水</p>
        </div> -->
@@ -1072,7 +1072,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第六单元·饮水活动照护</span>
                <span class="pageNum">1-107</span>
              </div>
@@ -1108,11 +1108,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0123-1.jpg" />
            <img class="img-h" alt="" src="../../image/0123-1.jpg" />
          </p>
          <p class="img">指导婴幼儿集体饮水的评分标准</p>
        </div> -->
@@ -1253,7 +1253,7 @@
            <div class="content">
              <div class="pageStr">1-108</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1350,7 +1350,7 @@
<script>
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
import { getFileMd5, getPublicImage } from "../../js/tool.js";

export default {
  // eslint-disable-next-line vue/multi-word-component-names
@@ -1369,8 +1369,8 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0112-1.jpg"),
      picArr: [require("../image/0112-1.jpg")],
      picOneUrl: require("../../image/0112-1.jpg"),
      picArr: [require("../../image/0112-1.jpg")],
      chapter006: {
        videOneUrl: "",
        isGroupOpen: true,
@@ -1573,8 +1573,9 @@
      this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    updateCell162() {
    updateCell162(e,val) {
      // 更新单元格数据
      this.chapter006.tableData162[val] = e.target.innerText
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    onBlurChange() {

 src/books/lifeCare/view/components/chapter007.vue

File was renamed from src/books/lifeCare/view/chapter007.vue
@@ -1,13 +1,14 @@
<template>
<!-- eslint-disable no-irregular-whitespace -->
<template>
  <div class="chapter" num="8">
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -1">
        <div class="bodystyle topImg">
          <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
          <h2 id="b007"><img class="img-0" alt="" src="../../image/dy7.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当达成如下学习目标。</p>
@@ -27,7 +28,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -58,7 +59,7 @@
            <div class="content">
              <div class="pageStr">1-110</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -68,17 +69,17 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0126-1.jpg" />
              <img class="img-a" alt="" src="../../image/0126-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
              </p>
            </div>
            <p class="block">
@@ -103,7 +104,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-111</span>
              </div>
@@ -120,7 +121,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xgzl.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xgzl.jpg" />
              </p>
            </div>
            <p class="block">
@@ -184,23 +185,32 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.tableData171[rowIndex][cellIndex]"
                      <div
                        contenteditable
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                          updateCell(
                            rowIndex,
                            cellIndex,
                            $event.target.innerText
                          )
                        "
                      />
                      >
                        {{ chapter007.tableData171[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="cellIndex == 0"
                        type="text"
                        :value="chapter007.tableData171[rowIndex][cellIndex]"
                      <div
                        :contenteditable="cellIndex != 0"
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                          updateCell(
                            rowIndex,
                            cellIndex,
                            $event.target.innerText
                          )
                        "
                      />
                      >
                        {{ chapter007.tableData171[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -209,7 +219,7 @@
          </div>
          <p><br /></p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0127-1.jpg" />
          <img class="img-a" alt="" src="../../image/0127-1.jpg" />
        </p> -->
        </div>
      </div>
@@ -222,7 +232,7 @@
            <div class="content">
              <div class="pageStr">1-112</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -306,7 +316,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-113</span>
              </div>
@@ -410,7 +420,7 @@
            <div class="content">
              <div class="pageStr">1-114</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -435,11 +445,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0130-1.jpg" />
            <img class="img-h" alt="" src="../../image/0130-1.jpg" />
          </p>
          <p class="img">创设良好睡眠环境的评分标准</p>
        </div> -->
@@ -563,7 +573,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-115</span>
              </div>
@@ -702,7 +712,7 @@
            <div class="content">
              <div class="pageStr">1-116</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -757,7 +767,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-117</span>
              </div>
@@ -782,7 +792,7 @@
          </p>
          <p class="img">表1-7-2　睡眠信号及哄睡小妙招</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0133-1.jpg" />
          <img class="img-a" alt="" src="../../image/0133-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -810,23 +820,32 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.tableData172[rowIndex][cellIndex]"
                      <div
                        contenteditable
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                          updateCell172(
                            rowIndex,
                            cellIndex,
                            $event.target.innerText
                          )
                        "
                      />
                      >
                        {{ chapter007.tableData172[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="cellIndex == 0"
                        type="text"
                        :value="chapter007.tableData172[rowIndex][cellIndex]"
                      <div
                        :contenteditable="cellIndex != 0"
                        @blur="
                          updateCell(rowIndex, cellIndex, $event.target.value)
                          updateCell172(
                            rowIndex,
                            cellIndex,
                            $event.target.innerText
                          )
                        "
                      />
                      >
                        {{ chapter007.tableData172[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -842,11 +861,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0133-2.jpg" />
            <img class="img-h" alt="" src="../../image/0133-2.jpg" />
          </p>
          <p class="img">午睡前的准备</p>
        </div> -->
@@ -903,11 +922,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0133-3.jpg" />
            <img class="img-h" alt="" src="../../image/0133-3.jpg" />
          </p>
          <p class="img">午睡前的护理</p>
        </div> -->
@@ -973,7 +992,7 @@
            <div class="content">
              <div class="pageStr">1-118</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1005,11 +1024,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0134-1.jpg" />
            <img class="img-h" alt="" src="../../image/0134-1.jpg" />
          </p>
          <p class="img">脱衣物指导</p>
        </div> -->
@@ -1073,11 +1092,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0134-2.jpg" />
            <img class="img-h" alt="" src="../../image/0134-2.jpg" />
          </p>
          <p class="img">指导穿脱衣物的评分标准</p>
        </div> -->
@@ -1110,7 +1129,7 @@
                  </g>
                </svg>
              </div>
              <!-- <img src="../icons/task.png" @click="activityScore1" alt="" /> -->
              <!-- <img src="../../icons/task.png" @click="activityScore1" alt="" /> -->
            </div>
            <div v-if="chapter007.isScore1Open" class="tips-file">
              <table class="table111 table122">
@@ -1195,7 +1214,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-119</span>
              </div>
@@ -1254,7 +1273,7 @@
            <div class="content">
              <div class="pageStr">1-120</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1264,11 +1283,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0135-1.jpg" />
            <img class="img-h" alt="" src="../../image/0135-1.jpg" />
          </p>
          <p class="img">给婴幼儿讲述故事的评分标准</p>
        </div> -->
@@ -1308,7 +1327,7 @@
                  <tr>
                    <th
                      :style="{
                       width: index == 3 ? '300px' : '50px',
                        width: index == 3 ? '300px' : '50px',
                      }"
                      v-for="(header, index) in chapter007.publicHeader"
                      :key="index"
@@ -1405,7 +1424,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-121</span>
              </div>
@@ -1416,7 +1435,7 @@
        <div class="bodystyle">
          <p class="bk-swdt">
            3.请绘制为婴幼儿做睡前准备工作的思维导图。<img
              src="../icons/swdt.png"
              src="../../icons/swdt.png"
              alt=""
              @click="showSwdt"
            />
@@ -1540,7 +1559,7 @@
            <div class="content">
              <div class="pageStr">1-122</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1571,11 +1590,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0138-1.jpg" />
            <img class="img-h" alt="" src="../../image/0138-1.jpg" />
          </p>
          <p class="img">午睡巡查</p>
        </div> -->
@@ -1662,7 +1681,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-123</span>
              </div>
@@ -1788,7 +1807,7 @@
            <div class="content">
              <div class="pageStr">1-124</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -1888,7 +1907,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-125</span>
              </div>
@@ -1975,7 +1994,7 @@
            <div class="content">
              <div class="pageStr">1-126</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2043,7 +2062,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-126</span>
              </div>
@@ -2124,7 +2143,7 @@
            <div class="content">
              <div class="pageStr">1-128</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2171,11 +2190,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0144-1.jpg" />
            <img class="img-h" alt="" src="../../image/0144-1.jpg" />
          </p>
          <p class="img">起床后的护理</p>
        </div> -->
@@ -2245,7 +2264,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-129</span>
              </div>
@@ -2257,7 +2276,7 @@
          <p>3.请小组讨论，填写睡后指导的主要工作内容（见表1-7-3）。</p>
          <p class="img">表1-7-3　婴幼儿睡后指导的主要内容</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0145-1.jpg" />
          <img class="img-a" alt="" src="../../image/0145-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -2286,31 +2305,32 @@
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.tableData173[rowIndex][cellIndex]"
                      <div
                        contenteditable
                        @blur="
                          updateCell173(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                            $event.target.innerText
                          )
                        "
                      />
                      >
                        {{ chapter007.tableData173[rowIndex][cellIndex] }}
                      </div>
                    </template>
                    <template v-else>
                      <input
                        :readonly="cellIndex == 0"
                        type="text"
                        :value="chapter007.tableData173[rowIndex][cellIndex]"
                      <div
                        :contenteditable="cellIndex != 0 && cellIndex != 1"
                        @blur="
                          updateCell173(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                            $event.target.innerText
                          )
                        "
                      />
                      >
                        {{ chapter007.tableData173[rowIndex][cellIndex] }}
                      </div>
                    </template>
                  </td>
                </tr>
@@ -2370,7 +2390,7 @@
            <div class="content">
              <div class="pageStr">1-130</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -2422,11 +2442,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0146-2.jpg" />
            <img class="img-g" alt="" src="../../image/0146-2.jpg" />
          </p>
        </div> -->
          <p><b>一、单选题</b></p>
@@ -2495,7 +2515,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-131</span>
              </div>
@@ -2558,7 +2578,7 @@
<script>
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
import { getFileMd5, getPublicImage } from "../../js/tool.js";

export default {
  // eslint-disable-next-line vue/multi-word-component-names
@@ -2577,8 +2597,8 @@
  },
  data() {
    return {
      picOneUrl: require("../image/0126-1.jpg"),
      picArr: [require("../image/0126-1.jpg")],
      picOneUrl: require("../../image/0126-1.jpg"),
      picArr: [require("../../image/0126-1.jpg")],
      chapter007: {
        videoTwoUrl: "",
        videoFourUrl: "",
@@ -2928,7 +2948,12 @@
    },
    updateCell(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.tableData161[rowIndex], cellIndex, value);
      this.$set(this.chapter007.tableData171[rowIndex], cellIndex, value);
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCell172(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.tableData172[rowIndex], cellIndex, value);
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCell173(rowIndex, cellIndex, value) {

 src/books/lifeCare/view/components/chapter008.vue

File was renamed from src/books/lifeCare/view/chapter008.vue
@@ -3,11 +3,11 @@
    <div class="page-box" page="141">
      <div v-if="showPageList.indexOf(141) > -1">
        <div class="bodystyle topImg">
          <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
          <h2 id="b008"><img class="img-0" alt="" src="../../image/dy8.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当达成如下学习目标。</p>
@@ -27,7 +27,7 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
@@ -52,7 +52,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第八单元·离园活动照护</span>
                <span class="pageNum">1-133</span>
              </div>
@@ -64,17 +64,17 @@
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0148-1.jpg" />
              <img class="img-a" alt="" src="../../image/0148-1.jpg" />
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
                <img class="img-gn" alt="" src="../../image/dy-qjgs.jpg" />
              </p>
            </div>
            <p class="block">
@@ -118,7 +118,7 @@
            <div class="content">
              <div class="pageStr">1-134</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -160,7 +160,7 @@
          <p>1.设计一张1～12月龄婴儿离园前生活照护清单（见表1-8-1）。</p>
          <p class="img">表1-8-1　1～12月龄婴儿离园前生活照护清单</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0150-1.jpg" />
          <img class="img-a" alt="" src="../../image/0150-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -225,7 +225,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第八单元·离园活动照护</span>
                <span class="pageNum">1-135</span>
              </div>
@@ -239,7 +239,7 @@
          </p>
          <p class="img">表1-8-2　1～12月龄婴儿离园好习惯养成教育安排表</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0151-1.jpg" />
          <img class="img-a" alt="" src="../../image/0151-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -304,7 +304,7 @@
          <p>1.设计一张24～36月龄幼儿离园前生活照护清单（见表1-8-3）。</p>
          <p class="img">表1-8-3　24～36月龄幼儿离园前生活照护清单</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0151-2.jpg" />
          <img class="img-a" alt="" src="../../image/0151-2.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -373,7 +373,7 @@
            <div class="content">
              <div class="pageStr">1-136</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -382,7 +382,7 @@
        <div class="bodystyle">
          <p class="img">表1-8-4　24～36月龄幼儿离园好习惯养成教育安排表</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0152-1.jpg" />
          <img class="img-a" alt="" src="../../image/0152-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -445,11 +445,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0152-2.jpg" />
            <img class="img-h" alt="" src="../../image/0152-2.jpg" />
          </p>
          <p class="img">离园</p>
        </div> -->
@@ -530,7 +530,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第八单元·离园活动照护</span>
                <span class="pageNum">1-137</span>
              </div>
@@ -607,7 +607,7 @@
            <div class="content">
              <div class="pageStr">1-138</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -708,7 +708,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第八单元·离园活动照护</span>
                <span class="pageNum">1-139</span>
              </div>
@@ -748,11 +748,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0155-1.jpg" />
            <img class="img-h" alt="" src="../../image/0155-1.jpg" />
          </p>
          <p class="img">奶瓶的清洁与消毒</p>
        </div> -->
@@ -808,11 +808,11 @@
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
              <img class="img-gn1" alt="" src="../../image/dy-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-h" alt="" src="../image/0155-2.jpg" />
            <img class="img-h" alt="" src="../../image/0155-2.jpg" />
          </p>
          <p class="img">清洁与消毒奶瓶的评分标准</p>
        </div> -->
@@ -927,7 +927,7 @@
            <div class="content">
              <div class="pageStr">1-40</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -947,7 +947,7 @@
          <p>2.请填写托育园日常清洁与消毒流程规范表（见表1-8-5）。</p>
          <p class="img">表1-8-5　托育园日常清洁与消毒流程规范表</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0156-1.jpg" />
          <img class="img-a" alt="" src="../../image/0156-1.jpg" />
        </p> -->
          <div>
            <table class="table111 table122">
@@ -1008,11 +1008,11 @@
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
              <img class="img-gn1" alt="" src="../../image/dy-ycs.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0156-2.jpg" />
            <img class="img-g" alt="" src="../../image/0156-2.jpg" />
          </p>
        </div> -->
          <p><b>一、选择题</b></p>
@@ -1049,7 +1049,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">第八单元·离园活动照护</span>
                <span class="pageNum">1-141</span>
              </div>
@@ -1135,7 +1135,7 @@
<script>
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
import { getFileMd5, getPublicImage } from "../../js/tool.js";

export default {
  // eslint-disable-next-line vue/multi-word-component-names

 src/books/lifeCare/view/components/chapter009.vue

File was renamed from src/books/lifeCare/view/chapter009.vue
@@ -5,7 +5,7 @@
        <div class="bodystyle">
          <template>
            <p class="center coverImg">
              <img alt="" class="imz" src="../image/0158-1.jpg" />
              <img alt="" class="imz" src="../../image/0158-1.jpg" />
            </p>
          </template>
        </div>

 src/books/lifeCare/view/components/chapter010.vue

File was renamed from src/books/lifeCare/view/chapter010.vue
@@ -3,43 +3,43 @@
    <div class="page-box" page="152">
      <div v-if="showPageList.indexOf(152) > -1">
        <div class="bodystyle topImg">
          <h2 id="b009"><img class="img-0" alt="" src="../image/zt1.jpg" /></h2>
          <h2 id="b009"><img class="img-0" alt="" src="../../image/zt1.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
              </p>
            </div>
            <p class="block">学习本专题，你将达成以下目标。</p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出什么是婴幼儿生活保育。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能清楚表达出婴幼儿生活保育的主要任务。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              基本了解我国保育发展的历程。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出婴幼儿生活保育的目标。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道婴幼儿生活保育的意义。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              初步知道托育机构的一日生活。
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
              </p>
            </div>
            <p class="block">
@@ -60,7 +60,7 @@
            <div class="bk-zt1">
            <div class="bj1-zt1">
              <p class="left">
                <img class="img-gn-zt" alt="" src="../image/zt-my.png" />
                <img class="img-gn-zt" alt="" src="../../image/zt-my.png" />
              </p>
            </div>
            <p>
@@ -83,8 +83,8 @@
            <div class="content">
              <div class="pageStr">2-2</div>
              <div class="title">
                <!-- <img class="ztImg" src="../image/zt.png" alt="" /> -->
                <img src="../image/chapter.png" alt="" />
                <!-- <img class="ztImg" src="../../image/zt.png" alt="" /> -->
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -99,7 +99,7 @@
            <div class="bk-zt1">
            <div class="bj1-zt1">
              <p class="left">
                <img class="img-gn-zt" alt="" src="../image/zt-yy.png" />
                <img class="img-gn-zt" alt="" src="../../image/zt-yy.png" />
              </p>
            </div>
            <p>“三岁看大，七岁看老。”</p>
@@ -108,7 +108,7 @@
          <div class="bk-zt1">
            <div class="bj1-zt1">
              <p class="left">
                <img class="img-gn-zt" alt="" src="../image/zt-xyx.png" />
                <img class="img-gn-zt" alt="" src="../../image/zt-xyx.png" />
              </p>
            </div>
            <p>保育的概念是什么？</p>
@@ -130,11 +130,11 @@
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0165-1.jpg" />
            <img class="img-g" alt="" src="../../image/0165-1.jpg" />
          </p> -->
            <p>
              保育员的工作职责：全面负责幼儿一日生活中的保育工作，确保幼儿身心健康和生命安全。
@@ -203,7 +203,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-3</span>
              </div>
@@ -222,11 +222,11 @@
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0166-1.jpg" />
            <img class="img-g" alt="" src="../../image/0166-1.jpg" />
          </p> -->
            <p>
              托育机构保育应遵循以下基本原则：尊重儿童、安全健康、积极回应、科学规范。扫码看《托育机构保育指导大纲（试行）》。
@@ -316,7 +316,7 @@
            <div class="content">
              <div class="pageStr">2-4</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -355,7 +355,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-5</span>
              </div>
@@ -388,7 +388,7 @@
          </p>
          <p class="img">表2-1-1　托育机构一日生活举例（夏季）</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0168-1.jpg" />
            <img class="img-a" alt="" src="../../image/0168-1.jpg" />
          </p>
        </div>
      </div>
@@ -403,7 +403,7 @@
            <div class="content">
              <div class="pageStr">2-6</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -430,7 +430,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-7</span>
              </div>
@@ -491,7 +491,7 @@
            <div class="content">
              <div class="pageStr">2-8</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -533,7 +533,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-9</span>
              </div>
@@ -550,7 +550,7 @@
            表2-1-2　某托育机构一日生活保育的流程及人员分工（托班）
          </p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0172-1.jpg" />
            <img class="img-a" alt="" src="../../image/0172-1.jpg" />
          </p>
        </div>
      </div>
@@ -564,7 +564,7 @@
            <div class="content">
              <div class="pageStr">2-10</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -574,7 +574,7 @@
        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0173-1.jpg" />
            <img class="img-a" alt="" src="../../image/0173-1.jpg" />
          </p>
        </div>
      </div>
@@ -587,7 +587,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题一·初识婴幼儿生活保育</span>
                <span class="pageNum">2-11</span>
              </div>
@@ -598,7 +598,7 @@
        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0174-1.jpg" />
            <img class="img-a" alt="" src="../../image/0174-1.jpg" />
          </p>
          <p><br/></p>
          <div class="bk-tx border-xxfs">

 src/books/lifeCare/view/components/chapter011.vue

File was renamed from src/books/lifeCare/view/chapter011.vue
@@ -3,50 +3,50 @@
    <div class="page-box" page="163">
      <div v-if="showPageList.indexOf(163) > -1">
        <div class="bodystyle topImg">
          <h2 id="b010"><img class="img-0" alt="" src="../image/zt2.jpg" /></h2>
          <h2 id="b010"><img class="img-0" alt="" src="../../image/zt2.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
              </p>
            </div>
            <p class="block">学习本专题，你将达成以下目标。</p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能理解来园保育的保教价值。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能做好婴幼儿来园前的准备工作。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道来园活动存在的安全隐患。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能防范来园活动中的安全问题。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道来园接待的内容。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能安抚来园婴幼儿的不良情绪。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" /> 会晨间检查。
              <img class="inline" alt="" src="../../image/0001-5.jpg" /> 会晨间检查。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会接待带药的婴幼儿。
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
              </p>
            </div>
            <p class="block">
@@ -70,7 +70,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题二·来园活动护照</span>
                <span class="pageNum">2-13</span>
              </div>
@@ -124,7 +124,7 @@
            <div class="content">
              <div class="pageStr">2-14</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -176,7 +176,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题二·来园活动护照</span>
                <span class="pageNum">2-15</span>
              </div>
@@ -232,7 +232,7 @@
            <div class="content">
              <div class="pageStr">2-16</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -287,7 +287,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题二·来园活动护照</span>
                <span class="pageNum">2-17</span>
              </div>
@@ -334,7 +334,7 @@
            <div class="content">
              <div class="pageStr">2-18</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -379,7 +379,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题二·来园活动护照</span>
                <span class="pageNum">2-19</span>
              </div>

 src/books/lifeCare/view/components/chapter012.vue

File was renamed from src/books/lifeCare/view/chapter012.vue
@@ -3,43 +3,43 @@
    <div class="page-box" page="171">
      <div v-if="showPageList.indexOf(171) > -1">
        <div class="bodystyle topImg">
          <h2 id="b011"><img class="img-0" alt="" src="../image/zt3.jpg" /></h2>
          <h2 id="b011"><img class="img-0" alt="" src="../../image/zt3.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
              </p>
            </div>
            <p class="block">学习本专题，你将达成以下目标。</p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出洗手的重要性。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道洗手的时机。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能组织、指导婴幼儿洗手。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能根据婴幼儿眼、耳、鼻、口腔和皮肤的特点实施清洁。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能对不同性别的婴幼儿进行清洁。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能引导婴幼儿养成良好的盥洗习惯。
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
              </p>
            </div>
            <p class="block">
@@ -60,7 +60,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-21</span>
              </div>
@@ -114,7 +114,7 @@
            <div class="content">
              <div class="pageStr">2-22</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -128,11 +128,11 @@
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0185-1.jpg" />
            <img class="img-g" alt="" src="../../image/0185-1.jpg" />
          </p> -->
            <p>
              了解幼儿盥洗用品的摆放要求、洗手池清洁消毒的操作要求和卫生要求、盥洗室清洁卫生的要求，看《托育园盥洗环境创设规范》。
@@ -190,7 +190,7 @@
          <h4 class="h4-zt" id="d121">（二）指导婴幼儿洗手的流程</h4>
          <p>保教人员可按照图2-3-1所示的流程指导婴幼儿洗手。</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0185-2.jpg" />
            <img class="img-a" alt="" src="../../image/0185-2.jpg" />
          </p>
          <p class="img">图2-3-1　指导婴幼儿洗手的流程</p>
          <p>下面介绍一些洗手的小窍门。</p>
@@ -224,7 +224,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-23</span>
              </div>
@@ -240,7 +240,7 @@
          <h4 class="h4-zt" id="d123">（一）婴幼儿眼睛的特点及清洁要点</h4>
          <p>眼睛的结构如图2-3-2所示。</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0186-1.jpg" />
            <img class="img-a" alt="" src="../../image/0186-1.jpg" />
          </p>
          <p class="img">图2-3-2　眼睛的结构</p>
          <h5 class="h5-zt" id="e103">1.婴幼儿眼睛的特点</h5>
@@ -278,7 +278,7 @@
            <div class="content">
              <div class="pageStr">2-24</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -292,7 +292,7 @@
          <h4 class="h4-zt" id="d124">（二）婴幼儿耳朵的特点及清洁要点</h4>
          <p>耳朵的结构如图2-3-3所示。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0187-1.jpg" />
            <img class="img-b" alt="" src="../../image/0187-1.jpg" />
          </p>
          <p class="img">图2-3-3　耳朵的结构</p>
          <h5 class="h5-zt" id="e105">1.婴幼儿耳朵的特点</h5>
@@ -323,7 +323,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-25</span>
              </div>
@@ -336,7 +336,7 @@
          <h4 class="h4-zt" id="d125">（三）婴幼儿鼻腔的特点与清洁要点</h4>
          <p>鼻腔的结构如图2-3-4所示。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0188-1.jpg" />
            <img class="img-b" alt="" src="../../image/0188-1.jpg" />
          </p>
          <p class="img">图2-3-4　鼻腔的结构</p>
          <h5 class="h5-zt" id="e107">1.婴幼儿鼻腔的特点</h5>
@@ -377,7 +377,7 @@
            <div class="content">
              <div class="pageStr">2-26</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -389,12 +389,12 @@
            隙（尖牙的位置）；2岁左右4个尖牙长出；最迟至2岁半，4个第二乳磨牙萌出，20个乳牙全部出齐（见图2-3-5、表2-3-1）。
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0189-1.jpg" />
            <img class="img-b" alt="" src="../../image/0189-1.jpg" />
          </p>
          <p class="img">图2-3-5　乳牙萌出的顺序</p>
          <p class="img">表2-3-1　乳牙萌出时间</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0189-2.jpg" />
            <img class="img-b" alt="" src="../../image/0189-2.jpg" />
          </p>
          <p>
            6岁左右在乳磨牙的后面长出的第一颗恒磨牙称“六龄齿”。7～12岁乳牙次第脱落，被恒牙替代。其余恒牙从乳牙后方生长出来，12岁左右第二恒磨牙萌出，第三恒磨牙（又称智齿）一般在22岁以后才长出，也可能终生不出，因此，人的恒牙28～32颗均为正常。
@@ -411,7 +411,7 @@
          <p>婴幼儿口腔健康受到很多因素的影响，见表2-3-2。</p>
          <p class="img">表2-3-2　影响婴幼儿口腔健康的因素及维护口腔健康的做法</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0189-3.jpg" />
            <img class="img-a" alt="" src="../../image/0189-3.jpg" />
          </p>
        </div>
      </div>
@@ -424,7 +424,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-27</span>
              </div>
@@ -456,7 +456,7 @@
          <h4 class="h4-zt" id="d127">（五）婴幼儿皮肤的特点及盥洗要点</h4>
          <p>皮肤的结构如图2-3-6所示。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0190-1.jpg" />
            <img class="img-b" alt="" src="../../image/0190-1.jpg" />
          </p>
          <p class="img">图2-3-6　皮肤的结构</p>
          <h5 class="h5-zt" id="e113">1.婴幼儿皮肤的特点</h5>
@@ -476,7 +476,7 @@
            <div class="content">
              <div class="pageStr">2-28</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -524,7 +524,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-29</span>
              </div>
@@ -565,7 +565,7 @@
            <div class="content">
              <div class="pageStr">2-30</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -574,7 +574,7 @@

        <div class="bodystyle">
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0193-1.jpg" />
            <img class="img-b" alt="" src="../../image/0193-1.jpg" />
          </p>
          <p class="img">图2-3-7　托育园的盥洗环境</p>
          <h4 class="h4-zt" id="d131">（二）鼓励幼儿练习盥洗</h4>
@@ -604,7 +604,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题三·盥洗活动照护</span>
                <span class="pageNum">2-31</span>
              </div>

 src/books/lifeCare/view/components/chapter013.vue

File was renamed from src/books/lifeCare/view/chapter013.vue
@@ -3,59 +3,59 @@
    <div class="page-box" page="183">
      <div v-if="showPageList.indexOf(183) > -1">
        <div class="bodystyle topImg">
          <h2 id="b012"><img class="img-0" alt="" src="../image/zt4.jpg" /></h2>
          <h2 id="b012"><img class="img-0" alt="" src="../../image/zt4.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
              </p>
            </div>
            <p class="block">学习本专题，你将达成以下目标。</p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出如厕保育的保教价值。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道婴幼儿的二便的特点和保育要点。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出影响婴幼儿如厕的因素。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道营造良好的如厕环境的方法。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会做好如厕前的准备。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会引导婴幼儿进行如厕练习。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会给婴幼儿换尿布。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能辨别婴幼儿的异常便。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能指导婴幼儿进行如厕清洁。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会为便器清洁消毒。
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
              </p>
            </div>
            <p class="block">
@@ -80,7 +80,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题四·如厕活动照护</span>
                <span class="pageNum">2-33</span>
              </div>
@@ -123,7 +123,7 @@
            <div class="content">
              <div class="pageStr">2-34</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -170,7 +170,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题四·如厕活动照护</span>
                <span class="pageNum">2-35</span>
              </div>
@@ -214,7 +214,7 @@
            <div class="content">
              <div class="pageStr">2-36</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -268,7 +268,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题四·如厕活动照护</span>
                <span class="pageNum">2-37</span>
              </div>
@@ -327,7 +327,7 @@
            <div class="content">
              <div class="pageStr">2-38</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -377,7 +377,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题四·如厕活动照护</span>
                <span class="pageNum">2-39</span>
              </div>
@@ -397,7 +397,7 @@
          <p>托育机构如厕的指导流程见表2-4-1</p>
          <p class="img">表2-4-1　如厕环节及具体的要求</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0202-1.jpg" />
            <img class="img-a" alt="" src="../../image/0202-1.jpg" />
          </p>
        </div>
      </div>
@@ -411,7 +411,7 @@
            <div class="content">
              <div class="pageStr">2-40</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -467,7 +467,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题四·如厕活动照护</span>
                <span class="pageNum">2-41</span>
              </div>
@@ -517,7 +517,7 @@
            <div class="content">
              <div class="pageStr">2-42</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -567,7 +567,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题四·如厕活动照护</span>
                <span class="pageNum">2-43</span>
              </div>

 src/books/lifeCare/view/components/chapter014.vue

File was renamed from src/books/lifeCare/view/chapter014.vue
@@ -3,63 +3,63 @@
    <div class="page-box" page="195">
      <div v-if="showPageList.indexOf(195) > -1">
        <div class="bodystyle topImg">
          <h2 id="b013"><img class="img-0" alt="" src="../image/zt5.jpg" /></h2>
          <h2 id="b013"><img class="img-0" alt="" src="../../image/zt5.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
              </p>
            </div>
            <p class="block">学习本专题，你将达成以下目标。</p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道不同年龄段的婴幼儿的营养需求、膳食要求和喂养原则。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道提高婴幼儿食欲的策略。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会安排不同年龄段婴幼儿的一日饮食。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会为婴幼儿选择合适的餐具。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会为婴幼儿分发餐具与食物并进行餐前教育。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会喂哺婴幼儿。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能指导幼儿用勺进食、组织幼儿集体自主进餐。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              掌握判断婴幼儿是否吃饱了的方法。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会排除进餐中的安全隐患。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会帮助婴幼儿养成良好的进餐习惯。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会照护特殊婴幼儿进餐。
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
              </p>
            </div>
            <p class="block">
@@ -86,7 +86,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-45</span>
              </div>
@@ -111,7 +111,7 @@
          </p>
          <p class="img">表2-5-1　婴幼儿能量的需求</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0208-1.jpg" />
            <img class="img-a" alt="" src="../../image/0208-1.jpg" />
          </p>
          <p>
            由于婴幼儿的基础代谢率高、生长发育迅速、活动量比较大，与成年人相比，需要消耗的能量相对多，年龄越小需求量越大。
@@ -131,7 +131,7 @@
            <div class="content">
              <div class="pageStr">2-46</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -146,7 +146,7 @@
          </p>
          <p class="img">表2-5-2　婴幼儿对宏量营养素的需求</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0209-1.jpg" />
            <img class="img-a" alt="" src="../../image/0209-1.jpg" />
          </p>
          <h5 class="h5-zt" id="e122">2.微量营养素</h5>
          <p>
@@ -158,7 +158,7 @@
          </p>
          <p class="img">表2-5-3　婴幼儿容易缺乏的维生素</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0209-2.jpg" />
            <img class="img-a" alt="" src="../../image/0209-2.jpg" />
          </p>
        </div>
      </div>
@@ -172,7 +172,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-47</span>
              </div>
@@ -188,7 +188,7 @@
          </p>
          <p class="img">表2-5-4　婴幼儿容易缺乏的矿物质</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0210-2.jpg" />
            <img class="img-a" alt="" src="../../image/0210-2.jpg" />
          </p>
          <h5 class="h5-zt" id="e123">3.水</h5>
          <p>
@@ -218,7 +218,7 @@
            <div class="content">
              <div class="pageStr">2-48</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -267,7 +267,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-49</span>
              </div>
@@ -322,7 +322,7 @@
            <div class="content">
              <div class="pageStr">2-50</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -367,7 +367,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-51</span>
              </div>
@@ -422,7 +422,7 @@
            <div class="content">
              <div class="pageStr">2-52</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -436,11 +436,11 @@
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0215-1.jpg" />
            <img class="img-g" alt="" src="../../image/0215-1.jpg" />
          </p> -->
            <!-- <p>《1～2岁幼儿一日食谱举例》。</p> -->
            <div class="tips-bk">
@@ -643,7 +643,7 @@
          <p>不同月龄婴幼儿一日饮食安排具体如下（见表2-5-5）。</p>
          <p class="img">表2-5-5　不同月龄婴幼儿一日饮食安排表</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0215-2.jpg" />
            <img class="img-a" alt="" src="../../image/0215-2.jpg" />
          </p>
        </div>

@@ -657,7 +657,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-53</span>
              </div>
@@ -683,7 +683,7 @@
          <p>③盖上锁紧环和奶嘴，充分摇晃奶瓶，使奶粉与水完全融合。</p>
          <p>世界卫生组织指定的配方奶粉配制流程见图2-5-1。</p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0216-1.jpg" />
            <img class="img-b" alt="" src="../../image/0216-1.jpg" />
          </p>
          <p class="img">图2-5-1　配方奶粉的配制流程</p>
          <h5 class="h5-zt" id="e156">3.注意事项</h5>
@@ -698,7 +698,7 @@
            ①米粉的冲调：参考调配说明将适量的水（母乳或配方奶）分次加入米粉内，再用汤匙拌匀形成米糊（见图2-5-2），可在米糊中加入水果泥、菜泥或其他泥糊状食物。
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0216-2.jpg" />
            <img class="img-b" alt="" src="../../image/0216-2.jpg" />
          </p>
          <p class="img">图2-5-2　米粉的冲调步骤</p>
          <p>
@@ -716,7 +716,7 @@
            <div class="content">
              <div class="pageStr">2-54</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -744,11 +744,11 @@
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0217-1.jpg" />
            <img class="img-g" alt="" src="../../image/0217-1.jpg" />
          </p> -->
            <!-- <p>扫码看《0～3岁婴幼儿辅食的具体制作方法》。</p> -->
            <div class="tips-bk">
@@ -869,7 +869,7 @@
            在保证食物烧熟煮透、保质保量的前提下，尽量缩短食物烧制好至食用的时间，以及饭、菜、汤的分装、运送时间。应给盛饭、菜、汤的容器加盖，汤用双层保温桶盛装（见图2-5-3）。
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0217-2.jpg" />
            <img class="img-b" alt="" src="../../image/0217-2.jpg" />
          </p>
          <p class="img">图2-5-3　食物加盖保温</p>
        </div>
@@ -883,7 +883,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-55</span>
              </div>
@@ -900,7 +900,7 @@
          <p>各类婴幼儿餐具的特点见表2-5-6。</p>
          <p class="img">表2-5-6　各类餐具的特点</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0218-1.jpg" />
            <img class="img-a" alt="" src="../../image/0218-1.jpg" />
          </p>
          <h4 class="h4-zt" id="d180">（二）勺子的选择</h4>
          <p>
@@ -908,7 +908,7 @@
          </p>
          <p class="img">表2-5-7　不同月龄婴幼儿使用的勺子</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0218-2.jpg" />
            <img class="img-a" alt="" src="../../image/0218-2.jpg" />
          </p>
          <h4 class="h4-zt" id="d181">（三）碗、盘的选择</h4>
          <p>
@@ -926,7 +926,7 @@
            <div class="content">
              <div class="pageStr">2-56</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -939,7 +939,7 @@
          </p>
          <p class="img">表2-5-8　不同月龄婴幼儿使用的碗、盘</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0219-1.jpg" />
            <img class="img-a" alt="" src="../../image/0219-1.jpg" />
          </p>
          <h4 class="h4-zt" id="d182">（四）不适合婴幼儿的餐具</h4>
          <p>
@@ -972,7 +972,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-57</span>
              </div>
@@ -986,7 +986,7 @@
            ④分发食物。分发食物的顺序为蔬菜—荤菜—饭—汤，饭用勺盛，使用夹子分菜，按左汤右菜的顺序放置。
          </p>
          <p class="center">
            <img class="img-a" alt="" src="../image/0220-1.jpg" />
            <img class="img-a" alt="" src="../../image/0220-1.jpg" />
          </p>
          <p class="img">图2-5-4　分发餐具与食物的流程</p>
          <h4 class="h4-zt" id="d184">（二）注意事项</h4>
@@ -1014,11 +1014,11 @@
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
            </p>
          </div> -->
            <!-- <p class="center">
            <img class="img-g" alt="" src="../image/0220-2.jpg" />
            <img class="img-g" alt="" src="../../image/0220-2.jpg" />
          </p>
          <p>扫码看《餐前教育素材》。</p> -->
            <div class="tips-bk">
@@ -1105,7 +1105,7 @@
            <div class="content">
              <div class="pageStr">2-58</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -1115,7 +1115,7 @@
        <div class="bodystyle">
          <p class="img">表2-5-9　常用介绍饭菜指导用语</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0221-1.jpg" />
            <img class="img-a" alt="" src="../../image/0221-1.jpg" />
          </p>
          <h4 class="h4-zt" id="d188">（三）提示进餐常规</h4>
          <p>
@@ -1166,7 +1166,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-59</span>
              </div>
@@ -1224,7 +1224,7 @@
            <div class="content">
              <div class="pageStr">2-60</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -1278,7 +1278,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-61</span>
              </div>
@@ -1319,7 +1319,7 @@
            <p>婴幼儿饥饱行为表现（见表2-5-10）。</p>
            <p class="img">表2-5-10　婴幼儿饥饱行为表现</p>
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0224-1.jpg" />
              <img class="img-a" alt="" src="../../image/0224-1.jpg" />
            </p>
          </div>
        </div>
@@ -1334,7 +1334,7 @@
            <div class="content">
              <div class="pageStr">2-62</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -1386,7 +1386,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-63</span>
              </div>
@@ -1444,7 +1444,7 @@
            <div class="content">
              <div class="pageStr">2-64</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -1494,7 +1494,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-65</span>
              </div>
@@ -1553,7 +1553,7 @@
            <div class="content">
              <div class="pageStr">2-66</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -1609,7 +1609,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题五·进餐活动照护</span>
                <span class="pageNum">2-67</span>
              </div>
@@ -1646,7 +1646,7 @@
          <h5 class="h5-zt" id="e198">3.流程</h5>
          <p>保育员应引导幼儿管理个人卫生（见图2-5-5）。</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0230-1.jpg" />
            <img class="img-a" alt="" src="../../image/0230-1.jpg" />
          </p>
          <p class="img">图2-5-5　引导幼儿管理个人卫生的流程</p>
          <h4 class="h4-zt" id="d213">（二）餐后环境的清洁</h4>
@@ -1669,7 +1669,7 @@
            <div class="content">
              <div class="pageStr">2-68</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>

 src/books/lifeCare/view/components/chapter015.vue

File was renamed from src/books/lifeCare/view/chapter015.vue
@@ -3,47 +3,47 @@
    <div class="page-box" page="220">
      <div v-if="showPageList.indexOf(220) > -1">
        <div class="bodystyle topImg">
          <h2 id="b014"><img class="img-0" alt="" src="../image/zt6.jpg" /></h2>
          <h2 id="b014"><img class="img-0" alt="" src="../../image/zt6.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
              </p>
            </div>
            <p class="block">学习本专题，你将达成以下目标。</p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出水对婴幼儿健康的作用。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道人体内水的来源和不同年龄段婴幼儿的需水量。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道不同情况的婴幼儿的喝水需求，做到安全饮水。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会给婴幼儿选择合适的饮用水。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会给不同月龄的婴幼儿选择饮水器具。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会指导幼儿自主饮水，组织幼儿集体饮水。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能引导婴幼儿养成良好的饮水习惯。
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
              </p>
            </div>
            <p class="block">
@@ -71,7 +71,7 @@
            <div class="content">
              <div class="pageStr">2-70</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -124,7 +124,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题六·饮水活动照护</span>
                <span class="pageNum">2-71</span>
              </div>
@@ -142,7 +142,7 @@
          </p>
          <p class="img">表2-6-1　正常婴幼儿需水量的参考值（每24小时）</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0234-1.jpg" />
            <img class="img-a" alt="" src="../../image/0234-1.jpg" />
          </p>
          <p>
            一般来讲，1～3岁婴幼儿每千克体重需水量约为125mL，全天总需水量为10200～2000mL。
@@ -175,7 +175,7 @@
            <div class="content">
              <div class="pageStr">2-72</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -205,11 +205,11 @@
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
              <img class="img-gn-zt" alt="" src="../../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0235-1.jpg" />
            <img class="img-g" alt="" src="../../image/0235-1.jpg" />
          </p>
          <p>
            温馨提示：不应让婴幼儿长期饮用纯净水，扫码看《婴幼儿不宜长期饮用纯净水》。
@@ -251,7 +251,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题六·饮水活动照护</span>
                <span class="pageNum">2-73</span>
              </div>
@@ -299,7 +299,7 @@
            <div class="content">
              <div class="pageStr">2-74</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -319,7 +319,7 @@
          <p>常见的与饮用水有关的问题及答案如表2-6-2所示。</p>
          <p class="img">表2-6-2　常见的与饮用水有关的问题及答案</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0237-1.jpg" />
            <img class="img-a" alt="" src="../../image/0237-1.jpg" />
          </p>
          <h3 id="c092">
            <span class="bk1-h3"><span class="bj2-h3">八</span>　　给不同月龄的婴幼儿选择饮水器具　</span>
@@ -338,7 +338,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题六·饮水活动照护</span>
                <span class="pageNum">2-75</span>
              </div>
@@ -349,7 +349,7 @@
        <div class="bodystyle">
          <p class="img">表2-6-3　不同月龄婴幼儿的饮水器具</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0238-1.jpg" />
            <img class="img-a" alt="" src="../../image/0238-1.jpg" />
          </p>
          <p>
            我们应注意的是，不要过早地让婴幼儿使用吸管式训练杯，因为不满1岁的婴儿喜欢咬东西，可能会咬断并误吞吸管而导致危险发生。1岁之后的幼儿也会咬吸管，但能够更好地判断危险，吞下吸管的可能性较小，所以12～18个月的幼儿可以使用这种训练杯。通过以上几个阶段的训练，1岁半的幼儿已经能够掌握喝水的方法，这个时候可以用普通的水杯给幼儿喝水了。
@@ -369,7 +369,7 @@
            <div class="content">
              <div class="pageStr">2-76</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -383,7 +383,7 @@
          <div class="bk-zt1hs">
            <div class="bj1-zt1hs">
              <p class="left">
                <img class="img-gn-zt" alt="" src="../image/zt-xueyx.png" />
                <img class="img-gn-zt" alt="" src="../../image/zt-xueyx.png" />
              </p>
            </div>
            <p>自主饮水</p>
@@ -398,7 +398,7 @@
          <h4 class="h4-zt" id="d224">（二）指导幼儿学会正确的接水方法</h4>
          <p>保育员应指导幼儿学会正确的接水方法（见图2-6-1）。</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0239-1.jpg" />
            <img class="img-a" alt="" src="../../image/0239-1.jpg" />
          </p>
          <p class="img">图2-6-1　正确的接水方法</p>
          <h4 class="h4-zt" id="d225">（三）指导幼儿学会正确的饮水方法</h4>
@@ -432,7 +432,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题六·饮水活动照护</span>
                <span class="pageNum">2-77</span>
              </div>
@@ -489,7 +489,7 @@
            <div class="content">
              <div class="pageStr">2-78</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -547,7 +547,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题六·饮水活动照护</span>
                <span class="pageNum">2-79</span>
              </div>

 src/books/lifeCare/view/components/chapter016.vue

File was renamed from src/books/lifeCare/view/chapter016.vue
@@ -3,43 +3,43 @@
    <div class="page-box" page="231">
      <div v-if="showPageList.indexOf(231) > -1">
        <div class="bodystyle topImg">
          <h2 id="b015"><img class="img-0" alt="" src="../image/zt7.jpg" /></h2>
          <h2 id="b015"><img class="img-0" alt="" src="../../image/zt7.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
              </p>
            </div>
            <p class="block">学习本专题，你将达成以下目标。</p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出婴幼儿睡眠的重要性。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出不同月龄婴幼儿每日的睡眠需求及特点。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会辨别婴幼儿的睡眠信号。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会为婴幼儿创设良好的睡眠环境。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能实施婴幼儿睡眠照料。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能引导婴幼儿养成良好的睡眠习惯。
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
              </p>
            </div>
            <p class="block">
@@ -63,7 +63,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题七·睡眠活动照护</span>
                <span class="pageNum">2-81</span>
              </div>
@@ -113,7 +113,7 @@
            <div class="content">
              <div class="pageStr">2-82</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -123,7 +123,7 @@
        <div class="bodystyle">
          <p class="img">表2-7-1　不同月龄婴幼儿的每日睡眠</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0245-1.jpg" />
            <img class="img-a" alt="" src="../../image/0245-1.jpg" />
          </p>
          <h3 id="c098">
            <span class="bk1-h3"><span class="bj2-h3">三</span>　　婴幼儿的睡眠信号　</span>
@@ -157,7 +157,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题七·睡眠活动照护</span>
                <span class="pageNum">2-83</span>
              </div>
@@ -208,7 +208,7 @@
            <div class="content">
              <div class="pageStr">2-84</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -243,7 +243,7 @@
            保育员可以利用儿歌、图片（见图2-7-1）等来帮助婴幼儿提高穿脱衣物的兴趣并加强对操作技能的掌握。例如，儿歌《脱裤子》：“双手抓紧小裤腰，一下脱到膝盖下。再用小手拉裤脚，最后还要摆摆好。”又如儿歌《叠衣歌》：“伸伸手，伸伸手，抱抱臂，抱抱臂，弯弯腰，弯弯腰，我的衣服叠好了。”
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0247-1.jpg" />
            <img class="img-b" alt="" src="../../image/0247-1.jpg" />
          </p>
          <p class="img">图2-7-1　示例</p>
        </div>
@@ -257,7 +257,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题七·睡眠活动照护</span>
                <span class="pageNum">2-85</span>
              </div>
@@ -290,7 +290,7 @@
          </p>
          <p class="img">表2-7-2　婴幼儿不同睡姿的优缺点</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0248-1.jpg" />
            <img class="img-a" alt="" src="../../image/0248-1.jpg" />
          </p>
        </div>
      </div>
@@ -305,7 +305,7 @@
            <div class="content">
              <div class="pageStr">2-86</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -336,7 +336,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题七·睡眠活动照护</span>
                <span class="pageNum">2-87</span>
              </div>
@@ -388,7 +388,7 @@
            <div class="content">
              <div class="pageStr">2-88</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>

 src/books/lifeCare/view/components/chapter017.vue

File was renamed from src/books/lifeCare/view/chapter017.vue
@@ -3,43 +3,43 @@
    <div class="page-box" page="240">
      <div v-if="showPageList.indexOf(240) > -1">
        <div class="bodystyle topImg">
          <h2 id="b016"><img class="img-0" alt="" src="../image/zt8.jpg" /></h2>
          <h2 id="b016"><img class="img-0" alt="" src="../../image/zt8.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-xxmb.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-xxmb.jpg" />
              </p>
            </div>
            <p class="block">学习本专题，你将达成以下目标。</p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能说出离园保育的保教价值。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              知道离园活动的保育任务。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能辨别离园环节中的安全隐患并有效防范。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              能引导婴幼儿养成良好的离园习惯。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会利用离园时机与家长沟通。
            </p>
            <p class="block">
              <img class="inline" alt="" src="../image/0001-5.jpg" />
              <img class="inline" alt="" src="../../image/0001-5.jpg" />
              会对托育园进行离园后的清洁消毒。
            </p>
          </div>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/zt-gjc.jpg" />
                <img class="img-gn" alt="" src="../../image/zt-gjc.jpg" />
              </p>
            </div>
            <p class="block">
@@ -64,7 +64,7 @@
            <div class="content">
              <div class="pageStr">2-90</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -113,7 +113,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题八·离园活动照护</span>
                <span class="pageNum">2-91</span>
              </div>
@@ -157,7 +157,7 @@
            <div class="content">
              <div class="pageStr">2-92</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -179,7 +179,7 @@
          <p>不同月龄的幼儿的离园习惯培养要点如下（见表2-8-1）</p>
          <p class="img">表2-8-1　离园的好习惯</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0255-1.jpg" />
            <img class="img-a" alt="" src="../../image/0255-1.jpg" />
          </p>
          <h3 id="c107">
            <span class="bk1-h3"><span class="bj2-h3">六</span>　　离园时与家长沟通　</span>
@@ -198,7 +198,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题八·离园活动照护</span>
                <span class="pageNum">2-93</span>
              </div>
@@ -211,14 +211,14 @@
          </P>
          <p class="img">表2-8-2　离园环节的沟通形式与主题</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0256-1.jpg" />
            <img class="img-a" alt="" src="../../image/0256-1.jpg" />
          </p>
          <p>
            若需要进行详细的线下交流，教师可以让家长提前预约时间和内容（见表2-8-3），交流的目的是让婴幼儿的家长与托育园彼此对婴幼儿的身心发展、健康成长都有更深入的了解，与家长相互合作，分享信息，建立相互倾听的家园共育互动模式。
          </p>
          <p class="img">表2-8-3　家长预约交流记录表</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0256-2.jpg" />
            <img class="img-a" alt="" src="../../image/0256-2.jpg" />
          </p>
        </div>
      </div>
@@ -232,7 +232,7 @@
            <div class="content">
              <div class="pageStr">2-94</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
@@ -274,7 +274,7 @@
            <div class="second-con">
              <div class="second-left"></div>
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <img src="../../image/pageImg.png" alt="" />
                <span class="pageStr">专题八·离园活动照护</span>
                <span class="pageNum">2-95</span>
              </div>
@@ -285,7 +285,7 @@
        <div class="bodystyle">
          <p class="img">表2-8-4　托育园常用物品消毒工作表</p>
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0257-1.jpg" />
            <img class="img-a" alt="" src="../../image/0257-1.jpg" />
          </p>
          <p><br/></p>
          <div class="bk-tx border-xxfs">

 src/books/lifeCare/view/components/chapter018.vue

File was renamed from src/books/lifeCare/view/chapter018.vue
@@ -8,7 +8,7 @@
            <div class="content">
              <div class="pageStr">2-96</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>

 src/books/lifeCare/view/components/front001.vue

File was renamed from src/books/lifeCare/view/front001.vue
@@ -4,7 +4,7 @@
      <div v-if="showPageList.indexOf(1) > -1">
        <div class="bodystyle">
          <p class="center coverImg">
            <img alt="" class="imz" src="../image/Cover.jpg" />
            <img alt="" class="imz" src="../../image/Cover.jpg" />
          </p>
        </div>
      </div>
@@ -13,7 +13,7 @@
      <div v-if="showPageList.indexOf(2) > -1">
        <div class="bodystyle">
          <p class="center coverImg">
            <img alt="" class="imz" src="../image/SMY.jpg" />
            <img alt="" class="imz" src="../../image/SMY.jpg" />
          </p>
        </div>
      </div>
@@ -68,7 +68,7 @@
      <div v-if="showPageList.indexOf(4) > -1">
        <div class="bodystyle">
          <div class="front">
            <img alt="" class="img-0 prefaceImg" src="../image/sysm.png" />
            <img alt="" class="img-0 prefaceImg" src="../../image/sysm.png" />
          </div>
          <div class="pdf-content">
            <p>
@@ -92,7 +92,7 @@
              alt=""
              class="img-0 prefaceImg"
              style="top: 2%"
              src="../image/xu.png"
              src="../../image/xu.png"
            />
          </div>
          <div class="pdf-content">
@@ -129,7 +129,7 @@
            <div class="content">
              <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -169,7 +169,7 @@
      <div v-if="showPageList.indexOf(7) > -1">
        <div class="bodystyle">
          <div class="front">
            <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
            <img alt="" class="img-0 prefaceImg" src="../../image/preface.png" />
          </div>
          <div class="pdf-content">
            <p>
@@ -196,7 +196,7 @@
            <div class="content">
              <div class="pageStr">&nbsp;&nbsp;&nbsp;&nbsp;</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <img src="../../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·行动手册</span>
              </div>
            </div>
@@ -216,7 +216,7 @@
      <div v-if="showPageList.indexOf(9) > -1">
        <div class="bodystyle">
          <p class="center coverImg">
            <img class="imz" alt="" src="../image/0011-1.jpg" />
            <img class="imz" alt="" src="../../image/0011-1.jpg" />
          </p>
        </div>
      </div>

 src/books/lifeCare/view/components/index.vue

File was renamed from src/books/lifeCare/index.vue
@@ -1,8 +1,10 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="public-lifeCare"
      @mouseup="handleMouseUp"
      class="public-bookInnerContent"
      :style="{
        fontSize: fontSize ? fontSize + 'px' : '16px',
        transform: `scale(${pageZoom ? pageZoom : 1})`,
@@ -17,44 +19,44 @@
      <ChapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      />
      <ChapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      />
      <ChapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      />
      <ChapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      />
      <ChapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        @Upload_initViewer="changeDomViewer"
        :isSearch="isSearch"
      />
      <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      />
      <chapterSeven
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        @eventSwdt="swdtChange"
        @Upload_initViewer="changeDomViewer"
        :isSearch="isSearch"
@@ -62,13 +64,13 @@
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      />
      <chapterNine
        v-if="showCatalogList.indexOf(10) > -1"
        :showPageList="loadPageList"
        :questionData="questionData"
        :questionData="questionDataMap"
        :isSearch="isSearch"
      />
      <chapter010
@@ -112,29 +114,29 @@
</template>

<script>
import front001 from "./view/front001";
import ChapterOne from "./view/chapter001";
import ChapterTwo from "./view/chapter002";
import ChapterThree from "./view/chapter003";
import ChapterFour from "./view/chapter004";
import ChapterFive from "./view/chapter005";
import chapterSix from "./view/chapter006";
import chapterSeven from "./view/chapter007";
import chapterEight from "./view/chapter008";
import chapterNine from "./view/chapter009";
import chapter010 from "./view/chapter010";
import chapter011 from "./view/chapter011";
import chapter012 from "./view/chapter012";
import chapter013 from "./view/chapter013";
import chapter014 from "./view/chapter014";
import chapter015 from "./view/chapter015";
import chapter016 from "./view/chapter016";
import chapter017 from "./view/chapter017";
import chapter018 from "./view/chapter018";
import front001 from "./front001";
import ChapterOne from "./chapter001";
import ChapterTwo from "./chapter002";
import ChapterThree from "./chapter003";
import ChapterFour from "./chapter004";
import ChapterFive from "./chapter005";
import chapterSix from "./chapter006";
import chapterSeven from "./chapter007";
import chapterEight from "./chapter008";
import chapterNine from "./chapter009";
import chapter010 from "./chapter010";
import chapter011 from "./chapter011";
import chapter012 from "./chapter012";
import chapter013 from "./chapter013";
import chapter014 from "./chapter014";
import chapter015 from "./chapter015";
import chapter016 from "./chapter016";
import chapter017 from "./chapter017";
import chapter018 from "./chapter018";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import getQuestionList from "@/assets/methods/examination";
import testData from "./js/examinationList";
import testData from "../../js/examinationList";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
@@ -151,8 +153,9 @@
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionData: {},
      questionDataMap: {},
      renderSignMap: {},
      highlightData: null,
      isSearch: false,
    };
  },
@@ -215,11 +218,21 @@
        },
        // 渲染笔记、高亮、划线
        renderSign: (type, data) => {
          this.renderSign(type, data);
          // 因为调整为页面懒加载，所以渲染标记也需要按照页面进行处理，先储存数据，页面加载完成再渲染对应的标记；
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // 删除笔记、高亮、划线
        delSign: (data) => {
          this.delSign(data);
        },
        // 全文检索
        searchBookByKeyword: (keyword) => {
          return this.searchTextByPage(keyword);
        },
        // 跳转检索结果位置
        jumpSearchItem: (data) => {
          this.searchItemLocation(data);
        },
      });
    }
@@ -269,6 +282,7 @@
        this.initViewer();
      }, 500);
    },

    // 滚动监听
    scrollFun(event) {
      // 判断向上滚动还是向下滚动
@@ -347,6 +361,12 @@

    // 处理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // 立即渲染
        this.renderSign(type, data);
      }

      // 储存数据
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
@@ -355,6 +375,10 @@

    // 渲染标记
    renderSign(type, data) {
      // 父层设置禁止渲染标记时不再进行渲染
      if (this.$store.state.qiankun.disableSign) {
        return false;
      }
      const existence = (
        this.container ? this.container : document
      ).querySelector(`[dataid="${data.id}"]`);
@@ -408,6 +432,7 @@
        }
      }
    },

    // 删除标记渲染
    delSign({ ids, type }) {
      if (ids && ids.length) {
@@ -435,6 +460,7 @@
        }
      }
    },

    initObservation() {
      const sections = (
        this.container ? this.container : document
@@ -463,6 +489,7 @@
        }
      });
    },

    initThemeColor() {
      // 获取各种需要主题色的节点
      const colorDom = (
@@ -542,14 +569,7 @@
        }
      });
    },
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },

    pageChangeCallback(entries, observer) {
      //entries：代表观察到的目标元素的集合。 observer：代表观察者对象。
      entries.forEach((entry) => {
@@ -565,7 +585,7 @@
          const catalog = catalogDom.getAttribute("num");
          let text = null;
          if (target.querySelector("p")) {
            text = target.querySelector("p").textContent.substring(0, 20);
            text = target.querySelector("p").textContent.substring(0, 50);
          }
          // 返回页码和章节信息
          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
@@ -581,6 +601,7 @@
        }
      });
    },

    loadPageCallback(entries, observer) {
      entries.forEach(async (entry) => {
        if (entry.isIntersecting) {
@@ -591,32 +612,33 @@
              target,
              "chapter"
            );
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            if (!this.questionData[page]) {
            if (!this.questionDataMap[page]) {
              if (testData && testData[catalog]) {
                if (testData[catalog][page]) {
                  if (Array.isArray(testData[catalog][page])) {
                    this.questionData[page] = await getQuestionList(
                      page,
                      testData[catalog][page],
                      this.config.activeBook
                    );
                      this.questionDataMap[page] = await getQuestionList(
                        page,
                        testData[catalog][page],
                        this.config.activeBook
                      );
                  } else {
                    const obj = {};
                    for (let key in testData[catalog][page]) {
                      obj[key] = await getQuestionList(
                        [],
                        testData[catalog][page][key],
                        this.config.activeBook
                      );
                          obj[key] = await getQuestionList(
                          [],
                          testData[catalog][page][key],
                          this.config.activeBook
                        );
                    }
                    this.questionData[page] = obj;
                    this.questionDataMap[page] = obj;
                  }
                }
              }
            }
            // 添加页码
            this.loadPageList.push(Number(page));

            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
@@ -624,6 +646,36 @@
                  this.renderSign(key, item);
                });
              }
            }
            // 处理高亮
            if (this.highlightData) {
              // 高亮行
              setTimeout(() => {
                // 获取页面所有text节点
                const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
                // 匹配关键字
                const allPageTextNodes = [];
                let currentNode = pageTextList.nextNode();
                while (currentNode) {
                  allPageTextNodes.push(currentNode);
                  currentNode = pageTextList.nextNode();
                }
                for (let i = 0; i < allPageTextNodes.length; i++) {
                  const textDom = allPageTextNodes[i];
                  let txtIndex = textDom.textContent.indexOf(
                    this.highlightData.txt
                  );
                  if (txtIndex > -1) {
                    textDom.parentNode.style.transition =
                      "background-color 0.8s";
                    textDom.parentNode.scrollIntoView();
                    textDom.parentNode.style.backgroundColor = "#79bbf0";
                    setTimeout(() => {
                      textDom.parentNode.style.backgroundColor = "";
                    }, 1000);
                  }
                }
              }, 100);
            }
            if (this.loadPageList.length > 5) {
              // 超过5页
@@ -633,6 +685,7 @@
        }
      });
    },

    initSwiper() {
      const doms = (
        this.container ? this.container : document
@@ -712,6 +765,7 @@
        });
      }
    },

    initViewer() {
      const doms = (
        this.container ? this.container : document
@@ -728,63 +782,140 @@
        });
      }
    },
    // eslint-disable-next-line
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    handleMouseUp(e) {
      const selection = (
        this.container ? this.container : window
      ).getSelection();
      const txt = selection.toString();
      if (selection.type != "none" && txt) {
        let node = selection.anchorNode.parentNode;
        let pageHtml = this.getParentWithClass(
          selection.anchorNode,
          "page-box"
        );
        let chapterDom = this.getParentWithClass(
          selection.anchorNode,
          "chapter"
        );
        let chapterNum;
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        if (pageHtml) {
          const page = pageHtml.getAttribute("page");
          // 监听选中文本事件，并触发父层方法
          if (this.$store.state.qiankun.windowSelection) {
            this.$store.state.qiankun.windowSelection({
              chapterNum,
              txt,
              page,
              x: e.x,
              y: e.y,
            });
          }
        }
      } else {
        if (this.$store.state.qiankun.windowSelection) {
          this.$store.state.qiankun.windowSelection({
            chapterNum: "",
            txt: "",
            page: "",
            x: e.x,
            y: e.y,
          });
        }
      }
    },

    swdtChange(data) {
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
        this.$store.state.qiankun.chooseWords({
          type: data,
          type: data.type,
          data: data.data,
        });
      }
    },

    // 根据关键字全文检索
    searchTextByPage(keyword) {
      const searchResult = [];
      let catalogIndex = 0;
      // 所有章节组件（每本书制作时单独配置）
      const pageData = {
        front001,
        ChapterOne,
        ChapterTwo,
        ChapterThree,
        ChapterFour,
        ChapterFive,
        chapterSix,
        chapterSeven,
        chapterEight,
        chapterNine,
        chapter010,
        chapter011,
        chapter012,
        chapter013,
        chapter014,
        chapter015,
        chapter016,
        chapter017,
        chapter018,
      };
      // 遍历所有章节文件
      for (const key in pageData) {
        catalogIndex++;
        let pageComponent, pageExample;
        // 先渲染一次当前章节文件（这时页面的内容为空），获取页码信息
        pageComponent = Vue.extend(pageData[key]);
        pageExample = new pageComponent({
          propsData: {
            showPageList: [],
            questionData: {},
          },
        });
        pageExample.$mount(
          (this.container ? this.container : document).querySelector(
            "#searchContent"
          )
        );
        // 获取页码
        const pageDom = (this.container ? this.container : document)
          .querySelector("#searchDomBox")
          .querySelectorAll(".page-box");
        const pages = [];
        for (let i = 0; i < pageDom.length; i++) {
          const pageDomItem = pageDom[i];
          pages.push(Number(pageDomItem.getAttribute("page")));
        }
        // 获取页面结束，卸载销毁
        pageExample.$destroy();
        (this.container ? this.container : document).querySelector(
          "#searchDomBox"
        ).innerHTML = '<div id="searchContent"></div>';
        // 遍历页码
        if (pages.length) {
          for (let i = 0; i < pages.length; i++) {
            const pageNum = pages[i];
            // 动态渲染对应章节的页码
            pageComponent = Vue.extend(pageData[key]);
            pageExample = new pageComponent({
              propsData: {
                showPageList: [pageNum],
                questionData: {},
              },
            });
            pageExample.$mount(
              (this.container ? this.container : document).querySelector(
                "#searchContent"
              )
            );
            // 获取对应页面dom
            const thisPageDom = (this.container ? this.container : document)
              .querySelector("#searchDomBox")
              .querySelector(`[page="${pageNum}"]`);
            if (thisPageDom) {
              // 获取页面所有text节点
              const pageTextList = document.createTreeWalker(
                thisPageDom,
                NodeFilter.SHOW_TEXT
              );
              // 匹配关键字
              const allPageTextNodes = [];
              let currentNode = pageTextList.nextNode();
              while (currentNode) {
                allPageTextNodes.push(currentNode);
                currentNode = pageTextList.nextNode();
              }
              for (let i = 0; i < allPageTextNodes.length; i++) {
                const textDom = allPageTextNodes[i];
                let txtIndex = textDom.textContent.indexOf(keyword);
                if (txtIndex > -1) {
                  // 记录关键字所在页码、章节以及匹配到的段落
                  searchResult.push({
                    page: pageNum,
                    catalog: catalogIndex,
                    txt: textDom.textContent,
                    txtIndex: txtIndex,
                  });
                }
              }
              // 结束，卸载销毁
              pageExample.$destroy();
              (this.container ? this.container : document).querySelector(
                "#searchDomBox"
              ).innerHTML = '<div id="searchContent"></div>';
            }
          }
        }
      }
      // 输出搜索结果
      // console.log(searchResult);
      return searchResult;
    },

    // 根据检索结果跳转对应位置并高亮
    searchItemLocation(data) {
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    },
  },
  components: {
@@ -810,7 +941,3 @@
  },
};
</script>

<style lang="less">
@import "./css/default.less";
</style>

 src/books/lifeCare/view/index.vue

New file
@@ -0,0 +1,76 @@
<template>
  <div class="temp-bookInnerContent" @mouseup="handleMouseUp">
    <pageContent></pageContent>
  </div>
</template>

<script>
import pageContent from "./components/index.vue";
export default {
  components: {
    pageContent,
  },
  data() {
    return {};
  },

  mounted() {},
  methods: {
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },

    handleMouseUp(e) {
      const selection = (
        this.container ? this.container : window
      ).getSelection();
      const txt = selection.toString();
      if (selection.type != "none" && txt) {
        let node = selection.anchorNode.parentNode;
        let pageHtml = this.getParentWithClass(
          selection.anchorNode,
          "page-box"
        );
        let chapterDom = this.getParentWithClass(
          selection.anchorNode,
          "chapter"
        );
        let chapterNum;
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        if (pageHtml) {
          const page = pageHtml.getAttribute("page");
          // 监听选中文本事件，并触发父层方法
          if (this.$store.state.qiankun.windowSelection) {
            this.$store.state.qiankun.windowSelection({
              chapterNum,
              txt,
              page,
              x: e.x,
              y: e.y,
            });
          }
        }
      } else {
        if (this.$store.state.qiankun.windowSelection) {
          this.$store.state.qiankun.windowSelection({
            chapterNum: "",
            txt: "",
            page: "",
            x: e.x,
            y: e.y,
          });
        }
      }
    },
  },
};
</script>

<style lang="less">
@import "../css/default.less";
</style>