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

闫增涛

2024-05-24 ae0f7db7767d04612203c8c173c7dd9d0c1b7179

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

 src/books/lifeCare/css/default.less

@@ -22,10 +22,10 @@
  }

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

  input {
@@ -35,10 +35,11 @@
    outline: none;
    font-size: 16px;
    text-align: center;
    white-space: pre-line;
  }

  .chapter {
    font-family: "宋体", SimSun, sans-serif;
    font-family: "宋体";

    .topImg {
      padding-top: 0 !important;
@@ -51,42 +52,35 @@

    .header {
      width: 100%;
      height: 136px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1001;
      height: 100px;

      .pageHeader-first {
        width: 100%;
        height: 136px;
        position: relative;
        height: 100%;
        padding-top: 6%;

        .header-bj {
          width: 78%;
          height: 115px;
          height: 100%;
          border-left: 1px solid #dfb27d;
          border-bottom: 1px solid #dfb27d;
          position: absolute;
          right: 30px;
          top: 3px;
          margin-left: 18%;
        }

        .content {
          background-color: #f49a4c;
          width: 740px;
          height: 35px;
          position: absolute;
          left: 25px;
          top: 75px;
          width: 91%;
          height: 32%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-top: -5%;
          margin-left: 3%;

          .pageStr {
            width: 140px;
            padding: 2px 12px;
            color: #fff;
            font-size: 28px;
            font-size: 24px;
            text-align: center;
          }

@@ -103,7 +97,28 @@
            }
          }
        }

        @media (max-width: 414px) {

          .content {
            right: 3%;
            top: 4%;

            .title {
              font-size: 18px;
              padding: 2px 10px;
      }
          }
        }

        @media (max-width: 756px) {

          .content {
            margin-top: -12%;
          }
        }
      }


      .pageHeader-second {
        width: 100%;
@@ -111,6 +126,7 @@
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 3%;

        .second-con {
          width: 90%;
@@ -120,8 +136,8 @@
          align-items: center;
          font-size: 20px;
          position: absolute;
          right: 36px;
          top: 60px;
          right: 5%;
          top: 5%;

          .second-left {
            width: 23px;
@@ -155,6 +171,35 @@
              font-size: 28px;
              color: #fff;
            }
          }
        }

        @media (max-width: 414px) {

          .second-con {
            right: 3%;
            top: 4%;

            .second-right .pageNum {
              font-size: 18px;
              padding: 2px 10px;
            }
          }
        }

        @media (max-width: 756px) {

          .second-con {
            right: 3%;
            top: 4%;
          }
        }

        @media (max-width: 1024px) {

          .second-con {
            right: 3%;
            top: 3%;
          }
        }

@@ -195,15 +240,16 @@
        text-align: center;
        border: 1px solid #999;
        margin: 0;
        padding: 2px 9px;
        padding: 8px 9px;
        font-size: 16px;
      }

      tr td {
        border: 1px solid #999;
        text-align: center;
        padding: 2px 0;
        padding: 8px;
        overflow: hidden;
        white-space: pre-line;
      }
    }

@@ -269,6 +315,29 @@
      padding: 12px 10px;
      box-sizing: border-box;
      padding-top: 30px;
      font-family: '仿宋';
      font-weight: 700;


      p {
        margin-top: 0px;
      }

      .p-text {
        p {

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

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

    .page-box {
@@ -303,7 +372,7 @@
    }

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

@@ -467,12 +536,16 @@
      margin: 15px;
    }

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

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

    div.bj {
@@ -555,6 +628,15 @@
      text-indent: 0em;
    }

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

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

    p {
      margin-top: 1em;
      text-indent: 2em;
@@ -620,7 +702,7 @@
    }

    h2 {
      font-family: "宋体";
      font-family: "FZLTZHJW";
      font-weight: bold;
      font-size: 1.2em;
      margin-top: 0.2em;
@@ -633,7 +715,10 @@
    #b003,
    #b004,
    #b005,
    #b006 {
    #b006,
    #b007,
    #b008,
    #b009 {
      margin-bottom: 100px;
    }

@@ -918,7 +1003,7 @@
    }

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

@@ -1015,14 +1100,6 @@
      margin-right: -1em;
    }

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

    .bk-h3 {
      border: 3px solid #f49a4c;
      padding: 0.7em;
@@ -1091,11 +1168,20 @@
    }

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

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

    p.bj1-qjms {

 src/books/lifeCare/index.vue

@@ -14,20 +14,19 @@
      <ChapterThree v-if="showCatalogList.indexOf(3) > -1" />
      <ChapterFour v-if="showCatalogList.indexOf(4) > -1" />
      <ChapterFive v-if="showCatalogList.indexOf(5) > -1" />
      <!-- <chapterSix v-if="showCatalogList.indexOf(6) > -1" /> -->
      <!-- <chapterSix /> -->
      <!-- <chapterSeven /> -->
      <!-- <chapterEight /> -->
      <!-- <chapterNine /> -->
      <!-- <chapter010 /> -->
      <!-- <chapter011 /> -->
      <!-- <chapter012 /> -->
      <!-- <chapter013 /> -->
      <!-- <chapter014 /> -->
      <!-- <chapter015 /> -->
      <!-- <chapter016 /> -->
      <!-- <chapter017 /> -->
      <!-- <topic008 /> -->
      <chapterSix v-if="showCatalogList.indexOf(6) > -1" />
      <chapterSeven v-if="showCatalogList.indexOf(7) > -1" />
      <chapterEight v-if="showCatalogList.indexOf(8) > -1" />
      <chapterNine v-if="showCatalogList.indexOf(9) > -1" />
      <chapter010 v-if="showCatalogList.indexOf(10) > -1" />
      <chapter011 v-if="showCatalogList.indexOf(11) > -1" />
      <chapter012 v-if="showCatalogList.indexOf(12) > -1" />
      <chapter013 v-if="showCatalogList.indexOf(13) > -1" />
      <chapter014 v-if="showCatalogList.indexOf(14) > -1" />
      <chapter015 v-if="showCatalogList.indexOf(15) > -1" />
      <chapter016 v-if="showCatalogList.indexOf(16) > -1" />
      <chapter017 v-if="showCatalogList.indexOf(17) > -1" />
      <chapter018 v-if="showCatalogList.indexOf(18) > -1" />
    </div>
  </div>
</template>
@@ -51,6 +50,7 @@
import chapter015 from "./view/chapter015";
import chapter016 from "./view/chapter016";
import chapter017 from "./view/chapter017";
import chapter018 from "./view/chapter018";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
export default {
@@ -165,6 +165,7 @@
    chapter015,
    chapter016,
    chapter017,
    chapter018,
  },
  computed: {
    fontSize() {

 src/books/lifeCare/js/examinationList.js

@@ -14,6 +14,15 @@
  5: {
    94: [67040, 67041, 67042, 67043, 67044, 67045, 67046, 67047],
  },
  6: {
    108: [67048, 67049, 67050, 67051, 67052, 67053, 67054, 67055],
  },
  7: {
    131: [67056, 67057, 67058, 67059, 67060, 67061],
  },
  8: {
    141: [67062, 67063, 67064, 67065, 67066, 67067],
  },
};

export default testData;

 src/books/lifeCare/view/chapter002.vue

@@ -216,7 +216,6 @@
        <p>
          2～4人为一组开展实训操作，其中一人操作，其他同学观摩。操作者一边实操一边讲解操作要领，其他同学按照班级环境清洁消毒的评分标准给操作者打分。
        </p>
        <p><br /></p>
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -605,7 +604,6 @@
        </p>
        <p>5.根据检查的结果发放对应的晨间检查牌。</p>
        <p>6.将所用物品清理干净，摆放整齐。</p>
        <p><br /></p>
        <div class="tips-bk">
          <div class="bj-tip">
            晨间检查评分标准<img
@@ -1113,8 +1111,9 @@
            v-model="chapter002.textAreaItem.text21"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            rows="3"
            maxlength="100"
            class="texxtareaInput"
            @blur="onBlurChange('text21')"
          ></textarea>
          <p class="left">表现</p>
@@ -1122,8 +1121,9 @@
            v-model="chapter002.textAreaItem.text22"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            rows="3"
            maxlength="100"
            class="texxtareaInput"
            @blur="onBlurChange('text22')"
          ></textarea>
          <p class="left">原因</p>
@@ -1131,8 +1131,9 @@
            v-model="chapter002.textAreaItem.text23"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            rows="3"
            maxlength="100"
            class="texxtareaInput"
            @blur="onBlurChange('text23')"
          ></textarea>
        </div>

 src/books/lifeCare/view/chapter003.vue

@@ -2486,6 +2486,7 @@
        isScore1Open: true,
        isScore2Open: true,
        isScore3Open: true,
        isScore4Open:true,
        qustionData: {},
        // 七步洗手法评分。。
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],

 src/books/lifeCare/view/chapter004.vue

@@ -1,5 +1,5 @@
<template>
  <div class="chapter">
  <div class="chapter" num="4">
    <div class="page-box" page="55">
      <div class="bodystyle topImg">
        <h2 id="b004">
@@ -1203,26 +1203,32 @@
        <p class="block">B.吞咽反射</p>
        <p class="block">C.吸吮反射</p>
        <p class="block">D.条件反射</p>
        <p>7.培养良好的二便习惯和生活方式有利于（　<input
        <p>
          7.培养良好的二便习惯和生活方式有利于（　<input
            v-model="chapter004.radio.text7"
            @blur="onRadioText()"
          />　）。</p>
          />　）。
        </p>
        <p class="block">A.提高婴幼儿动作的灵活性</p>
        <p class="block">B.提高婴幼儿的社会交往能力</p>
        <p class="block">C.提高婴幼儿机体的工作效率</p>
        <p class="block">D.促进婴幼儿的智力发展</p>
        <p>8.培养婴幼儿的二便习惯要（　<input
        <p>
          8.培养婴幼儿的二便习惯要（　<input
            v-model="chapter004.radio.text8"
            @blur="onRadioText()"
          />　）。</p>
          />　）。
        </p>
        <p class="block">A.抓准间隔时间提前提醒</p>
        <p class="block">B.提早训练</p>
        <p class="block">C.以家长的威严制服婴儿</p>
        <p class="block">D.用食物逗引婴儿</p>
        <p>9.婴幼儿二便后不正确的清洁方法是（　<input
        <p>
          9.婴幼儿二便后不正确的清洁方法是（　<input
            v-model="chapter004.radio.text9"
            @blur="onRadioText()"
          />　）。</p>
          />　）。
        </p>
        <p class="block">A.便后洗手</p>
        <p class="block">B.用温水洗屁股</p>
        <p class="block">C.便后便盆清洗消毒</p>
@@ -1239,7 +1245,10 @@
            v-if="chapter004.idOpenThree && chapter004.qustionData[65]"
            class="tips-file"
          >
            <examinations :primaryColor="'#f49a4c'" :cardList="chapter004.qustionData[65]" />
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter004.qustionData[65]"
            />
          </div>
        </div>
      </div>
@@ -1254,7 +1263,7 @@
export default {
  name: "chapter004",
  components: {
    examinations
    examinations,
  },
  data() {
    return {
@@ -1317,16 +1326,26 @@
    if (localData) {
      this.chapter004 = { ...Object.assign(this.chapter004, localData) };
    }
    this.chapter004.videOneUrl = getResourcePath("c276be12bae3b1df0b3ce4aa01b14e1e");
    this.chapter004.videoTwoUrl = getResourcePath("7eb7fe2e3c13885a96143110ca4f5654");
    this.chapter004.videoFourUrl = getResourcePath("1b04691b60e5b5b207b3a4967c495d29");
    this.chapter004.videOneUrl = getResourcePath(
      "c276be12bae3b1df0b3ce4aa01b14e1e"
    );
    this.chapter004.videoTwoUrl = getResourcePath(
      "7eb7fe2e3c13885a96143110ca4f5654"
    );
    this.chapter004.videoFourUrl = getResourcePath(
      "1b04691b60e5b5b207b3a4967c495d29"
    );
    this.chapter004.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e";
    this.chapter004.videoTwoUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654";
    this.chapter004.videoFourUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29";
    this.chapter004.qustionData = await getQuestionData("4",testData[4],this.config.activeBook);
    this.chapter004.qustionData = await getQuestionData(
      "4",
      testData[4],
      this.config.activeBook
    );
  },
  methods: {
    activityOne() {

 src/books/lifeCare/view/chapter005.vue

@@ -413,7 +413,6 @@
        <h4 id="d045">
          ▶▶ 活动3：冲调配方奶<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <p><br /></p>
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -2767,6 +2766,7 @@
        isScore1Open: true,
        isScore2Open: true,
        isScore3Open: true,
        isScore4Open:true,
        qustionData: {},
        // 冲调配方奶
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],

 src/books/lifeCare/view/chapter006.vue

@@ -940,21 +940,6 @@
        <h4 id="d070">
          ▶▶ 应用与实践<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元六应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
          </div>
          <div
            v-if="chapter006.idOpenThree && chapter006.qustionData[3]"
            class="tips-file"
          >
            <examinations :cardList="chapter006.qustionData[3]" />
          </div>
        </div>
        <p><br /></p>
        <p><b>一、单选题</b></p>
        <p>
@@ -1045,15 +1030,33 @@
            @blur="onBlurChange('desc1')"
          ></textarea>
        </div>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元六应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
          </div>
          <div
            v-if="chapter006.idOpenThree && chapter006.qustionData[108]"
            class="tips-file"
          >
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter006.qustionData[108]"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
// import getResourcePath from "@/assets/methods/resources.js";
// import getQuestionData from "@/assets/methods/examination.js";
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
// import examinations from "@/components/examinations/index.vue";
import examinations from "@/components/examinations/index.vue";

export default {
  name: "chapter006",
@@ -1061,18 +1064,10 @@
    return {
      chapter006: {
        videOneUrl: "",
        videoTwoUrl: "",
        videoFourUrl: "",
        videoFiveUrl: "",
        isGroupOpen: true,
        isOpenOne: true,
        isOpenTwo: true,
        idOpenThree: true,
        isOpenFour: true,
        isOpenFive: true,
        isScore1Open: true,
        isScore2Open: true,
        isScore3Open: true,
        qustionData: {},
        // 准备饮水物品的评分标准
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
@@ -1194,17 +1189,23 @@
    };
  },
  components: {
    // examinations,
    examinations,
  },
  created() {
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter006"));
    if (localData) {
      this.chapter006 = { ...Object.assign(this.chapter006, localData) };
    }
    // this.chapter006.videOneUrl = getResourcePath("04fafb0e896ffe0379edd6d695a92b13");
    this.chapter006.videOneUrl = getResourcePath(
      "04fafb0e896ffe0379edd6d695a92b13"
    );
    this.chapter006.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=04fafb0e896ffe0379edd6d695a92b13";
    // this.chapter006.qustionData = await getQuestionData("5",testData[5]);
    this.chapter006.qustionData = await getQuestionData(
      "6",
      testData[6],
      this.config.activeBook
    );
  },
  methods: {
    activityOne() {
@@ -1252,11 +1253,6 @@
      this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    // updateCell152(rowIndex, cellIndex, value) {
    //   // 更新单元格数据
    //   this.$set(this.chapter006.tableData152[rowIndex], cellIndex, value);
    //   localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    // },
    updateCell162(rowIndex, cellIndex, value) {
      // 更新单元格数据
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));

 src/books/lifeCare/view/chapter007.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="7">
    <div class="page-box" page="114">
      <div class="bodystyle topImg">
        <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -46,7 +46,19 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="115">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-110</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk">
          <div class="bj1">
@@ -78,7 +90,20 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="116">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-111</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <h4 id="d071">
          ▶▶ 活动1：了解不同年龄段的婴幼儿的睡眠需求<span class="fontsz1"
@@ -104,26 +129,97 @@
        <p>根据以上描述，请查阅阅读手册，完成下列练习。</p>
        <p>1.你认为婴幼儿的睡眠重要吗？请写明睡眠对婴幼儿健康成长的价值。</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text1"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text1')"
          ></textarea>
        </div>
        <p>
          2.上述情境中的宝宝睡眠是否足够？4个月大的婴儿一天应该需要多少睡眠时间？请对此开展家长指导。
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text2"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
        <p>3.学习阅读手册，填写表1-7-1。</p>
        <p class="img">表1-7-1　婴幼儿24小时内平均睡眠时间</p>
        <p class="center">
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width:
                      index == 0 || index == chapter007.tableData171.length - 1
                        ? '100px'
                        : '',
                  }"
                  v-for="(header, index) in chapter007.headersData"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter007.tableData171"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter007.tableData171[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      :readonly="cellIndex == 0"
                      type="text"
                      :value="chapter007.tableData171[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p><br /></p>
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0127-1.jpg" />
        </p>
        </p> -->
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="117">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-112</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h4 id="d072">
          ▶▶ 活动2：了解良好的睡眠环境的要求<span class="fontsz1"
@@ -145,34 +241,79 @@
        <p>分析上述情境，回答下列问题。</p>
        <p>1.婴幼儿是否需要特别安静的睡眠环境？为什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text4"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text4')"
          ></textarea>
        </div>
        <p>2.为婴幼儿创设睡眠环境时，需要注意哪些方面的检查？</p>
        <div class="bk-tx">
          <p class="left">门窗</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text5"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text5')"
          ></textarea>
          <p class="left">床</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text6"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text6')"
          ></textarea>
          <p class="left">室温</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text7"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text7')"
          ></textarea>
          <p class="left">其他</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text8"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text8')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="118">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-113</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>3.请绘制良好的睡眠环境图。</p>
        <div class="bk-tx">
          <p>　</p>
          <p>　</p>
          <p>　</p>
          <p><br /></p>
          <p><br />　</p>
        </div>
        <h4 id="d073">
          ▶▶ 活动3：创设睡眠环境<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
@@ -199,27 +340,50 @@
        </p>
        <p>为婴幼儿铺床时的注意事项有哪些？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text9"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text9')"
          ></textarea>
        </div>
        <p>
          5.安排床位。安排床位时，卧室内床头的间距应为0.5米左右，两排床的间距应为0.9米左右。全体婴幼儿头脚交叉睡。
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="119">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-114</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p>为婴幼儿安排床位时的注意事项有哪些？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text10"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text10')"
          ></textarea>
        </div>
        <p><b>③实训练习</b></p>
        <p>
          2～4人为一组开展为婴幼儿创设良好睡眠环境的模拟实训，其中一人操作，其他同学观摩。操作者一边实操一边讲解操作要领，其他同学按照创设良好睡眠环境的评分标准给操作者打分。
        </p>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -230,7 +394,75 @@
            <img class="img-h" alt="" src="../image/0130-1.jpg" />
          </p>
          <p class="img">创设良好睡眠环境的评分标准</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            创设良好睡眠环境的评分标准<img
              src="../icons/task.png"
              @click="activityGroup"
              alt=""
            />
        </div>
          <div v-if="chapter007.isGroupOpen" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width:
                        index == 1 || index == chapter007.groupData.length - 1
                          ? '100px'
                          : '',
                    }"
                    v-for="(header, index) in chapter007.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter007.groupData"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.groupData[rowIndex][cellIndex]"
                        @blur="
                          updateCellGroup(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter007.groupData[rowIndex][cellIndex]"
                        @blur="
                          updateCellGroup(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><br /></p>
        <h3 id="c025">
          <span class="bk-h3"
            ><span class="bj1-h3">二</span>　　识别睡眠信号　</span
@@ -256,49 +488,121 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="120">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-115</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>分析上述情境，回答下列问题，完成练习。</p>
        <p>
          1.如果小布丁继续被逗着玩，妈妈没有重视她的睡眠信号，会产生什么情况？
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text11"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text11')"
          ></textarea>
        </div>
        <p>
          2.“孩子想睡就睡，不想睡，那就不让他睡”这样的照护观念是否正确？为什么？小林老师该怎么办？
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text12"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text12')"
          ></textarea>
        </div>
        <p>3.观察并收集婴幼儿的睡眠信号。若有照片，可贴在下面。</p>
        <div class="bk-tx">
          <p>　</p>
          <p>　</p>
          <p><br /></p>
          <p><br /></p>
        </div>
        <p>4.查阅阅读手册，研讨及归纳婴幼儿的睡眠信号。</p>
        <div class="bk-tx">
          <p class="left">睡前情绪</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text13"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text13')"
          ></textarea>
          <p class="left">睡前语言</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text14"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text14')"
          ></textarea>
          <p class="left">睡前动作</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text15"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text15')"
          ></textarea>
          <p class="left">睡前眼神</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text16"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text16')"
          ></textarea>
          <p class="left">其他特征</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text17"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text17')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="121">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-116</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h4 id="d075">
          ▶▶ 活动2：根据睡眠信号及时哄睡<span class="fontsz1"
@@ -314,13 +618,25 @@
        <p>分析上述情境，回答下列问题。</p>
        <p>1.小丁当的睡眠信号有哪些？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text18"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text18')"
          ></textarea>
        </div>
        <p>2.针对小丁当的睡眠信号，我们该如何做？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text19"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text19')"
          ></textarea>
        </div>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述2　⊙</p>
@@ -330,28 +646,95 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="122">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-117</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>分析上述情境，回答问题并完成练习。</p>
        <p>1.除了上述情境中提到的睡眠信号之外，你还知道哪些？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text99"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text99')"
          ></textarea>
        </div>
        <p>
          2.根据收集的婴幼儿的睡眠信号找到相应的哄睡小妙招，分享介绍，比比谁的妙招好（见表1-7-2）。
        </p>
        <p class="img">表1-7-2　睡眠信号及哄睡小妙招</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0133-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width:
                      index == 0 || index == chapter007.tableData172.length - 1
                        ? '100px'
                        : '',
                  }"
                  v-for="(header, index) in chapter007.headersData172"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter007.tableData172"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter007.tableData172[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      :readonly="cellIndex == 0"
                      type="text"
                      :value="chapter007.tableData172[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <h3 id="c026">
          <span class="bk-h3"
            ><span class="bj1-h3">三</span>　　睡前准备　</span
          >
        </h3>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -361,15 +744,40 @@
            <img class="img-h" alt="" src="../image/0133-2.jpg" />
          </p>
          <p class="img">午睡前的准备</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：午睡前的准备<img
              src="../icons/video.png"
              @click="activityOne"
              alt=""
            />
        </div>
          <div
            class="tips-file"
            v-if="chapter007.isOpenOne && chapter007.videOneUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videOneUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p>
          托育园的保教人员在照护婴幼儿睡觉的时候，不仅要为他们创设良好的睡眠环境，还要鼓励他们做力所能及的事情，如穿脱衣服、鞋袜等，要对婴幼儿的尝试与努力给予肯定，不要因为他们做不好或做得慢而包办代替。同时，还要指导婴幼儿学习和掌握生活自理的基本方法。
        </p>
        <h4 id="d076">
          ▶▶ 活动1：指导脱穿衣物<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -379,7 +787,33 @@
            <img class="img-h" alt="" src="../image/0133-3.jpg" />
          </p>
          <p class="img">午睡前的护理</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：午睡前的护理<img
              src="../icons/video.png"
              @click="activityTwo"
              alt=""
            />
        </div>
          <div
            class="tips-file"
            v-if="chapter007.isOpenTwo && chapter007.videoTwoUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videoTwoUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述　⊙</p>
          <p class="block">
@@ -388,20 +822,43 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="123">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-118</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p>1.婴幼儿脱穿衣物时应注意保护哪些身体部位？请回答问题并说明原因。</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text20"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text20')"
          ></textarea>
        </div>
        <p>2.根据阅读手册，说明如何指导婴幼儿脱穿衣物。</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text21"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text21')"
          ></textarea>
        </div>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -411,18 +868,48 @@
            <img class="img-h" alt="" src="../image/0134-1.jpg" />
          </p>
          <p class="img">脱衣物指导</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：脱衣物指导<img
              src="../icons/video.png"
              @click="activityFour"
              alt=""
            />
        </div>
          <div
            class="tips-file"
            v-if="chapter007.isOpenFour && chapter007.videoFourUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videoFourUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p>3.尝试给婴幼儿脱穿衣物编首儿歌。</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text22"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text22')"
          ></textarea>
        </div>
        <p>
          4.实训练习。2～4人为一组开展实训操作，其中一人操作，其他同学观摩。操作者一边实操一边讲解操作要领，其他同学按照指导脱穿衣物的评分标准给操作者打分。
        </p>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -432,7 +919,75 @@
            <img class="img-h" alt="" src="../image/0134-2.jpg" />
          </p>
          <p class="img">指导穿脱衣物的评分标准</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            指导穿脱衣物的评分标准<img
              src="../icons/task.png"
              @click="activityScore1"
              alt=""
            />
        </div>
          <div v-if="chapter007.isScore1Open" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width:
                        index == 1 || index == chapter007.scoreData1.length - 1
                          ? '100px'
                          : '',
                    }"
                    v-for="(header, index) in chapter007.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter007.scoreData1"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.scoreData1[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore1(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter007.scoreData1[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore1(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><br /></p>
        <h4 id="d077">
          ▶▶ 活动2：讲述睡前故事<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
@@ -451,7 +1006,20 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="124">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-119</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-qjms">
          <p class="block">小兔子打了一个哈欠。</p>
@@ -471,24 +1039,46 @@
        </div>
        <p>1.若为婴幼儿讲述睡前故事，你会选择哪些绘本？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text23"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text23')"
          ></textarea>
        </div>
        <p>2.在讲述睡前故事的时候，应注意什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text24"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text24')"
          ></textarea>
        </div>
        <p>
          3.实训练习。2～4人为一组开展实训操作，其中一人操作，其他同学观摩。操作者一边实操一边讲解操作要领，其他同学按照给婴幼儿讲述故事的评分标准给操作者打分。
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="125">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-120</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -498,7 +1088,75 @@
            <img class="img-h" alt="" src="../image/0135-1.jpg" />
          </p>
          <p class="img">给婴幼儿讲述故事的评分标准</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            给婴幼儿讲述故事的评分标准<img
              src="../icons/task.png"
              @click="activityScore2"
              alt=""
            />
        </div>
          <div v-if="chapter007.isScore2Open" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width:
                        index == 1 || index == chapter007.scoreData2.length - 1
                          ? '100px'
                          : '',
                    }"
                    v-for="(header, index) in chapter007.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter007.scoreData2"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.scoreData2[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore2(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter007.scoreData2[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore2(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><br /></p>
        <h4 id="d078">
          ▶▶ 活动3：开展睡前指导<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
@@ -517,67 +1175,154 @@
        <p>根据上述情境，回答问题并完成练习。</p>
        <p>1.王老师的睡前指导为什么能成功？还有哪些有效的睡前指导方法？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text25"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text25')"
          ></textarea>
        </div>
        <p>2.面对冬冬的睡前状态，陈老师该如何帮助他？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text26"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text26')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="126">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-121</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>3.请绘制为婴幼儿做睡前准备工作的思维导图。</p>
        <div class="bk-tx">
          <p>　</p>
          <p>　</p>
          <p>　<br /></p>
          <p>　<br /></p>
        </div>
        <p>4.根据阅读手册，讨论如何有效开展睡前准备工作。</p>
        <p>（1）在开展各项睡前活动时应注意哪些问题？</p>
        <div class="bk-tx">
          <p class="left">如厕</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text27"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text27')"
          ></textarea>
          <p class="left">洗手、擦手</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text28"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text28')"
          ></textarea>
          <p class="left">进入卧室</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text29"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text29')"
          ></textarea>
          <p class="left">脱衣物并整理</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text30"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text30')"
          ></textarea>
        </div>
        <p>（2）如何有效地营造氛围？</p>
        <div class="bk-tx">
          <p class="left">播放音乐</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <<textarea
            v-model="chapter007.textAreaItem.text31"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text31')"
          ></textarea>
          <p class="left">讲故事</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text32"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text32')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="127">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-122</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p>（3）如何平复婴幼儿的情绪从而为入睡做准备？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text33"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text33')"
          ></textarea>
        </div>
        <p>（4）如何照护个别入睡困难的婴幼儿？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text34"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text34')"
          ></textarea>
        </div>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -588,7 +1333,33 @@
            <img class="img-h" alt="" src="../image/0138-1.jpg" />
          </p>
          <p class="img">午睡巡查</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：午睡巡查<img
              src="../icons/video.png"
              @click="activityFive"
              alt=""
            />
        </div>
          <div
            class="tips-file"
            v-if="chapter007.isOpenFive && chapter007.videoFiveUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videoFiveUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <h3 id="c027">
          <span class="bk-h3"
            ><span class="bj1-h3">四</span>　　睡中观察　</span
@@ -610,18 +1381,36 @@
        </div>
        <p>1.以上情境中的睡姿是否正确？为什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text35"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text35')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="128">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-123</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>2.拍摄或绘制婴幼儿的各种睡姿。</p>
        <div class="bk-tx">
          <p>　</p>
          <p>　</p>
          <p><br />　</p>
          <p><br />　</p>
        </div>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述2　⊙</p>
@@ -632,14 +1421,35 @@
        <p>1.根据阅读手册，分析每一种正确睡姿的益处。</p>
        <div class="bk-tx">
          <p class="left">侧卧</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text36"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text36')"
          ></textarea>
          <p class="left">仰卧</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text37"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text37')"
          ></textarea>
          <p class="left">其他睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text38"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text38')"
          ></textarea>
        </div>
        <p>
          2.婴幼儿有哪些不良的睡姿？不良的睡姿有什么危害？相应的纠正方法是什么？
@@ -647,74 +1457,204 @@
        <p>（1）张嘴睡。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text40"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text40')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="129">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-124</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-tx">
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text41"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text41')"
          ></textarea>
        </div>
        <p>（2）枕臂睡。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text42"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text42')"
          ></textarea>
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text43"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text43')"
          ></textarea>
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text44"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text44')"
          ></textarea>
        </div>
        <p>（3）蒙头睡。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text45"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text45')"
          ></textarea>
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text46"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text46')"
          ></textarea>
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text47"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text47')"
          ></textarea>
        </div>
        <p>（4）趴着睡。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text48"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text48')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="130">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-125</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-tx">
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text49"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text49')"
          ></textarea>
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text50"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text50')"
          ></textarea>
        </div>
        <p>（5）其他不良睡姿。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text51"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text51')"
          ></textarea>
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text52"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text52')"
          ></textarea>
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text53"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text53')"
          ></textarea>
        </div>
        <h4 id="d080">
          ▶▶ 活动2：培养良好的睡眠习惯<span class="fontsz1"
@@ -735,7 +1675,19 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="131">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-126</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述3　⊙</p>
@@ -745,18 +1697,36 @@
        </div>
        <p>1.老师是如何帮助融融形成自主入睡的习惯的？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text54"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text54')"
          ></textarea>
        </div>
        <p>2.为避免发生类似情境2中的安全事故，我们应如何做？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text55"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text55')"
          ></textarea>
        </div>
        <p>3.情境3中的老师的睡眠照护行为合适吗？你还有别的办法帮助栋栋吗？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text56"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text56')"
          ></textarea>
        </div>
        <p>4.观察记录。</p>
        <p>
@@ -764,28 +1734,62 @@
        </p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text57"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text57')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="132">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-127</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>
          （2）创造适于婴幼儿睡眠的环境：准备安静的环境、整洁的床铺，睡眠室的光线及温湿度要适宜，尽量减少不良干扰因素；给婴幼儿读准备好的睡前读物；与婴幼儿聊天，消除婴幼儿担心、害怕、紧张的情绪。
        </p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text58"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text58')"
          ></textarea>
        </div>
        <p>
          （3）限制和控制婴幼儿的睡前行为：睡前忌进食、饮水过多；不可过度游戏、玩耍，使婴幼儿的情绪较为稳定。
        </p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text59"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text59')"
          ></textarea>
        </div>
        <p>（4）纠正不良入睡方式及不良睡眠节律模式、睡姿、行为等。</p>
        <p>
@@ -798,19 +1802,45 @@
        <p>不良睡眠行为：擦腿综合征、遗尿等。</p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text60"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text60')"
          ></textarea>
        </div>
        <p>（5）整理用物，洗手，记录。</p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text61"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text61')"
          ></textarea>
        </div>
        <p>（6）注意事项：动作熟练且轻柔，保护婴幼儿，避免不必要的伤害。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="133">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-128</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h3 id="c028">
          <span class="bk-h3"
@@ -840,12 +1870,17 @@
          1.经常听人说婴幼儿有“起床气”，保教人员该如何照护刚睡醒的婴幼儿呢？
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text62"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text62')"
          ></textarea>
        </div>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <p><br /></p> -->
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -855,24 +1890,117 @@
            <img class="img-h" alt="" src="../image/0144-1.jpg" />
          </p>
          <p class="img">起床后的护理</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：起床后的护理<img
              src="../icons/video.png"
              @click="activitySix"
              alt=""
            />
        </div>
          <div
            class="tips-file"
            v-if="chapter007.isOpenSix && chapter007.videoSixUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videoSixUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p>
          2.婴幼儿起床后，保教人员除了需要引导婴幼儿穿衣物，还需要做哪些睡后指导工作？
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text63"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text63')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="134">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-129</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>3.请小组讨论，填写睡后指导的主要工作内容（见表1-7-3）。</p>
        <p class="img">表1-7-3　婴幼儿睡后指导的主要内容</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0145-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width:
                      index == chapter007.headersData173.length - 1
                        ? '300px'
                        : '',
                  }"
                  v-for="(header, index) in chapter007.headersData173"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter007.tableData173"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter007.tableData173[rowIndex][cellIndex]"
                      @blur="
                        updateCell173(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      :readonly="cellIndex == 0"
                      type="text"
                      :value="chapter007.tableData173[rowIndex][cellIndex]"
                      @blur="
                        updateCell173(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p><br /></p>
        <h4 id="d082">
          ▶▶ 活动2：睡后环境整理<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
@@ -885,42 +2013,101 @@
        <p>根据上述情境，回答以下问题。</p>
        <p>1.为什么要进行睡后环境整理工作？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text64"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text64')"
          ></textarea>
        </div>
        <p>2.婴幼儿离开睡眠室后，该如何进行整理工作？</p>
        <div class="bk-tx">
          <p class="left">开窗通风</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text65"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text65')"
          ></textarea>
          <p class="left">整理床铺</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text66"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text66')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="135">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-130</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-tx">
          <p class="left">清洁地面</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text67"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text67')"
          ></textarea>
          <p class="left">放置物品</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text68"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text68')"
          ></textarea>
          <p class="left">消毒</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text68"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text68')"
          ></textarea>
          <p class="left">其他</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text69"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text69')"
          ></textarea>
        </div>
        <h4 id="d083">
          ▶▶ 应用与实践<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <p><br /></p> -->
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
@@ -929,29 +2116,54 @@
          <p class="center">
            <img class="img-g" alt="" src="../image/0146-2.jpg" />
          </p>
        </div>
        </div> -->
        <p><b>一、单选题</b></p>
        <p>1.睡眠照护的主要任务是（　　）。</p>
        <p>
          1.睡眠照护的主要任务是（　<input
            v-model="chapter007.radio.text1"
            @blur="onRadioText()"
          />　）。
        </p>
        <p class="block">A.指导婴幼儿自己穿脱衣服</p>
        <p class="block">B.帮助婴幼儿学习叠被子</p>
        <p class="block">C.保证婴幼儿睡好、睡足</p>
        <p class="block">D.引导婴幼儿把鞋子放在固定的位置</p>
        <p>2.婴幼儿的正确睡姿是（　　）。</p>
        <p>
          2.婴幼儿的正确睡姿是（　<input
            v-model="chapter007.radio.text2"
            @blur="onRadioText()"
          />　）。
        </p>
        <p class="block">A.趴睡</p>
        <p class="block">B.侧睡</p>
        <p class="block">C.张嘴睡</p>
        <p class="block">D.蒙头睡</p>
        <p>3.照护婴幼儿睡眠的睡前准备工作不包含（　　）。</p>
        <p>
          3.照护婴幼儿睡眠的睡前准备工作不包含（　<input
            v-model="chapter007.radio.text3"
            @blur="onRadioText()"
          />　）。
        </p>
        <p class="block">A.如厕</p>
        <p class="block">B.洗手</p>
        <p class="block">C.脱衣物</p>
        <p class="block">D.吃食物</p>
        <p>4.营造婴幼儿良好的睡眠环境的错误做法是（　　）。</p>
        <p>
          4.营造婴幼儿良好的睡眠环境的错误做法是（　<input
            v-model="chapter007.radio.text4"
            @blur="onRadioText()"
          />　）。
        </p>
        <p class="block">A.做健身操</p>
        <p class="block">B.关门窗</p>
        <p class="block">C.拉窗帘</p>
        <p class="block">D.播放音乐</p>
        <p>5.一至两岁的幼儿每日适宜的睡眠总时长是（　　）。</p>
        <p>
          5.一至两岁的幼儿每日适宜的睡眠总时长是（　<input
            v-model="chapter007.radio.text5"
            @blur="onRadioText()"
          />　）。
        </p>
        <p class="block">A.20小时</p>
        <p class="block">B.14小时</p>
        <p class="block">C.12小时</p>
@@ -963,7 +2175,20 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="136">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-131</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p class="block">
          她会向幼儿睡觉的方向扫视一下，发现蹬被子等异常问题会及时处理。中途，坤坤小朋友从被窝里出来，直接走到张老师跟前请求上厕所，张老师点头同意了，并提醒坤坤注意安全。坤坤上厕所回来后，旁边的阳阳小朋友睡醒了，于是就和坤坤讲话。此时，张老师及时提醒：“阳阳，午睡时不能讲话。”过了一会儿，阳阳又忍不住讲话了。张老师坐不住了，走过去对阳阳说：“今天下午的玩沙游戏，不允许你参加，等你哪天午睡不讲话了，才可以参加下午的游戏。”
@@ -971,7 +2196,402 @@
        <p class="block">
          起床音乐响了，张老师要求幼儿立即起床：“小朋友，快起床，你们是中班的大姐姐、大哥哥了，不要做小懒猫，不会穿衣服的可以互相帮助，如果实在不会穿，可以喊老师来帮忙。”在15分钟的穿衣过程中，并没有幼儿向老师请求帮助，等所有幼儿都离开后，张老师高兴地想：到底是中班了，看护午睡越来越轻松了，于是也高高兴兴地离开了睡眠室。
        </p>
        <p><br /></p>
        <div class="bk-tx">
          <textarea
            v-model="chapter007.radio.desc"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc')"
          ></textarea>
        </div>
        <p></p>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元七应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
          </div>
          <div
            v-if="chapter007.idOpenThree && chapter007.qustionData[131]"
            class="tips-file"
          >
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter007.qustionData[131]"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
import examinations from "@/components/examinations/index.vue";

export default {
  name: "chapter007",
  data() {
    return {
      chapter007: {
        videoTwoUrl: "",
        videoFourUrl: "",
        videoFiveUrl: "",
        videoSixUrl: "",
        isGroupOpen: true,
        isOpenOne: true,
        isOpenTwo: true,
        idOpenThree: true,
        isOpenFour: true,
        isOpenFive: true,
        isOpenSix: true,
        isScore1Open: true,
        isScore2Open: true,
        qustionData: {},
        // 创设良好睡眠环境的评分标准
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
        groupData: [
          [
            1,
            "物品准备",
            7,
            "床、被褥、音乐播放器、适龄绘本、室温计、湿度计、床刷（共7分）",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            4,
            "束起头发，洗净双手，穿着适宜的服装，戴口罩（共4分）",
            "",
            "",
          ],
          [
            3,
            "门窗",
            10,
            "提前打开门窗通风，保持空气流通（共5分），夏季开窗通风，秋冬寒冷季节铺床后要关窗（共5分）。",
            "",
            "",
          ],
          [4, "窗帘", 5, "拉上窗帘（共5分）", "", ""],
          [
            5,
            "室温",
            15,
            "合理使用空调，空调请提前开启，调整空调温度并注意风向(不能直接对着婴幼儿吹)（共10分），夏季使室温保持在14 ℃～18 ℃，冬季使室温保持在27 ℃左右（共10分）",
            "",
            "",
          ],
          [6, "湿度", 10, "调节湿度为50％～60％（共10分）", "", ""],
          [
            7,
            "床铺",
            24,
            "将被子掀开呈90°的角，方便婴幼儿钻进被窝，避免着凉（共12分）",
            "",
            "",
          ],
          [
            8,
            "床位",
            10,
            "安排床位时，卧室内床头的间距应为0.5米左右，两排床的间距应为0.9 米左右（共5分）",
            "",
            "",
          ],
          [9, "整理物品", 10, "整理物品，将物品摆放整齐（共10分） ", "", ""],
        ],
        // 指导穿脱衣物的评分标准
        scoreData1: [
          [
            1,
            "物品准备",
            12,
            "开襟衫、套头衫、裤子、鞋子、袜子、消毒剂（共12分）",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            8,
            "操作者着装整齐、洗手、不留长指甲（共3分） ，教会婴幼儿认识衣裤、袜子的前后和里外，教会婴幼儿认识鞋子的左和右（共5分）",
            "",
            "",
          ],
          [
            3,
            "指导婴幼儿脱衣服",
            10,
            "操作者准确示范脱衣服，逐步口述脱衣服的程序及方法，婴幼儿根据口述的内容逐步完成脱衣服，及时纠正婴幼儿使用的不正确的方法（共10分） ",
            "",
            "",
          ],
          [
            4,
            "指导婴幼儿脱鞋子",
            5,
            "操作者准确示范脱鞋子，逐步口述脱鞋子的程序及方法，婴幼儿根据口述的内容逐步完成脱鞋子，及时纠正婴幼儿使用的不正确的方法（共5分） ",
            "",
            "",
          ],
          [
            5,
            "指导婴幼儿脱裤子",
            10,
            "操作者准确示范脱裤子，逐步口述脱裤子的程序及方法，婴幼儿根据口述的内容逐步完成脱裤子，及时纠正婴幼儿使用的不正确的方法（共10分） ",
            "",
            "",
          ],
          [
            6,
            "指导婴幼儿脱袜子",
            5,
            "操作者准确示范脱袜子，逐步口述脱袜子的程序及方法，婴幼儿根据口述的内容逐步完成脱袜子，及时纠正婴幼儿使用的不正确的方法（共5分） ",
            "",
            "",
          ],
          [
            7,
            "指导婴幼儿整理衣物",
            5,
            "操作者指导婴幼儿将脱下的衣物分类整齐叠放，放置在床尾，及时纠正婴幼儿使用的不正确的方法（共5分） ",
            "",
            "",
          ],
          [
            8,
            "指导婴幼儿穿衣服",
            10,
            "操作者准确示范穿衣服，逐步口述穿衣服的程序及方法，婴幼儿根据口述的内容完成穿衣服，及时纠正婴幼儿使用的不正确的方法（共10分） ",
            "",
            "",
          ],
          [
            9,
            "指导婴幼儿穿裤子",
            10,
            "操作者准确示范穿裤子，逐步口述穿裤子的程序及方法，婴幼儿根据口述的内容完成穿裤子，及时纠正婴幼儿使用的不正确的方法（共10分） ",
            "",
            "",
          ],
          [
            10,
            "指导婴幼儿穿袜子",
            5,
            "操作者准确示范穿袜子，逐步口述穿袜子的程序及方法，婴幼儿根据口述的内容逐步完成穿袜子，及时纠正婴幼儿使用的不正确的方法（共5分） ",
            "",
            "",
          ],
          [
            11,
            "指导婴幼儿穿鞋子",
            10,
            "操作者准确示范穿袜子，逐步口述穿鞋子的程序及方法，婴幼儿根据口述的内容逐步完成穿鞋子，及时纠正婴幼儿使用的不正确的方法（共10分） ",
            "",
            "",
          ],
          [11, "整理物品", 10, "整理物品，将物品摆放整齐（共10分） ", "", ""],
        ],
        // 给婴幼儿讲述故事的评分标准
        scoreData2: [
          [
            1,
            "物品准备",
            10,
            "绘本，配合故事讲述的玩具、焦距、手偶、适宜的座椅（共10分）",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            10,
            "着装整齐，普通话标准，语言生动形象，配有肢体语言（共10分）",
            "",
            "",
          ],
          [
            3,
            "坐姿礼仪",
            10,
            "注意礼仪，坐姿端正，精神面貌良好，状态饱满（共10分）",
            "",
            "",
          ],
          [
            4,
            "内容选择",
            5,
            "选择适合婴幼儿月龄的绘本，在忠实原作基础上，合理加工故事，易于婴幼儿理解（共10分）",
            "",
            "",
          ],
          [
            5,
            "室温",
            50,
            "普通话标准，声音洪亮，语速适宜，表达流畅（共10分），语气、语调、表情，符合故事角色形象及内容特点，声情并茂，富有感染力（共10分），态势语运用恰当，有助于婴幼儿理解故事内容（共10分），讲述的故事富有童趣，有亲和力，能激发婴幼儿的倾听兴趣，适合婴幼儿学习欣赏（共10分），流畅、完整地讲述故事（共10分）",
            "",
            "",
          ],
          [6, "整理物品", 10, "整理物品，将物品摆放整齐（共10分）", "", ""],
        ],
        // 表格1-7-1
        headersData: [
          "年龄",
          "总睡眠时间（小时）",
          "夜间睡眠时间（小时）",
          "白天睡眠时间（小时）",
        ], // 表头
        tableData171: [
          ["出生后一周", "", "", ""],
          ["1月龄", "", "", ""],
          ["3月龄", "", "", ""],
          ["6月龄", "", "", ""],
          ["9月龄", "", "", ""],
          ["12月龄", "", "", ""],
          ["18月龄", "", "", ""],
          ["2岁", "", "", ""],
          ["3岁", "", "", ""],
        ],
        // 表格1-7-2
        headersData172: ["睡眠信号", "哄睡小妙招", "我的哄睡小妙招"], // 表头
        tableData172: [
          ["打哈欠", "把宝宝发放到床上，播放轻柔的睡眠曲", ""],
          ["哭闹", "抱着宝宝安抚、哄睡", ""],
          ["", "", ""],
          ["", "", ""],
          ["", "", ""],
        ],
        // 表格1-7-3
        headersData173: ["序号", "项目", "主要内容"], // 表头
        tableData173: [
          ["1", "起床唤醒", ""],
          ["2", "指导穿衣物", ""],
          ["3", "组织如厕、洗手", ""],
          ["4", "组织睡后活动", ""],
        ],
        textAreaItem: {},
        radio: {},
      },
    };
  },
  components: {
    examinations,
  },
 async created() {
    const localData = JSON.parse(localStorage.getItem("chapter007"));
    if (localData) {
      this.chapter007 = { ...Object.assign(this.chapter007, localData) };
    }
    this.chapter007.videOneUrl = getResourcePath("3c35b62a39cf8beddc28c5c1c8a847ec");
    this.chapter007.videoTwoUrl = getResourcePath("4731be836c5c625584c3c94a61249cc9");
    this.chapter007.videoFourUrl = getResourcePath("4889c1899ed5716aeea6ca031cd3136d");
    this.chapter007.videoFiveUrl = getResourcePath("a1d60d7c5322d531939118c1aaf8feb7");
    this.chapter007.videoSixUrl = getResourcePath("f92c68faa37e1f6ce9ca50f234ddad90");
    this.chapter007.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=3c35b62a39cf8beddc28c5c1c8a847ec";
    this.chapter007.videoTwoUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=4731be836c5c625584c3c94a61249cc9";
    this.chapter007.videoFourUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=4889c1899ed5716aeea6ca031cd3136d";
    this.chapter007.videoFiveUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7";
    this.chapter007.videoSixUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90";
    this.chapter007.qustionData = await getQuestionData("7",testData[7],this.config.activeBook);
  },
  methods: {
    activityOne() {
      this.chapter007.isOpenOne = !this.chapter007.isOpenOne;
    },
    activityTwo() {
      this.chapter007.isOpenTwo = !this.chapter007.isOpenTwo;
    },
    activityThree() {
      this.chapter007.idOpenThree = !this.chapter007.idOpenThree;
    },
    activityFour() {
      this.chapter007.isOpenFour = !this.chapter007.isOpenFour;
    },
    activityFive() {
      this.chapter007.isOpenFive = !this.chapter007.isOpenFive;
    },
    activitySix() {
      this.chapter007.isOpenSix = !this.chapter007.isOpenSix;
    },
    activityScore1() {
      this.chapter007.isScore1Open = !this.chapter007.isScore1Open;
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCellScore1(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.scoreData1[rowIndex], cellIndex, value);
      if (cellIndex == 4) {
        this.$set(
          this.chapter007.scoreData1[rowIndex],
          5,
          this.chapter007.scoreData1[rowIndex][2] -
            this.chapter007.scoreData1[rowIndex][cellIndex]
        );
      }
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    activityScore2() {
      this.chapter007.isScore2Open = !this.chapter007.isScore2Open;
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCellScore2(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.scoreData2[rowIndex], cellIndex, value);
      if (cellIndex == 4) {
        this.$set(
          this.chapter007.scoreData2[rowIndex],
          5,
          this.chapter007.scoreData2[rowIndex][2] -
            this.chapter007.scoreData2[rowIndex][cellIndex]
        );
      }
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    activityGroup() {
      this.chapter007.isGroupOpen = !this.chapter007.isGroupOpen;
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCellGroup(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.groupData[rowIndex], cellIndex, value);
      if (cellIndex == 4) {
        this.$set(
          this.chapter007.groupData[rowIndex],
          5,
          this.chapter007.groupData[rowIndex][2] -
            this.chapter007.groupData[rowIndex][cellIndex]
        );
      }
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCell(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.tableData161[rowIndex], cellIndex, value);
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    onBlurChange() {
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    onRadioText() {
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter008.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="8">
    <div class="page-box" page="137">
      <div class="bodystyle topImg">
        <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -43,7 +43,20 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="138">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第八单元·离园活动照护</span>
              <span class="pageNum">1-133</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk">
          <div class="bj1">
@@ -93,19 +106,41 @@
        <p>根据上述情境，回答下列问题。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="139">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-134</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p>1.在上述情境中，出现遗漏物品、拿错书包这些情况的原因是什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter008.textAreaItem.text1"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text1')"
          ></textarea>
        </div>
        <p>2.为了避免上述情境中的问题，在离园前应着重注意哪些方面的检查？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter008.textAreaItem.text2"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
        <h4 id="d085">
          ▶▶ 活动2：离园前的生活照护<span class="fontsz1"
@@ -121,20 +156,123 @@
        <p>分析上述情境，完成下列实践活动。</p>
        <p>1.设计一张1～12月龄婴儿离园前生活照护清单（见表1-8-1）。</p>
        <p class="img">表1-8-1　1～12月龄婴儿离园前生活照护清单</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0150-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width: index == 3 ? '220px' : '',
                  }"
                  v-for="(header, index) in chapter008.headersData181"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter008.tableData181"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter008.tableData181[rowIndex][cellIndex]"
                      @blur="
                        updateCell181(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="chapter008.tableData181[rowIndex][cellIndex]"
                      @blur="
                        updateCell181(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
      </div>
    </div>
    <div class="page-box">
    </div>
    <div class="page-box" page="140">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第八单元·离园活动照护</span>
              <span class="pageNum">1-135</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>
          2.婴幼儿因其生理特点，在一开始是完全依赖成人的照护的，但随着其能力的发展，我们要有意识地培养他们的好习惯。请小组合作，分年龄段设计1～12月龄婴儿离园好习惯养成教育安排表（表1-8-2）。
        </p>
        <p class="img">表1-8-2　1～12月龄婴儿离园好习惯养成教育安排表</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0151-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width: index == 3 ? '220px' : '',
                  }"
                  v-for="(header, index) in chapter008.headersData182"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter008.tableData182"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter008.tableData182[rowIndex][cellIndex]"
                      @blur="
                        updateCell182(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="chapter008.tableData182[rowIndex][cellIndex]"
                      @blur="
                        updateCell182(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p><br /></p>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述2　⊙</p>
          <p class="block">
@@ -144,26 +282,127 @@
        <p>分析上述情境，完成下列实践活动。</p>
        <p>1.设计一张24～36月龄幼儿离园前生活照护清单（见表1-8-3）。</p>
        <p class="img">表1-8-3　24～36月龄幼儿离园前生活照护清单</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0151-2.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width: index == 3 ? '220px' : '',
                  }"
                  v-for="(header, index) in chapter008.headersData183"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter008.tableData183"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter008.tableData183[rowIndex][cellIndex]"
                      @blur="
                        updateCell183(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="chapter008.tableData183[rowIndex][cellIndex]"
                      @blur="
                        updateCell183(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p>
          2.请小组合作，分年龄段设计24～36月龄幼儿离园好习惯养成教育安排表（见表1-8-4）。
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="141">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-136</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p class="img">表1-8-4　24～36月龄幼儿离园好习惯养成教育安排表</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0152-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width: index == 3 ? '220px' : '',
                  }"
                  v-for="(header, index) in chapter008.headersData184"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter008.tableData184"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter008.tableData184[rowIndex][cellIndex]"
                      @blur="
                        updateCell184(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="chapter008.tableData184[rowIndex][cellIndex]"
                      @blur="
                        updateCell184(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <h3 id="c030">
          <span class="bk-h3"
            ><span class="bj1-h3">二</span>　　组织离园活动　</span
          >
        </h3>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -174,7 +413,34 @@
            <img class="img-h" alt="" src="../image/0152-2.jpg" />
          </p>
          <p class="img">离园</p>
        </div> -->
        <!-- <p><br /></p> -->
        <div class="tips-bk" style="margin-top: 80px">
          <div class="bj-tip">
            视频：离园<img
              src="../icons/video.png"
              @click="activityOne"
              alt=""
            />
        </div>
          <div
            class="tips-file"
            v-if="chapter008.isOpenOne && chapter008.videOneUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter008.videOneUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p>
          在婴幼儿离园环节中，保教人员要做好一日生活总结以及家园沟通，向家长反馈婴幼儿的一日生活和学习情况。在离园流程方面，保教人员要合理分工、站位组织婴幼儿有序离园；做好有特殊情况的婴幼儿在离园环节的交接安排工作；做好因故由他人代接的婴幼儿的交接工作。
        </p>
@@ -198,25 +464,54 @@
        <p>分析以上情境，小组讨论并回答以下问题。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="142">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第八单元·离园活动照护</span>
              <span class="pageNum">1-137</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>1.婴幼儿离园活动的目标是什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter008.textAreaItem.text3"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text3')"
          ></textarea>
        </div>
        <p>2.离园环节的安全隐患有哪些？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter008.textAreaItem.text4"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text4')"
          ></textarea>
        </div>
        <p>3.如何合理、有序地安排离园环节的工作？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter008.textAreaItem.text5"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text5')"
          ></textarea>
        </div>
        <h4 id="d087">
          ▶▶ 活动2：离园时的家园沟通<span class="fontsz1"
@@ -244,7 +539,20 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="143">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-138</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-qjms">
          <p class="block">
@@ -266,13 +574,20 @@
        <p>分析上述情境，先回答问题再设计相关记录表。</p>
        <p>1.对于小月龄婴儿的家长，在家园沟通中应侧重哪些要点进行反馈？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter008.textAreaItem.text6"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text6')"
          ></textarea>
        </div>
        <p>2.请设计6～12月龄婴儿的一日生活记录表。</p>
        <div class="bk-tx">
          <p>　</p>
          <p>　</p>
          <p><br /></p>
          <p><br /></p>
          <p><br /></p>
        </div>
        <h3 id="c031">
          <span class="bk-h3"
@@ -284,7 +599,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="144">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第八单元·离园活动照护</span>
              <span class="pageNum">1-139</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>
          每周应至少清洁消毒1次，传染病流行季节应每日清洁消毒1次。要切实做好清洁与消毒工作。
@@ -313,7 +642,7 @@
          3.放置。消毒后，用夹子取出，放在干净的盘中沥干水分，将晾干后的奶嘴套在奶瓶盖上，放入专用小盆中，盖上小毛巾备用。
        </p>
        <p>4.整理。清洁整理所用物品，摆放整齐。</p>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -324,12 +653,38 @@
            <img class="img-h" alt="" src="../image/0155-1.jpg" />
          </p>
          <p class="img">奶瓶的清洁与消毒</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：奶瓶的清洁与消毒<img
              src="../icons/video.png"
              @click="activityTwo"
              alt=""
            />
        </div>
          <div
            class="tips-file"
            v-if="chapter008.isOpenTwo && chapter008.videoTwoUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter008.videoTwoUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p><b>③实训练习</b></p>
        <p>
          2～4人为一组开展实训操作，其中一人操作，其他同学观摩。操作者一边实操一边讲解操作要领，其他同学按照清洁与消毒奶瓶的评分标准给操作者打分。
        </p>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -340,7 +695,72 @@
            <img class="img-h" alt="" src="../image/0155-2.jpg" />
          </p>
          <p class="img">清洁与消毒奶瓶的评分标准</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            用勺进餐指导的评分标准<img
              src="../icons/task.png"
              @click="activityScore1"
              alt=""
            />
        </div>
          <div v-if="chapter008.isScore1Open" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width: index == 1 ? '100px' : '',
                    }"
                    v-for="(header, index) in chapter008.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter008.scoreData1"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter008.scoreData1[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore1(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter008.scoreData1[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore1(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><br /></p>
        <h4 id="d089">
          ▶▶ 活动2：了解托育园日常清洁与消毒方法<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
@@ -355,24 +775,87 @@
        <p>分析以上情境，以小组合作的形式回答问题并填写相关表格。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="145">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-40</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>1.有哪些消毒法？这些消毒法的适用范围是什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter008.textAreaItem.text7"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text7')"
          ></textarea>
        </div>
        <p>2.请填写托育园日常清洁与消毒流程规范表（见表1-8-5）。</p>
        <p class="img">表1-8-5　托育园日常清洁与消毒流程规范表</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0156-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width: index == 3 ? '220px' : '',
                  }"
                  v-for="(header, index) in chapter008.headersData185"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter008.tableData185"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter008.tableData185[rowIndex][cellIndex]"
                      @blur="
                        updateCell185(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      type="text"
                      :value="chapter008.tableData185[rowIndex][cellIndex]"
                      @blur="
                        updateCell185(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p><br /></p>
        <h4 id="d090">
          ▶▶ 应用与实践<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
@@ -381,15 +864,25 @@
          <p class="center">
            <img class="img-g" alt="" src="../image/0156-2.jpg" />
          </p>
        </div>
        </div> -->
        <p><b>一、选择题</b></p>
        <p>1.利用蒸汽的高温作用将致病微生物杀灭的消毒方法叫作（　　）。</p>
        <p>
          1.利用蒸汽的高温作用将致病微生物杀灭的消毒方法叫作（　<input
            v-model="chapter008.radio.text7"
            @blur="onRadioText()"
          />　　）。
        </p>
        <p class="block">A.紫外线消毒法</p>
        <p class="block">B.化学消毒法</p>
        <p class="block">C.蒸汽消毒法</p>
        <p class="block">D.煮沸消毒法</p>
        <p class="block">E.巴氏消毒法</p>
        <p>2.以下对照护婴幼儿学习、活动和卫生保健的描述不正确的是（　　）。</p>
        <p>
          2.以下对照护婴幼儿学习、活动和卫生保健的描述不正确的是（　<input
            v-model="chapter008.radio.text6"
            @blur="onRadioText()"
          />　　）。
        </p>
        <p class="block">A.创设安全、舒适的学习环境</p>
        <p class="block">B.提供真实多样的材料，培养婴幼儿多方面的感知能力</p>
        <p class="block">C.注意婴幼儿学习活动的环境卫生</p>
@@ -397,27 +890,284 @@
        <p class="block">E.保证学习活动场所采光良好、通风</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="146">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第八单元·离园活动照护</span>
              <span class="pageNum">1-141</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>3.一般情况下纸尿裤的更换时间应为（　　）。</p>
        <p>
          3.一般情况下纸尿裤的更换时间应为（　<input
            v-model="chapter008.radio.text5"
            @blur="onRadioText()"
          />　　）。
        </p>
        <p class="block">A.2～3小时</p>
        <p class="block">B.4～6小时</p>
        <p class="block">C.5～8小时</p>
        <p class="block">D.9～10小时</p>
        <p>4.给婴幼儿便盆消毒常用的消毒剂是（　　）。</p>
        <p>
          4.给婴幼儿便盆消毒常用的消毒剂是（　<input
            v-model="chapter008.radio.text4"
            @blur="onRadioText()"
          />　　）。
        </p>
        <p class="block">A.次氯酸钠消毒液</p>
        <p class="block">B.碘伏</p>
        <p class="block">C.酒精</p>
        <p class="block">D.过氧乙酸</p>
        <p class="block">E.环氧乙烷</p>
        <p>
          5.假如婴幼儿的尿量比平时的尿量（　　），小便发黄、颜色较深，婴幼儿可能是发烧了。
          5.假如婴幼儿的尿量比平时的尿量（　<input
            v-model="chapter008.radio.text3"
            @blur="onRadioText()"
          />　　），小便发黄、颜色较深，婴幼儿可能是发烧了。
        </p>
        <p class="block">A.增多</p>
        <p class="block">B.减少</p>
        <p><b>二、论述题</b></p>
        <p>简述婴幼儿离园的流程，及不同环节对保教人员的要求。</p>
        <div class="bk-tx">
          <textarea
            v-model="chapter008.radio.desc"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc')"
          ></textarea>
        </div>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元八应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
          </div>
          <div
            v-if="chapter008.idOpenThree && chapter008.qustionData[141]"
            class="tips-file"
          >
            <examinations :primaryColor="'#f49a4c'" :cardList="chapter008.qustionData[141]" />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
import examinations from "@/components/examinations/index.vue";

export default {
  name: "chapter008",
  data() {
    return {
      chapter008: {
        videOneUrl: "",
        videoTwoUrl: "",
        isGroupOpen: true,
        isOpenOne: true,
        isOpenTwo: true,
        idOpenThree: true,
        isScore1Open: true,
        isScore2Open: true,
        isScore3Open: true,
        qustionData: {},
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
        // 清洁与消毒奶瓶的评分标准
        scoreData1: [
          [
            1,
            "物品准备",
            10,
            "奶瓶刷、小毛刷、奶瓶夹、锅、小盆、纱布、小 1 分，扣完为止毛巾（说明不准确每项扣2分，扣完为止）",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            10,
            "用肥皂、流动水洗净双手，整理仪表，不戴戒指，不留长指甲，不披长发，不穿高跟鞋和拖鞋（说明不准确每项扣2分，扣完为止）",
            "",
            "",
          ],
          [
            3,
            "确定餐具数量",
            30,
            "将奶瓶的所有组件包括奶瓶、瓶盖、奶嘴、套环全部拆开，逐一用刷子刷去残留的乳汁，然后冲洗干净；奶嘴洞、奶嘴内侧及奶瓶盖的沟纹处等，宜用小刷子刷洗（操作和说明不准确每环节扣10分，共30分）",
            "",
            "",
          ],
          [
            4,
            "分发碗",
            30,
            "用消毒锅消毒或热水煮沸消毒。将奶瓶放入锅内煮5～10分钟，奶嘴及瓶盖用纱布包住煮3分钟。（操作和说明不准确每环节扣10分，共30分）",
            "",
            "",
          ],
          [
            5,
            "分发盘子",
            10,
            "消毒后，用夹子取出，放在干净盘中沥干水分，晾干后的奶嘴，套好奶瓶盖，放入专用小盆中，盖上小毛巾备用（操作和说明不准确扣10分）",
            "",
            "",
          ],
          [
            6,
            "整理",
            10,
            "清洁整理所用物品，摆放整齐（操作和说明不准确扣10分）",
            "",
            "",
          ],
        ],
        // 表格1-8-1
        headersData181: ["项目", "内容"], // 表头
        tableData181: [
          // 二维数组作为表格数据
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
        ],
        // 1-8-2
        headersData182: ["项目", "好习惯养成标准"], // 表头
        tableData182: [
          // 二维数组作为表格数据
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
        ],
        // 1-8-3
        headersData183: ["项目", "内容"], // 表头
        tableData183: [
          // 二维数组作为表格数据
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
        ],
        // 1-8-4
        headersData184: ["项目", "好习惯养成标准"],
        tableData184: [
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
          ["", ""],
        ],
        // 1-8-5
        headersData185: ["对象", "方法", "流程"],
        tableData185: [
          ["", "", ""],
          ["", "", ""],
          ["", "", ""],
          ["", "", ""],
          ["", "", ""],
        ],
        textAreaItem: {},
        radio: {},
      },
    };
  },
  components: {
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter008"));
    if (localData) {
      this.chapter008 = { ...Object.assign(this.chapter008, localData) };
    }
    this.chapter008.videOneUrl = getResourcePath("80986796eb2d8ee1a47cdde606900ed0");
    this.chapter008.videoTwoUrl = getResourcePath("460c7bc740882a9ad93b096a2151dd1c");
    this.chapter008.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=80986796eb2d8ee1a47cdde606900ed0";
    this.chapter008.videoTwoUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=460c7bc740882a9ad93b096a2151dd1c";
    this.chapter008.qustionData = await getQuestionData("8",testData[8],this.config.activeBook);
  },
  methods: {
    activityOne() {
      this.chapter008.isOpenOne = !this.chapter008.isOpenOne;
    },
    activityTwo() {
      this.chapter008.isOpenTwo = !this.chapter008.isOpenTwo;
    },
    activityThree() {
      this.chapter008.idOpenThree = !this.chapter008.idOpenThree;
    },
    activityScore1() {
      this.chapter008.isScore1Open = !this.chapter008.isScore1Open;
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
    updateCellScore1(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter008.scoreData1[rowIndex], cellIndex, value);
      if (cellIndex == 4) {
        this.$set(
          this.chapter008.scoreData1[rowIndex],
          5,
          this.chapter008.scoreData1[rowIndex][2] -
            this.chapter008.scoreData1[rowIndex][cellIndex]
        );
      }
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
    updateCell181(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter008.tableData181[rowIndex], cellIndex, value);
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
    updateCell182(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter008.tableData182[rowIndex], cellIndex, value);
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
    updateCell183(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter008.tableData183[rowIndex], cellIndex, value);
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
    updateCell184(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter008.tableData184[rowIndex], cellIndex, value);
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
    updateCell185(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter008.tableData185[rowIndex], cellIndex, value);
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
    onBlurChange() {
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
    onRadioText() {
      localStorage.setItem("chapter008", JSON.stringify(this.chapter008));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter009.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter">
    <div class="page-box">
  <div class="chapter" num="9">
    <div class="page-box" page="147">
      <div class="bodystyle">
        <template>
          <p class="center">

 src/books/lifeCare/view/chapter010.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="10">
    <div class="page-box" page="148">
      <div class="bodystyle topImg">
        <h2 id="b009"><img class="img-0" alt="" src="../image/zt1.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -70,7 +70,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="149">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-2</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          近年来，随着经济社会发展，“三孩政策”的落地与持续推进，人们对0～3岁婴幼儿照护服务的需求日益迫切，社会对其照护服务的关注度也不断提升。党的二十大提出要在“幼有所育”方面持续用力。根据《国务院办公厅关于促进3岁以下婴幼儿照护服务发展的指导意见》要求，国家卫生健康委制定并发布了《托育机构保育指导大纲（试行）》，以指导托育机构为3岁以下婴幼儿提供科学、规范的照护服务。
@@ -109,18 +123,51 @@
        </p>
        <p><br /></p>
        <div class="bk-zt1">
          <div class="bj1-zt1">
          <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0165-1.jpg" />
          </p>
          </p> -->
          <p>
            保育员的工作职责：全面负责幼儿一日生活中的保育工作，确保幼儿身心健康和生命安全。
          </p>
          <p>扫码看《某托育园保育员的工作职责》。</p>
          <!-- <p>扫码看《某托育园保育员的工作职责》。</p> -->
          <div class="tips-bk">
            <div class="bj-tip tip-specail">某托育园保育员的工作职责</div>
            <div class="tips-file">
              <div class="p-text">
                <p>
                  1.全面负责婴幼儿一日生活中的保育工作，确保婴幼儿的身心健康和生命安全。
                </p>
                <p>2.遵守职业道德，严格执行托育园的各项规章制度。</p>
                <p>
                  3.在保健医的指导下，严格执行托育园保育操作规范，严格执行托育园安全、卫生保健制度。
                </p>
                <p>
                  4.负责本班区域和包干区域的环境和设备的清洁、消毒工作，保持室内外环境整洁。
                </p>
                <p>5.与教师共同管理婴幼儿的生活，配合本班教师组织教育活动。</p>
                <p>
                  6.根据婴幼儿的年龄特点，全面关注婴幼儿的身心健康，做好特殊婴幼儿的观察护理工作。
                </p>
                <p>
                  7.妥善保管婴幼儿的衣物和本班设备，发现损坏及时调整、报修。
                </p>
                <p>
                  8.努力钻研业务，认真参与托育园组织的各项学习、培训活动，不断丰富保育知识，提高操作技能。
                </p>
                <p>
                  9.及时将婴幼儿的发展情况向教师、家长反馈，协助做好家园共育工作。
                </p>
                <p>
                  10.保持个人卫生，做到“四勤四不”：勤洗澡、勤理发、勤换衣、勤剪指甲，不戴首饰、不化浓妆、不留长指甲、不穿高跟鞋。
                </p>
              </div>
            </div>
          </div>
        </div>
        <h3 id="c033">
          <span class="bk1-h3"
@@ -144,7 +191,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="150">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题一·初识婴幼儿生活保育</span>
              <span class="pageNum">2-3</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          第六，预防疾病和意外伤害。定期对婴幼儿进行生理和心理发育检查，以便及时发现隐患，尽早治疗。注射疫苗是预防疾病的重要手段之一。对意外的预防主要包括保证婴幼儿生活环境的安全性、对婴幼儿进行安全教育、避免婴幼儿独处等。
@@ -154,17 +216,72 @@
        </p>
        <p><br /></p>
        <div class="bk-zt1">
          <div class="bj1-zt1">
          <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0166-1.jpg" />
          </p>
          </p> -->
          <p>
            托育机构保育应遵循以下基本原则：尊重儿童、安全健康、积极回应、科学规范。扫码看《托育机构保育指导大纲（试行）》。
          </p>
          <div class="tips-bk">
            <div class="bj-tip tip-specail">托育机构保育指导大纲（试行）</div>
            <div class="tips-file">
              <div class="p-text">
                <div>第一章  总则</div>
                <p>
                  一、为贯彻《国务院办公厅关于促进3岁以下婴幼儿照护服务发展的指导意见》，依据国家卫生健康委《托育机构设置标准（试行）》《托育机构管理规范（试行）》，指导托育机构为3岁以下婴幼儿（以下简称婴幼儿）提供科学、规范的照护服务，促进婴幼儿健康成长，特制定本大纲。
                </p>
                <p>
                  一、为贯彻《国务院办公厅关于促进3岁以下婴幼儿照护服务发展的指导意见》，依据国家卫生健康委《托育机构设置标准（试行）》《托育机构管理规范（试行）》，指导托育机构为3岁以下婴幼儿（以下简称婴幼儿）提供科学、规范的照护服务，促进婴幼儿健康成长，特制定本大纲。
                </p>
                <p>
                  三、托育机构保育是婴幼儿照护服务的重要组成部分，是生命全周期服务管理的重要内容。通过创设适宜环境，合理安排一日生活和活动，提供生活照料、安全看护、平衡膳食和早期学习机会，促进婴幼儿身体和心理的全面发展。
                </p>
                <p>四、托育机构保育应遵循以下基本原则：<br /></p>
                <p>
                  （一）尊重儿童。坚持儿童优先，保障儿童权利。尊重婴幼儿成长特点和规律，关注个体差异，促进每个婴幼儿全面发展。
                </p>
                <p>
                  （二）安全健康。最大限度地保护婴幼儿的安全和健康，切实做好托育机构的安全防护、营养膳食、疾病防控等工作。 
                </p>
                <p>
                  （三）积极回应。提供支持性环境，敏感观察婴幼儿，理解其生理和心理需求，并及时给予积极适宜的回应。
                </p>
                <p>
                  （四）科学规范。按照国家和地方相关标准和规范，合理安排婴幼儿的生活和活动，满足婴幼儿生长发育的需要。
                </p>
                <div>第二章  目标与要求</div>
                <p>
                  托育机构保育工作应当遵循婴幼儿发展的年龄特点与个体差异，通过多种途径促进婴幼儿身体发育和心理发展。保育重点应当包括营养与喂养、睡眠、生活与卫生习惯、动作、语言、认知、情感与社会性等。
                </p>
                <p>一、营养与喂养</p>
                <p>（一）目标。</p>
                <p>1.获取安全、营养的食物，达到正常生长发育水平；</p>
                <p>2.养成良好的饮食行为习惯。</p>
                <p>（二）保育要点。</p>
                <p>1. 7-12个月</p>
                <p>（1）继续母乳喂养，不能继续母乳喂养的婴儿使用配方奶喂养。</p>
                <p>
                  （2）及时添加辅食，从富含铁的泥糊状食物开始，遵循由一种到多种、由少到多、由稀到稠、由细到粗的原则。辅食不添加糖、盐等调味品。
                </p>
                <p>
                  （3）每引入新食物要密切观察婴儿是否有皮疹、呕吐、腹泻等不良反应。
                </p>
                <p>2. 13-24个月</p>
                <p>
                  （1）继续母乳或配方奶喂养，可以引入奶制品作为辅食，每日提供多种类食物。
                </p>
                <p>
                  （4）注意观察婴儿所发出的饥饿或饱足的信号，并及时、恰当回应，不强迫喂食。
                </p>
                <p>（5）鼓励婴儿尝试自己进食，培养进餐兴趣。</p>
              </div>
            </div>
          </div>
        </div>
        <h3 id="c034">
          <span class="bk1-h3"
@@ -187,7 +304,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="151">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-4</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d093">（三）发展阶段（1990—2000年）</h4>
        <p>
@@ -214,7 +345,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="152">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题一·初识婴幼儿生活保育</span>
              <span class="pageNum">2-5</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c036">
          <span class="bk1-h3"
@@ -249,7 +395,21 @@
      </div>
    </div>
    <!-- 上下分割表格 -->
    <div class="page-box">
    <div class="page-box" page="153">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-6</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p class="center">
          <img class="img-a" alt="" src="../image/0168-1.jpg" />
@@ -265,7 +425,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="154">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题一·初识婴幼儿生活保育</span>
              <span class="pageNum">2-7</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e091">3.保证婴幼儿的睡眠</h5>
        <p>
@@ -308,7 +483,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="155">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-8</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          第七，托育机构应当建立照护服务日常记录和反馈制度，定期与婴幼儿的监护人沟通婴幼儿的发展情况。
@@ -336,7 +525,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="156">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题一·初识婴幼儿生活保育</span>
              <span class="pageNum">2-9</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d102">（五）托育机构一日生活保育的主要内容</h4>
        <p>
@@ -350,7 +554,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="157">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-10</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p class="img-right">续表</p>
        <p class="center">
@@ -358,7 +576,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="158">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题一·初识婴幼儿生活保育</span>
              <span class="pageNum">2-11</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p class="img-right">续表</p>
        <p class="center">
@@ -366,13 +599,40 @@
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter010.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter010",
  data() {
    return {
      chapter010: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter010"));
    if (localData) {
      this.chapter010 = { ...Object.assign(this.chapter010, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter010", JSON.stringify(this.chapter010));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter011.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="11">
    <div class="page-box" page="159">
      <div class="bodystyle topImg">
        <h2 id="b010"><img class="img-0" alt="" src="../image/zt2.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -60,7 +60,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="160">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题二·来园活动护照</span>
              <span class="pageNum">2-13</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c038">
          <span class="bk1-h3"
@@ -100,7 +115,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="161">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-14</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e102">2.清洁与消毒</h5>
        <p>
@@ -138,7 +167,22 @@
      </div>
    </div>

    <div class="page-box">
    <div class="page-box" page="162">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题二·来园活动护照</span>
              <span class="pageNum">2-15</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d108">（六）沟通协作</h4>
        <p>
@@ -180,7 +224,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="163">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-16</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d112">（四）及时清点婴幼儿人数</h4>
        <p>
@@ -224,7 +282,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="164">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题二·来园活动护照</span>
              <span class="pageNum">2-17</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          宝宝也有依恋情感，会担心和不舍，甚至与婴幼儿一起流泪，反而容易将自己的情绪传递给婴幼儿，这对婴幼儿适应托育机构的生活是非常不利的。保教人员应引导家长将婴幼儿送到托育机构后微笑着与宝宝道别，不宜停留过久。
@@ -260,7 +333,21 @@
        <p>保教人员应准备消毒过的体温计（或体温测量仪器）和压舌板，装有电</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="165">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-18</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          池的手电筒，外用药（如酒精、碘伏、烫伤膏），敷料（如纱布、棉球、棉签、创可贴），消毒过的晨检牌，用于记录晨检时发现的异常全日观察记录本，婴幼儿服药记录本。
@@ -290,7 +377,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="166">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题二·来园活动护照</span>
              <span class="pageNum">2-19</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c047">
          <span class="bk1-h3"
@@ -311,13 +413,40 @@
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter011.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter011",
  data() {
    return {
      chapter011: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter011"));
    if (localData) {
      this.chapter011 = { ...Object.assign(this.chapter011, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter011", JSON.stringify(this.chapter011));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter012.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="12">
    <div class="page-box" page="167">
      <div class="bodystyle topImg">
        <h2 id="b011"><img class="img-0" alt="" src="../image/zt3.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -50,7 +50,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="168">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题三·盥洗活动照护</span>
              <span class="pageNum">2-21</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c048">
          <span class="bk1-h3"
@@ -90,7 +105,20 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="169">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-22</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h3 id="c050">
          <span class="bk1-h3"
@@ -99,18 +127,63 @@
        </h3>
        <p><br /></p>
        <div class="bk-zt1">
          <div class="bj1-zt1">
          <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0185-1.jpg" />
          </p> -->
          <p>
            了解幼儿盥洗用品的摆放要求、洗手池清洁消毒的操作要求和卫生要求、盥洗室清洁卫生的要求，看《托育园盥洗环境创设规范》。
          </p>
          <div class="tips-bk">
            <div class="bj-tip tip-specail">托育园盥洗环境创设规范</div>
            <div class="tips-file">
              <div class="p-text">
                <p>（一）婴幼儿盥洗用品的摆放要求</p>
                <p>①用品准备齐全：洗手液、消毒毛巾（一人一巾）。</p>
                <p>
                  ②水池台面两边各贴一个小标签，将洗手液按线摆放，以便随时归位。
                </p>
                <p>（二）洗手池清洁消毒的操作要求和卫生要求</p>
                <p>（1）清洁消毒的操作要求</p>
                <p>①配制清洁剂：用1∶10的洗洁精溶液。</p>
                <p>
                  ②首先，用刷子蘸取洗洁精溶液，刷洗洗手池内外表面及水龙头，特别是藏垢处，一定要刷洗干净。然后，用清水冲洗干净。最后，用清洁抹布蘸洗洁精溶液，将洗手池内外表面及水龙头擦洗一遍，并用清水冲洗干净（注意洗手池出水口及台面）。
          </p>
          <p>
            了解幼儿盥洗用品的摆放要求、洗手池清洁消毒的操作要求和卫生要求、盥洗室清洁卫生的要求，扫码看《托育园盥洗环境创设规范》。
                  ③配制浓度为500 mg/L的含氯消毒液，用专用毛巾对台盆及龙头进行擦拭消毒。
          </p>
                <p>④将清洁工具用清水冲洗干净，将毛巾洗净后晾干。</p>
                <p>（2）卫生要求</p>
                <p>
                  ①始终保持洗手池台面干燥，尤其是接触婴幼儿身体的台面边缘，避免婴幼儿弄湿衣服。
                </p>
                <p>
                  ②镜子和水龙头随时保持干净，没有水渍，水龙头开关的背面也要保持干净。
                </p>
                <p>③用专用抹布擦拭，防止镜子和水龙头表面产生划痕。</p>
                <p>三）盥洗室清洁卫生的要求</p>
                <p>
                  ①对于擦拭不同位置的抹布和拖把，应加以区分并固定安放（用完后放到标有标识的固定位置），不可混用。
                </p>
                <p>
                  ②盥洗室一般的操作顺序为：开窗通风—清理污物—冲洗水池—清洁窗框、墙壁、灯、镜子及柜子—清洁地面。
                </p>
                <p>
                  ③盥洗室的地面要保持无积水、无污渍、无死角，每次婴幼儿集中进入盥洗室后都应快速清理一次。
                </p>
                <p>
                  ④扶手、墙面、地面、便池等应定期擦洗，频率为每天两次（中午和离园）。
                </p>
                <p>⑤用浓度为500 mg/L含氯消毒液消毒盥洗室的地面。</p>
        </div>
            </div>
          </div>
        </div>
        <p><br /></p>
        <h4 class="h4-zt" id="d120">（一）做好洗手前的准备</h4>
        <p>
          盥洗室的地面要保持清洁干爽，防止婴幼儿滑倒。要在水池的地面铺上渗水地垫，如果水池的高度超过婴幼儿的肘关节，应将水池前的地面垫高，防止洗手时水灌入婴幼儿的袖管。准备若干肥皂（与水龙头的数量相同），为每一名婴幼儿准备一条小方毛巾，并挂在固定的地方。
@@ -143,7 +216,22 @@
        <p>⑤培养婴幼儿的自理能力，不包办代替，培养婴幼儿良好的盥洗习惯。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="170">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题三·盥洗活动照护</span>
              <span class="pageNum">2-23</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c051">
          <span class="bk1-h3"
@@ -182,7 +270,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="171">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-24</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          外的干净的一角（新的消毒棉球或棉签）擦净眼部。要养成良好的卫生习惯，不用不清洁的手和毛巾抹擦婴幼儿的眼睛。如果发现结膜炎要及时联系家长送婴幼儿就医。
@@ -212,7 +314,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="172">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题三·盥洗活动照护</span>
              <span class="pageNum">2-25</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d125">（三）婴幼儿鼻腔的特点与清洁要点</h4>
        <p>鼻腔的结构如图2-3-4所示。</p>
@@ -248,7 +365,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="173">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-26</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          隙（尖牙的位置）；2岁左右4个尖牙长出；最迟至2岁半，4个第二乳磨牙萌出，20个乳牙全部出齐（见图2-3-5、表2-3-1）。
@@ -280,7 +411,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="174">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题三·盥洗活动照护</span>
              <span class="pageNum">2-27</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e111">3.婴幼儿常见的口腔问题</h5>
        <p>
@@ -314,7 +460,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="175">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-28</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>（2）容易被划伤、刮伤</p>
        <p>婴幼儿的皮肤娇嫩，如碰到坚硬物体，容易被划伤、刮伤。</p>
@@ -349,7 +509,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="176">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题三·盥洗活动照护</span>
              <span class="pageNum">2-29</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          女童的这些生理特点要求在给她们清洁臀部的时候，一定要坚持“从前往后”的原则，即从尿道口向后清洗到阴道口、肛门，这样的顺序可以减少细菌感染的机会。因为0～3岁的女童雌激素分泌水平低，阴道上皮较薄，阴道分泌物呈现碱性，缺乏阴道杆菌，阴道的自然防御力较低，“从前往后”的清洗顺序能避免尿道、内外阴感染，也能降低发生外阴炎的概率。
@@ -376,7 +551,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="177">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-30</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p class="center">
          <img class="img-b" alt="" src="../image/0193-1.jpg" />
@@ -400,7 +589,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="178">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题三·盥洗活动照护</span>
              <span class="pageNum">2-31</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d135">（六）家园共同教育</h4>
        <p>
@@ -411,13 +615,40 @@
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter012.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter012",
  data() {
    return {
      chapter012: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter012"));
    if (localData) {
      this.chapter012 = { ...Object.assign(this.chapter012, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter012", JSON.stringify(this.chapter012));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter013.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="13">
    <div class="page-box" page="179">
      <div class="bodystyle topImg">
        <h2 id="b012"><img class="img-0" alt="" src="../image/zt4.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -70,7 +70,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="180">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题四·如厕活动照护</span>
              <span class="pageNum">2-33</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c054">
          <span class="bk1-h3"
@@ -99,7 +114,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="181">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-34</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          呈中性或碱性反应，有明显的臭味，每天大便1～2次。混合喂养的婴幼儿，无论母乳或配方奶喂养，若同时加食淀粉类食物，则大便量增多，硬度比单纯配方奶喂养稍减，呈暗褐色，臭味增加。若将蔬菜、水果等辅食加多，则大便与成人近似，每天大便1～2次。
@@ -135,7 +164,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="182">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题四·如厕活动照护</span>
              <span class="pageNum">2-35</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d137">（二）大便性状</h4>
        <p>
@@ -163,7 +207,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="183">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-36</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          镯（环）、项链或手表等具有潜在风险的饰品或用具，动作应规范、轻柔，眼睛应注视着婴幼儿，对婴幼儿的口语及肢体动作能等待、观察、聆听，并做出回应。在指导如厕过程中，与婴幼儿对话或沟通时能使用简单明确的字词、适宜的语速、柔和的语调，以耐心、愉悦、温柔、正向的方式与婴幼儿说话及互动。
@@ -206,7 +264,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="184">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题四·如厕活动照护</span>
              <span class="pageNum">2-37</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          ⑥大便留在尿布内最容易使婴幼儿的屁股发红或起疹子，换尿布时，要轻轻地用尿布的边缘擦掉大部分粪便，用一次性湿巾从前往后地把屁股擦干净，或者用小毛巾将屁股用温水洗净，用纸巾擦干，涂上护臀膏，再包尿布。
@@ -251,7 +324,21 @@
        <p>购买适合婴幼儿使用的便盆，选择正规厂家生产的安全、容易清洗、无</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="185">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-38</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          须骑跨的婴幼儿专用便盆，或给普通马桶加婴幼儿专门的马桶圈，确保婴幼儿能双脚踩地坐稳。
@@ -286,7 +373,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="186">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题四·如厕活动照护</span>
              <span class="pageNum">2-39</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d150">（十）注意事项</h4>
        <p>
@@ -304,7 +406,20 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="187">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-40</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h3 id="c064">
          <span class="bk1-h3"
@@ -348,7 +463,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="188">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题四·如厕活动照护</span>
              <span class="pageNum">2-41</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>（2）红色尿</p>
        <p>尿液呈洗肉水样，同时眼皮浮肿，可见于急性肾小球肾炎。</p>
@@ -382,7 +512,21 @@
        <p>⑦保育员应提醒婴幼儿便后冲水和按次序洗手。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="189">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-42</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c066">
          <span class="bk1-h3"
@@ -421,7 +565,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="190">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题四·如厕活动照护</span>
              <span class="pageNum">2-43</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d160">（一）坐便器的清洁消毒</h4>
        <p>
@@ -436,13 +595,41 @@
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter013.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>

export default {
  name: "chapter013",
  data() {
    return {
      chapter013: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter013"));
    if (localData) {
      this.chapter013 = { ...Object.assign(this.chapter013, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter013", JSON.stringify(this.chapter013));
    }
  },
};
</script>

 src/books/lifeCare/view/chapter014.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="14">
    <div class="page-box" page="191">
      <div class="bodystyle topImg">
        <h2 id="b013"><img class="img-0" alt="" src="../image/zt5.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -76,7 +76,22 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="192">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-45</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          生命早期的10000天被世界卫生组织定义为一个人生长发育的“机遇窗口期”，是人的体格和大脑发育最快的时期，这期间的营养状况与其一生的健康息息相关，不仅影响身体和智力发育，还与成年后慢性病的发病率有明显联系。由于婴幼儿的消化系统、免疫系统尚未发育完善，生活自理能力不强，独立进餐能力、良好进餐习惯需要培养，因此，托育机构在进餐活动这一环节需要对婴幼儿进行特别的保育。托育机构应为婴幼儿提供丰富的营养，既可以使他们避免感染感冒和其他的传播性疾病，还可以使他们充分生长并发展最大的潜力。
@@ -105,7 +120,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="193">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-46</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d163">（二）营养素的需求</h4>
        <h5 class="h5-zt" id="e121">1.宏量营养素</h5>
@@ -131,7 +160,22 @@
      </div>
    </div>
    <!-- 上下表格拆分 -->
    <div class="page-box">
    <div class="page-box" page="194">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-47</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>（2）矿物质</p>
        <p>
@@ -162,7 +206,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="195">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-48</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e126">2.合理添加辅食</h5>
        <p>
@@ -199,7 +257,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="196">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-49</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e132">2.按需喂养</h5>
        <p>
@@ -236,7 +309,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="197">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-50</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d169">（三）13～24月龄的喂养原则</h4>
        <h5 class="h5-zt" id="e140">1.顺应喂养</h5>
@@ -266,7 +353,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="198">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-51</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c071">
          <span class="bk1-h3"
@@ -305,7 +407,21 @@
        <p>尽早教会婴幼儿自己动手吃饭，可以提高婴幼儿进餐的兴趣。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="199">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-52</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c072">
          <span class="bk1-h3"
@@ -313,18 +429,201 @@
            >　　不同年龄段婴幼儿的一日饮食　</span
          >
        </h3>
        <p><br /></p>
        <div class="bk-zt1">
          <div class="bj1-zt1">
          <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0215-1.jpg" />
          </p>
          <p>扫码看《1～2岁幼儿一日食谱举例、2～3岁幼儿一日食谱举例》。</p>
          </p> -->
          <!-- <p>《1～2岁幼儿一日食谱举例》。</p> -->
          <div class="tips-bk">
            <div class="bj-tip tip-specail">1～2岁幼儿一日食谱举例</div>
            <div class="tips-file">
              <table class="table111 table122">
                <thead>
                  <tr>
                    <th rowspan="2">时间</th>
                    <th colspan="2">1</th>
                    <th colspan="2">2</th>
                  </tr>
                  <tr>
                    <th>菜品名称</th>
                    <th>食物及数量</th>
                    <th>菜品名称</th>
                    <th>食物及数量</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th rowspan="3">早餐（7：00）</th>
                    <td>奶</td>
                    <td>配方奶200 mL</td>
                    <td rowspan="2">菠萝牛奶燕麦粥</td>
                    <td rowspan="2">菠萝25g、配方奶250 mL，燕麦40 g</td>
                  </tr>
                  <tr>
                    <td>米糕</td>
                    <td>1个（大米20 g）</td>
                  </tr>
                  <tr>
                    <td>煮鸡蛋</td>
                    <td>1个，25 g</td>
                    <td>煮鸡蛋</td>

                    <td>1个，25 g</td>
                  </tr>
                  <tr>
                    <th>早点 (10:00)</th>
                    <td>水果</td>
                    <td>苹果75 g</td>
                    <td>水果</td>
                    <td>猕猴桃50 g2</td>
                  </tr>
                  <tr>
                    <th>中餐 （12:00）</th>
                    <td>菜肉面</td>
                    <td>面粉 60 g、肉 25 g、大白菜75 g、食用油5 g、盐少许</td>
                    <td>什锦鱼片粥</td>
                    <td>
                      大米50 g、草鱼肉 30 g、嫩豆腐25 g、香菇75 g、香菜2 g、葱花2 g、食用油5 g、盐少许
                    </td>
                  </tr>
                  <tr>
                    <th rowspan="2">午点 （15:00）</th>
                    <td>牛奶赤豆汤</td>
                    <td>配方奶100 mL、赤豆20 g、糖5 g</td>
                    <td>芋头牛奶</td>
                    <td>芋头 30 g、配方奶100mL、糖5 g</td>
                  </tr>
                  <tr>
                    <td>水果</td>
                    <td>香蕉50 g</td>
                    <td>水果</td>
                    <td>苹果 50 g</td>
                  </tr>
                  <tr>
                    <th rowspan="2">晚餐 （18:00）</th>
                    <td>花卷</td>
                    <td>1个，面粉25 g、葱花2 g、植物油2 g</td>
                    <td>番薯粥</td>
                    <td>大米40 g、番薯20 g</td>
                  </tr>
                  <tr>
                    <td>鲑鱼菠菜粥</td>
                    <td>
                      大米30 g、鲑鱼25 g、菠菜 50 g、胡萝卜25 g、麻油3 g、盐少许
                    </td>
                    <td>肉片炒白菜</td>
                    <td>肉25 g、小白菜50 g、植物油5 g、盐少许</td>
                  </tr>
                  <tr>
                    <th>睡前 （21:00）</th>
                    <td>奶</td>
                    <td>配方奶 200 mL</td>
                    <td>奶</td>
                    <td>配方奶 200 mL</td>
                  </tr>
                </tbody>
              </table>
        </div>
          </div>
          <div class="tips-bk">
            <div class="bj-tip tip-specail">2～3岁幼儿一日食谱举例</div>
            <div class="tips-file">
              <table class="table111 table122">
                <thead>
                  <tr>
                    <th rowspan="2">时间</th>
                    <th colspan="2">1</th>
                    <th colspan="2">2</th>
                  </tr>
                  <tr>
                    <th style="width: 60px">菜品名称</th>
                    <th>食物及数量</th>
                    <th>菜品名称</th>
                    <th>食物及数量</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th rowspan="2">早餐（7：00）</th>
                    <td>枣泥赤豆粥</td>
                    <td>大米30 g、赤豆20 g、红枣10 g、白糖5 g</td>
                    <td>奶 </td>
                    <td>牛奶或配方奶250 mL</td>
                  </tr>
                  <tr>
                    <td>蛋糕</td>
                    <td>面粉25 g、鸡蛋25 g</td>
                    <td>米糕</td>
                    <td>1 个（大米30 g、糖5 g）</td>
                  </tr>
                  <tr>
                    <th>早点 (10:00)</th>
                    <td>雪花水果羹</td>
                    <td>香蕉100 g、奶酪20 g、淀粉5 g、植物油2 g</td>
                    <td>小笼包</td>
                    <td>面粉 30 g、猪肉 20 g、盐少许</td>
                  </tr>
                  <tr>
                    <th rowspan="2">中餐 （12:00）</th>
                    <td>猪肝芥菜面</td>
                    <td>面粉60 g、猪肝20 g、芥菜100 g、植物油5 g、盐少许</td>
                    <td>软米饭</td>
                    <td>大米50 g</td>
                  </tr>
                  <tr>
                    <td>蒸鲜带鱼</td>
                    <td>带鱼30 g、葱花2 g、植物油2 g、盐少许</td>
                    <td>牡蛎滑蛋鸭血豆腐羹</td>
                    <td>
                      牡蛎25 g、鸡蛋25 g、鸭血20 g、豆腐20 g、黄瓜30 g、胡萝卜50 g、植物油7 g
                    </td>
                  </tr>
                  <tr>
                    <th rowspan="2">午点 （15:00）</th>
                    <td>奶</td>
                    <td>牛奶 250 mL</td>
                    <td>奶</td>
                    <td>酸奶100 mL</td>
                  </tr>
                  <tr>
                    <td>水果</td>
                    <td>猕猴桃 50 g</td>
                    <td>水果</td>
                    <td>草莓 100 g</td>
                  </tr>
                  <tr>
                    <th rowspan="2">晚餐 （18:00）</th>
                    <td>软米饭</td>
                    <td>大米40 g</td>
                    <td rowspan="2">鱼菜面</td>
                    <td rowspan="2">
                      面粉40 g、马鲛鱼肉 30 g、小白菜40 g、番茄30 g、植物油5 g、盐少许
                    </td>
                  </tr>
                  <tr>
                    <td>鸡蓉蔬菜羹</td>
                    <td>
                      鸡胸肉 30 g、胡萝卜50 g、油白菜50 g、植物油5 g、盐少许
                    </td>
                  </tr>
                  <tr>
                    <th>睡前 （21:00）</th>
                    <td>奶</td>
                    <td>配方奶 200 mL</td>
                    <td>奶</td>
                    <td>配方奶 200 mL</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <p><br /></p>
        <h4 class="h4-zt" id="d173">（一）0～1岁婴儿的一日饮食安排</h4>
        <p>
          婴儿早期要按需哺乳，3～4月龄后逐渐定时哺乳和进食，一般每天可喂奶6～8次或更多，不要强求喂奶次数和时间。满6月龄时尝试添加辅食。
@@ -344,7 +643,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="200">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-53</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c073">
          <span class="bk1-h3"
@@ -387,7 +701,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="201">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-54</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>（2）蔬菜水果泥的制作</p>
        <p>
@@ -406,17 +734,112 @@
        <p>
          ②鱼泥：将鱼洗净，蒸熟或煮熟，去皮、去刺，将留下的鱼肉用汤匙压成泥。
        </p>
        <p><br /></p>
        <div class="bk-zt1">
          <div class="bj1-zt1">
          <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
            <img class="img-g" alt="" src="../image/0217-1.jpg" />
          </p> -->
          <!-- <p>扫码看《0～3岁婴幼儿辅食的具体制作方法》。</p> -->
          <div class="tips-bk">
            <div class="bj-tip tip-specail">0～3岁婴幼儿辅食的具体制作方法</div>
            <div class="tips-file">
              <div class="p-text">
                <p>（一）7～12月龄辅食制作</p>
                <p>1.蔬菜泥的制作</p>
                <p>（1）南瓜泥</p>
                <p>①南瓜一小块（大约 100 g）蒸熟。</p>
                <p>②取出蒸熟的南瓜的瓜肉放在小碗里，用小勺压烂成泥。</p>
                <p>③取适量南瓜泥，加适量开水稀释，调匀。</p>
                <p>
                  （提示∶南瓜一定要蒸熟、蒸烂。南瓜是中医讲的“发物”，有病时不宜吃。）
          </p>
          <p>扫码看《0～3岁婴幼儿辅食的具体制作方法》。</p>
                <p>（2）土豆泥</p>
                <p>
                  ①选择新鲜没有发芽的土豆1个，去皮，切成小块。②蒸熟或者煮熟。③取出土豆，放入小碗，用勺压烂成泥。④喂食时，加少量水调匀即可。
                </p>
                <p>（3）绿叶菜泥（如青菜泥）</p>
                <p>
                  ①将新鲜青菜去老叶及菜根，在流动的自来水中洗净。②以两碗水、一碗菜的比例在锅内加入适量清水，煮沸。③水煮沸后加入菜叶，水开后再煮1～2 分钟。④取出菜叶、沥干水分。⑤制作青菜泥有两种方法：一种方法是用刀切去煮好的青菜梗后，放入粉碎机粉碎成菜泥即成;另一种方法是用铜丝网，手拿着煮好的菜梗在铜丝网上研磨，流到下面碗里的便是菜泥。⑥在油锅里加适量油，急火炒菜泥，菜泥可单独食用或加入粥里食用。
                </p>
                <p>2.水果泥的制作</p>
                <p>（1）香蕉泥</p>
                <p>
                  ①将香蕉洗净后，剥去外皮。②用干净的小刀挖取中间一段，放碗里，用勺压成泥即可食用。
                </p>
                <p>（2）苹果泥</p>
                <p>
                  ①取质地较为软的苹果一个，洗净切开。②用小勺在横剖面上刮取果肉，越细越好。
                </p>
                <p>3.肉泥的制作</p>
                <p>（1）鱼泥</p>
                <p>
                  ①选择新鲜的河鱼或海鱼，去鳞、去内脏，洗净。②加葱、姜后蒸约10 分钟（以 50 g鱼1分钟计算蒸的时间），待鱼肉翻白、肉刺脱离即表示鱼已熟。③小心地将所有鱼刺挑出，取出鱼肉（不要鱼皮），用勺压成泥即可食用。
                </p>
                <p>（2）禽肉泥</p>
                <p>
                  ①将鸡（鸭）胸脯肉剁碎，加生粉拌匀。②加少量植物油在油锅里，将肉末放入煸炒后，加少量水焖煮5分钟即可。③可添加在菜粥或烂面条中。
                </p>
                <p>（3）猪肉末</p>
                <p>
                  ①生炒法：将新鲜猪肉剁碎成末，加少量植物油在油锅里，将肉末放入煸炒;再加少量水，焖煮5 分钟即成。
                </p>
                <p>
                  ②熟制法：将整块瘦猪肉加葱、姜煮烂取出，用消毒过的刀和砧板剁烂成末即成。可多做一些存放在冰箱中冷冻备用。
                </p>
                <p>（4）猪肝泥</p>
                <p>
                  ①生刮清炒法：先将新鲜猪肝洗净，放在砧板上，然后用刀将猪肝横向切开，在切开的肝脏表面用刀背轻轻地刮，刮下的泥状物就是肝泥。起油锅，将肝泥放入清炒，加入葱、姜去腥，烧熟煮透后，加入少量食盐即成。将做好的猪肝泥或与碎菜混合成菜，或混入粥、面中同食。
                </p>
                <p>
                  ②生刮清蒸法：按上述方法刮出肝泥，将肝泥放入碗中，加适量生粉拌匀，覆上葱段和姜片，隔水蒸10～15 分钟。蒸熟的肝泥可以与蔬菜泥（胡萝卜泥、青菜泥、土豆泥）以1∶1 的比例混合，并在油锅里煸炒后食用。
                </p>
                <p>
                  ③熟剁法：先将猪肝洗净，置锅中煮熟，去掉筋、皮，然后在砧板上将煮熟的猪肝剁成泥状。再起油锅，放入肝泥清炒，或加水煮沸，加少量食盐即成肝泥。食法同上。
                </p>
                <p>（二）1～2岁辅食制作</p>
                <p>1.萝卜饭</p>
                <p>（1）原料</p>
                <p>胡萝卜、瘦肉、大米、香菇、青菜、姜。</p>
                <p>（2）制作方法</p>
                <p>
                  ①将胡萝卜、瘦肉、香菇切成丁，备用。②起锅，放瘦肉、胡萝卜丁快炒，放生姜丝、香菇一起炒。③加水，放淘好的大米，放点儿盐，放入青菜，盖好锅盖和平时一样煮熟(最好用铁锅)。④盛出前加点蒜叶。
                </p>
                <p>2.胡萝卜青菜饭卷</p>
                <p>（1）原料</p>
                <p>
                  青菜1棵、米饭1小碗、胡萝卜1/3根、洋葱1/4个、肉末50 g、鸡蛋1个、紫菜2～3片。
                </p>
                <p>（2）制作方法</p>
                <p>
                  ①将所有材料清洗干净，将青菜、胡萝卜、洋葱和肉切成末备用。②将鸡蛋打成蛋液，将锅烧热，倒入，下入洋葱翻炒，然后倒入肉末翻炒，加入胡萝卜翻炒，加入米饭翻炒，加入鸡蛋翻炒，最后加入切碎的青菜末翻炒，撒点盐，炒匀出锅。③将寿司帘铺在案板上，在寿司帘上铺上一层保鲜膜，在保鲜膜上铺上一层紫菜，在紫菜上均匀地铺上青菜蛋炒饭，然后卷起来，收口朝下放，切段即可食用。
                </p>
                <p>（3）注意事项</p>
                <p>
                  青菜要切细；炒饭要略凉后再放到紫菜上去包；可不用紫菜卷，直接盛在碗里吃青菜蛋炒饭。
                </p>
                <p>3.翠竹幻彩鱼米粒</p>
                <p>（1）原料</p>
                <p>
                  彩椒、黄瓜、熟玉米粒、葱、红鲷鱼(大型超市有冻的、去刺的鱼片)。
                </p>
                <p>（2）制作方法</p>
                <p>
                  ①将鱼肉切条后再切成小丁，用盐、油、淀粉、少许酱油、姜片腌制一小时，增香去腥，更软嫩。②将黄瓜切段后改刀，在中间用勺子挖洞，做成装幻彩鱼米粒的小容器。③锅中放油，五香粉、葱花爆香，然后放入切好的鱼肉，炒至变色后放入彩椒丁和玉米粒，出锅时再少放点盐、蚝油和香油调味。④用小勺子将幻彩鱼米粒放入黄瓜容器中，用刀将切下的黄瓜切成竹叶状，摆好翠竹的造型。
                </p>
                <p>（3）注意事项</p>
                <p>红鲷鱼要买现成的没有刺的鱼片。</p>
                <p>4.土豆“地雷”</p>
                <p>（1）原料</p>
                <p>
                  大米200克、香菇100克、猪肉馅100克、圣女果1颗、奶酪1片、海苔1片、食盐适量、酱油适量。
                </p>
              </div>
            </div>
          </div>
        </div>
        <h5 class="h5-zt" id="e158">2.颗粒状辅食的制作</h5>
        <p>（1）准备制作的材料及器具</p>
@@ -444,7 +867,22 @@
        <p class="img">图2-5-3　食物加盖保温</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="202">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-55</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c074">
          <span class="bk1-h3"
@@ -471,7 +909,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="203">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-56</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          选择塑料、陶瓷、不锈钢的，托育机构以选择不锈钢碗更为适宜（见表2-5-8）。此外，婴幼儿使用碗的厚度需相对厚一些，既可避免烫伤，也相对保温。
@@ -504,7 +956,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="204">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-57</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          ④分发食物。分发食物的顺序为蔬菜—荤菜—饭—汤，饭用勺盛，使用夹子分菜，按左汤右菜的顺序放置。
@@ -539,15 +1006,81 @@
        </p>
        <p><br /></p>
        <div class="bk-zt1">
          <div class="bj1-zt1">
          <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
            </p>
          </div>
          <p class="center">
          </div> -->
          <!-- <p class="center">
            <img class="img-g" alt="" src="../image/0220-2.jpg" />
          </p>
          <p>扫码看《餐前教育素材》。</p>
          <p>扫码看《餐前教育素材》。</p> -->
          <div class="tips-bk">
            <div class="bj-tip tip-specail">餐前教育素材</div>
            <div class="tips-file">
              <div class="p-text">
                <p>（一）餐前故事</p>
                <p>1.《母鸡下蛋</p>
                <p>
                  有个阿姨养着一只母鸡，母鸡每天下一个蛋。她以为多给鸡喂些大麦，就会每天下两个蛋。于是，她就每天这样喂，结果母鸡长得越来越肥，每天连一个蛋也下不了。
                </p>
                <p>2.《茄子妹妹》</p>
                <p>
                  茄子妹妹这几天愁眉苦脸的，不跟小朋友说话了。她怎么了？白菜姐姐关心地问：“调皮的小茄子你不舒服吗？怎么了？告诉姐姐，或许我能帮得到你呢！”茄子妹妹一听就要哭出来了：“我长得多难看呀！这皮肤又黑又紫的，丑死了。唉！”“哈哈哈，”白菜姐姐忍不住笑起来，“可爱的小茄子，你营养丰富，托育园的小朋友都喜欢你。你的身材还这么苗条，紫色的裙子富有诗情画意。多美呀！怎么会说自己丑呢？”“真的吗？”茄子妹妹瞪大了眼睛。“当然，不信你照照镜子，镜子里的你多可爱呀！”“嗯，还真的呢！”小茄子扭扭身子，不好意思地笑了。 每个人都有自己的长处，我们要善于发现它们，让自己充满自信。
                </p>
                <p>3.《小河马吃饭》</p>
                <p>
                  每天吃饭时，小河马就围好饭兜兜，等着妈妈来喂饭。小青蛙看见了，就笑话小河马：“呱呱呱，小河马，难为情，吃饭还要妈妈喂。”小河马听了，头一歪，嘴一噘：“就要妈妈喂。”有一天早晨，妈妈把饭做好了，有事要出门，就让小河马自己吃。可小河马就等妈妈回来喂他，太阳老高了，妈妈还没回来，小河马饿得直哭。
                </p>
                <p>
                  小青蛙只好来帮忙，可它的个子太小了，小河马的嘴巴又大，喂了半天才喂了一口，累极了。小河马不停地大哭：“妈妈快回来呀，喂我吃饭呀!”小青蛙着急地说：“小河马你的手呢，你快自己吃饭呀!”小河马听了小青蛙的话，拿起了勺子，一口一口地把饭全吃完了。小青蛙高兴地说：“小河马真能干。”妈妈回来了，看到小河马吃饱了饭，和小青蛙一起玩得那么开心，妈妈也高兴地笑了。
                </p>
                <p>4.《运动会》</p>
                <p>
                  宝宝的肚子里要举办一场运动会，邀请大家参加。米饭先生要参加拔河比赛，要先运米到宝宝的肚子里。米饭先生的对手豆子军团的数量太少啦，拔不过米饭先生了，再运些豆子到宝宝的肚子里。哎呀，运动场的草皮还没铺，还要吃些青菜把运动场铺好才行。小鱼要参加游泳比赛，可是它躺在盘子里好着急，要让小鱼进去哦，游泳池的水不够了，宝宝还要喝些汤才可以让小鱼游泳。
                </p>
                <p>5.《挑食的小佳佳》</p>
                <p>
                  有个小朋友，叫小佳佳（名字可以改成孩子的小名，让孩子有代入感），她什么都好，就是爱挑食……有一天上午，妈妈炒了白菜。小佳佳看到了，嘟起了小嘴说：“白菜没味道，我不吃！”小白兔见到了，开心地说：“你不吃，我吃！”它蹦蹦跳跳地跑过来，三口两口就把白菜吃光啦！这一天，妈妈还煮了鱼，小佳佳看到了，又嘟起了小嘴说：“鱼有刺，我不吃！”小花猫看到了，开心地说：“你不吃，我吃！”它一跳一跳地跳上了桌子，啊呜啊呜把鱼吃光啦！这样，小白兔、小花猫都吃得饱饱的，它们长得又高又壮，可漂亮啦！只有小佳佳长得又瘦又小。
                </p>
                <p>（二）餐前儿歌</p>
                <p>儿歌1：《吃饭歌》</p>
                <p>
                  小饭碗，扶扶好，小调羹，拿拿牢。一口一口自己吃，一口饭、一口菜。
                </p>
                <p>儿歌2：《样样东西都要吃》</p>
                <p>
                  白米饭，我要吃。红烧肉，我要吃。绿蔬菜，我要吃，样样东西都要吃。
                </p>
                <p>儿歌3：《吃饭不要喂》</p>
                <p>娃娃比我小，吃饭要人喂，我比娃娃大，吃饭不要喂。</p>
                <p>儿歌4：《吃饭喽》</p>
                <p>
                  吃饭喽，吃饭喽，大家吃饭喽。一大口，一大口，饭菜吃完了，你高喽，我高喽，大家长高喽！儿歌5：《进餐》
                </p>
                <p>
                  小餐桌，已摆好，大家搬椅坐桌旁，一口饭，一口菜，不撒不掉全吃光。
                </p>
                <p>儿歌6：《宝宝吃早餐》</p>
                <p>小宝宝吃早餐，椅子小手都放好。吃早餐，身体好。</p>
                <p>儿歌7：《宝宝乖，宝宝乖》</p>
                <p>
                  宝宝喜欢吃青菜。绿菠菜，脆黄瓜，胡萝卜，嫩白菜。多吃青菜长得快。
                </p>
                <p>儿歌8：《大苹果》</p>
                <p>
                  我是一个大苹果，小朋友们都爱我。请你先去洗洗手，要是手脏别碰我。
                </p>
                <p>（三）谜语</p>
                <p>
                  谜语1：身体瘦又长，有绿又有黄，浑身都是刺，吃着脆又香。（谜底：黄瓜。）
                </p>
                <p>
                  谜语2：小伞一把把，长在树下面，不能当伞用，做菜吃得香。（谜底：蘑菇。）
                </p>
              </div>
            </div>
          </div>
        </div>
        <h4 class="h4-zt" id="d187">（二）介绍饭菜</h4>
        <p>
@@ -555,7 +1088,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="205">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-58</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p class="img">表2-5-9　常用介绍饭菜指导用语</p>
        <p class="center">
@@ -601,7 +1148,22 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="206">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-59</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c077">
          <span class="bk1-h3"
@@ -643,7 +1205,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="207">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-60</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e165">3.注意事项</h5>
        <p>①逐渐增加辅食的黏稠度和进食量。</p>
@@ -684,7 +1260,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="208">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-61</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d195">（四）初学进餐的注意事项</h4>
        <p>①以鼓励、表扬为主。</p>
@@ -724,7 +1315,21 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="209">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-62</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c080">
          <span class="bk1-h3"
@@ -763,7 +1368,22 @@
        <p>④进餐活动结束后，应在专用水池内清洗被污染的衣裤。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="210">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-63</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e173">3.处理呛咳事件</h5>
        <p>①及时观察幼儿是否能自主呼吸。</p>
@@ -805,7 +1425,21 @@
        <p>幼儿某餐进食量较少时不要强迫幼儿进食，以免造成厌食。进餐时不能</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="211">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-64</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          催促幼儿，而要让幼儿细嚼慢咽；保持进餐卫生；要让幼儿咽下最后一口饭才能离开饭桌；注意饭后擦嘴和保持桌面干净。
@@ -842,7 +1476,22 @@
        <p>②进餐时注意力不集中，边吃边玩、边吃边讲话。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="212">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-65</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          ③独立进食能力弱。虽能吃完自己的一份饭菜，但桌子、地面、衣服上不干净，都是饭粒、菜汤。
@@ -885,7 +1534,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="213">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-66</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e190">3.营养不良症</h5>
        <p>
@@ -928,7 +1591,22 @@
        <p>④将碗、碟、勺分别放到指定地方。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="214">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题五·进餐活动照护</span>
              <span class="pageNum">2-67</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e197">2.指导幼儿搞好个人卫生</h5>
        <p>（1）指导幼儿正确漱口</p>
@@ -970,7 +1648,21 @@
        <p>①扫。用潮湿的扫帚按由里向外的顺序压住地面清扫。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="215">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-68</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          ②拖。用拖把清洁地面，由清洁区拖至污染区。从左向右横拖，且从前往后倒着拖。
@@ -991,13 +1683,40 @@
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter014.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter014",
  data() {
    return {
      chapter014: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter014"));
    if (localData) {
      this.chapter014 = { ...Object.assign(this.chapter014, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter014", JSON.stringify(this.chapter014));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter015.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="15">
    <div class="page-box" page="216">
      <div class="bodystyle topImg">
        <h2 id="b014"><img class="img-0" alt="" src="../image/zt6.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -60,7 +60,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="217">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-70</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c085">
          <span class="bk1-h3"
@@ -104,7 +118,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="218">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题六·饮水活动照护</span>
              <span class="pageNum">2-71</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          此外，不同年龄段的婴幼儿对水的需求量也有所不同：0～6月龄的婴儿，若是纯母乳喂养，因母乳可提供足够的水分，不必补水；人工喂养的少量补水，即奶粉喂养的婴幼儿比母乳喂养的婴幼儿需水量多。
@@ -140,7 +169,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="219">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-72</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d219">（一）纯母乳喂养的婴幼儿</h4>
        <p>
@@ -163,9 +206,8 @@
            ><span class="bj2-h3">五</span>　　安全的饮用水　</span
          >
        </h3>
        <p><br /></p>
        <div class="bk-zt1">
          <div class="bj1-zt1">
          <!-- <div class="bj1-zt1">
            <p class="left">
              <img class="img-gn-zt" alt="" src="../image/zt-sys.png" />
            </p>
@@ -175,7 +217,23 @@
          </p>
          <p>
            温馨提示：不应让婴幼儿长期饮用纯净水，扫码看《婴幼儿不宜长期饮用纯净水》。
          </p> -->
          <div class="tips-bk">
            <div class="bj-tip tip-specail">婴幼儿不宜长期饮用纯净水</div>
            <div class="tips-file">
              <div class="p-text">
                <p>
                  目前有些家庭会使用净水机。水经净水能力强的净水机过滤后，几乎不含任何矿物质，这种被净水机加工出
                  的水属于纯净水。由于纯净水中的矿物质含量几乎为零，婴幼儿所需要的矿物质、微量元素、常量元素有一部分
                  需要从水中获得，长期饮用纯净水，会减少婴幼儿对矿物质和有益元素的摄入，特别是那些在膳食中无法摄取或
                  摄取量极少的微量元素，如锶、锌等，这对健康会带来不利的影响。另外，纯净水的酸碱度为
                  6.0 左右，而我国 规定的饮用水的酸碱度为 6.5 ～
                  8.5。所以婴幼儿不宜长期饮用纯净水。再加上净水器维护不及时，非常容易造
                  成二次污染，因此这类家庭产的纯净水也不建议给婴幼儿饮用。
          </p>
              </div>
            </div>
          </div>
        </div>
        <p>
          安全的饮用水是指一个人终生饮用，也不会对健康产生明显危害的饮用水。根据世界卫生组织的定义，所谓终生饮用，是指以人均寿命70岁为基数，以每人每天饮水2L计算。安全饮用水还包括日常个人卫生用水，即洗澡用水、漱口用水等。如果水中含有害物质，这些物质可能在洗澡、漱口时通过皮肤接触、呼吸吸收等方式进入人体，从而对人体健康产生影响。
@@ -188,7 +246,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="220">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题六·饮水活动照护</span>
              <span class="pageNum">2-73</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          纯净水在被过滤的过程中，其中的钾、钙、镁、铁、锌等人体所需的矿物元素也被去除了，不宜长期大量饮用，只能用于临时解渴。
@@ -220,7 +293,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="221">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-74</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          中繁殖的非致病性微生物。美国《FDA食品法规》规定：婴幼儿瓶装水应加热杀菌，满足商业无菌要求。英国卫生局推荐使用符合商业无菌标准的瓶装水喂养婴幼儿。
@@ -249,7 +336,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="222">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题六·饮水活动照护</span>
              <span class="pageNum">2-75</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p class="img">表2-6-3　不同月龄婴幼儿的饮水器具</p>
        <p class="center">
@@ -263,7 +364,20 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="223">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-76</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h3 id="c093">
          <span class="bk1-h3"
@@ -314,7 +428,22 @@
        <p>②要准备充足的饮用水，供幼儿全天随时饮用。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="224">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题六·饮水活动照护</span>
              <span class="pageNum">2-77</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          ③保育员要随时关注幼儿的饮水情况，尤其是生病和不爱饮水的幼儿，及时提醒或协助幼儿自主饮水。
@@ -355,7 +484,21 @@
        <p>“小朋友们来喝水，一口一口慢慢喝。”</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="225">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-78</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p>“我们一起排好队，一个一个来接水。”</p>
        <p>“出汗了要多喝水，嘴巴干了要喝水，生病了也要多喝水。”</p>
@@ -400,7 +543,22 @@
        <p>②提醒幼儿渴了就要主动喝水。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="226">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题六·饮水活动照护</span>
              <span class="pageNum">2-79</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>③对不爱喝水的幼儿，保育员要及时关注，用多种方法引导幼儿喝水。</p>
        <p>
@@ -429,13 +587,40 @@
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter015.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter015",
  data() {
    return {
      chapter015: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter015"));
    if (localData) {
      this.chapter015 = { ...Object.assign(this.chapter015, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter015", JSON.stringify(this.chapter015));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter016.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="16">
    <div class="page-box" page="227">
      <div class="bodystyle topImg">
        <h2 id="b015"><img class="img-0" alt="" src="../image/zt7.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -53,7 +53,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="228">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题七·睡眠活动照护</span>
              <span class="pageNum">2-81</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c096">
          <span class="bk1-h3"
@@ -90,7 +105,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="229">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-82</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p class="img">表2-7-1　不同月龄婴幼儿的每日睡眠</p>
        <p class="center">
@@ -123,7 +152,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="230">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题七·睡眠活动照护</span>
              <span class="pageNum">2-83</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e214">3.温度</h5>
        <p>
@@ -158,7 +202,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="231">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-84</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e220">2.睡前活动</h5>
        <p>①睡前提醒婴幼儿少喝水，完成大小便及洗净双手，减少生理上的干扰。</p>
@@ -192,7 +250,22 @@
        <p class="img">图2-7-1　示例</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="232">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题七·睡眠活动照护</span>
              <span class="pageNum">2-85</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e222">4.讲故事</h5>
        <p>（1）活动准备</p>
@@ -222,7 +295,21 @@
      </div>
    </div>
    <!-- 上下拆分表格 -->
    <div class="page-box">
    <div class="page-box" page="233">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-86</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e224">2.巡回检查</h5>
        <p>
@@ -238,7 +325,22 @@
        <p>首先，分辨衣服的里外和前后，双手抓住衣领，将衣服开口的一面对着</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="234">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题七·睡眠活动照护</span>
              <span class="pageNum">2-87</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          前面，领口贴近腹部（衣服自然下垂），用双手抓住衣领向后甩，将衣服披在肩上，将手伸入衣袖内。其次，翻好衣领，将衣服的前襟对齐，自下而上地系扣子。最后，认真检查扣子是否一对一地扣好了，领子是否翻平整了。
@@ -274,7 +376,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="235">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-88</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d244">（二）自主入睡</h4>
        <p>
@@ -294,13 +410,40 @@
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter016.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter016",
  data() {
    return {
      chapter016: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter016"));
    if (localData) {
      this.chapter016 = { ...Object.assign(this.chapter016, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter016", JSON.stringify(this.chapter016));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter017.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="17">
    <div class="page-box" page="236">
      <div class="bodystyle topImg">
        <h2 id="b016"><img class="img-0" alt="" src="../image/zt8.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -53,7 +53,20 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="237">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-90</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h3 id="c102">
          <span class="bk1-h3"
@@ -94,7 +107,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="238">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题八·离园活动照护</span>
              <span class="pageNum">2-91</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          易发生戳伤、挤伤等情况。又如，家长未及时来接的幼儿，发现同伴陆续离园，容易着急、焦虑甚至大喊哭泣，为此，保教人员不得不及时安抚幼儿的情绪，也可能会出现照顾不到其他幼儿而出现场面混乱的现象。婴幼儿的认知发展还不够健全，对危险因素认识不足，有些调皮的幼儿在离园时可能会趁老师不注意，偷偷跑到园外去玩，导致走失或者交通安全事故。
@@ -122,7 +150,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="239">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-92</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d253">（三）完善园所离园管理制度</h4>
        <p>
@@ -152,7 +194,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="240">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题八·离园活动照护</span>
              <span class="pageNum">2-93</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <P
          >婴幼儿的行为和健康。离园时，保教人员可以和家长进行简单的交流，突出婴幼儿在园所一日中比较重要的事件和环节（见表2-8-2）。
@@ -170,7 +227,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="241">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-94</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c108">
          <span class="bk1-h3"
@@ -200,13 +271,62 @@
      </div>
    </div>
    <!-- 上下拆分表格 -->
    <div class="page-box">
    <div class="page-box" page="242">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题八·离园活动照护</span>
              <span class="pageNum">2-95</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p class="img">表2-8-4　托育园常用物品消毒工作表</p>
        <p class="center">
          <img class="img-a" alt="" src="../image/0257-1.jpg" />
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <textarea
            v-model="chapter017.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter017",
  data() {
    return {
      chapter017: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter017"));
    if (localData) {
      this.chapter017 = { ...Object.assign(this.chapter017, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter017", JSON.stringify(this.chapter017));
    },
  },
};
</script>

 src/books/lifeCare/view/chapter018.vue

@@ -1,6 +1,22 @@
<template>
  <div class="chapter" num="17">
    <div class="page-box">
  <div class="bodystyle">
    <h1 id="a009"><img alt="" class="img-0" src="../image/ckwx.jpg" /></h1>
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
            <div class="content">
              <div class="pageStr">2-96</div>
              <div class="title">
                <img src="../image/chapter.png" alt="" />
                <span class="cahpter">婴幼儿生活照护·阅读手册</span>
              </div>
            </div>
          </div>
        </div>
        <div style="text-align: center; font-size: 22px; font-weight: 700">
          参考文献
        </div>
    <p>
      [1]济南阳光大姐服务有限责任公司.母婴护理职业技能实训手册[M].北京：高等教育出版社，2020.
    </p>
@@ -24,7 +40,9 @@
      [8]张小永.保育员（基础知识）[M].2版.北京：中国劳动社会保障出版社，2012.
    </p>
    <p>[9]金扣干，文春玉.0～3岁婴幼儿保育[M].上海：复旦大学出版社，2012.</p>
    <p>[10]赵青.0～3岁婴幼儿卫生与保育[M].北京：北京师范大学出版社，2021.</p>
        <p>
          [10]赵青.0～3岁婴幼儿卫生与保育[M].北京：北京师范大学出版社，2021.
        </p>
    <p>
      [11]周梅林.保育员（初级技能 中级技能
      高级技能）[M].北京：中国劳动社会保障出版社，2003.
@@ -42,7 +60,9 @@
    <p>
      [16]伍香平，彭丽华.幼儿园保育员工作指南[M].北京：中国轻工业出版社，2014.
    </p>
    <p>[17]柳倩，徐琼.0—3岁儿童健康与保育[M].上海：华东师范大学出版社，2012.</p>
        <p>
          [17]柳倩，徐琼.0—3岁儿童健康与保育[M].上海：华东师范大学出版社，2012.
        </p>
    <p>[18]线亚威.幼儿园保育工作手册[M].北京：高等教育出版社，2013.</p>
    <p>[19]王波，王珊.婴幼儿保育基础教程[M].北京：中国财富出版社，2016.</p>
    <p>
@@ -53,4 +73,6 @@
      [22]劳拉·A.杰娜，杰尼弗·苏.美国儿科学会实用喂养指南[M].2版.徐彬，等译.北京：北京科学技术出版社，2017.
    </p>
  </div>
    </div>
  </div>
</template>

 src/books/lifeCare/view/front001.vue

@@ -67,8 +67,8 @@
    </div>
    <div class="page-box" page="4">
      <div class="bodystyle">
        <div class="frontDiv">
          <img alt="" class="img-0 prefaceImg" src="../image/xu.png" />
        <div class="front">
          <img alt="" class="img-0 prefaceImg" style="top:2%" src="../image/xu.png" />
        </div>
        <div class="pdf-content">
          <p>
@@ -123,7 +123,7 @@
    </div>
    <div class="page-box" page="5">
      <div class="bodystyle">
        <div class="frontDiv">
        <div class="front">
          <img alt="" class="img-0 prefaceImg" src="../image/preface.png" />
        </div>
        <div class="pdf-content">

 src/books/lifeCare/view/test.vue

@@ -216,7 +216,7 @@
        <div class="second-left"></div>
        <div class="second-right">
          <img src="../image/pageImg.png" alt="" />
          <span class="pageStr">第五单元·进餐活动照护</span>
          <span class="pageStr">第六单元·饮水活动照护</span>
          <span class="pageNum">1-25</span>
        </div>
      </div>