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

YM

2024-05-27 3d27635c7ac693c461dd2ca01e8f5bebb1f0c642

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

 src/App.vue

@@ -19,42 +19,50 @@
    childHealth,
    lifeCare,
    embedded,
    english
    english,
  },
  data() {
    return {
      activeBook: {}
      activeBook: {},
    };
  },
  async created() {
    if (this.setGlobalState) {
      this.setGlobalState({
        initTestBook: async (bookId) => {
          this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId);
          // this.activeBook = await this.config.getBookConfig(this.config.resourceCtx + bookId);
          if (
            this.config.resourceCtx ==
            "http://182.92.203.7:3007/books/resource/"
          ) {
          this.config.resourceCtx = this.config.resourceCtx + bookId;
          }
          this.config.activeBook = this.activeBook;
          this.config.goodsStore = this.activeBook.storeRefcode;
          this.activeBook = await this.config.getBookConfig(
            this.config.resourceCtx
          );
          console.log("图书", this.activeBook);
          if (
            (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig)
          ) {
            this.$store.state.qiankun.getBookConfig({
              bookConfig: this.activeBook
              bookConfig: this.activeBook,
            });
          }
        }
        },
      });
    } else {
      this.activeBook = await this.config.getBookConfig(
        // childHealth
        this.config.resourceCtx + "lifeCare"
        this.config.resourceCtx + "childHealth"
      );
      console.log('ac',this.activeBook);
      console.log("ac", this.activeBook);
      this.config.activeBook = this.activeBook;
      debugger
      debugger;
      this.config.goodsStore = this.activeBook.storeRefcode;
    }
  }
  },
};
</script>


 src/books/English/assets/images/0019-1.jpg

 src/books/English/assets/images/0019-2.jpg

 src/books/English/assets/images/0019-3.jpg

 src/books/English/assets/images/0019-4.jpg

 src/books/English/assets/images/0019-5.jpg

 src/books/English/assets/images/0019-6.jpg

 src/books/English/assets/images/Answer.svg

New file
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
  <path class="a"
    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
    transform="translate(-3327.144 15329)" />
</svg>

 src/books/English/assets/images/grammar.jpg

 src/books/English/assets/images/ppt/ppt_01.png

 src/books/English/assets/images/ppt/ppt_02.png

 src/books/English/assets/images/ppt/ppt_03.png

 src/books/English/assets/images/ppt/ppt_04.png

 src/books/English/assets/images/ppt/ppt_05.png

 src/books/English/assets/images/ppt/ppt_06.png

 src/books/English/assets/images/ppt/ppt_07.png

 src/books/English/assets/images/ppt/ppt_08.png

 src/books/English/assets/images/ppt/ppt_09.png

 src/books/English/assets/images/ppt/ppt_10.png

 src/books/English/assets/images/ppt/ppt_11.png

 src/books/English/assets/images/ppt/ppt_12.png

 src/books/English/assets/images/ppt/ppt_13.png

 src/books/English/assets/images/ppt/ppt_14.png

 src/books/English/assets/images/ppt/ppt_15.png

 src/books/English/assets/images/ppt/ppt_16.png

 src/books/English/assets/images/ppt/ppt_17.png

 src/books/English/assets/images/ppt/ppt_18.png

 src/books/English/assets/images/ppt/ppt_19.png

 src/books/English/assets/images/ppt/ppt_20.png

 src/books/English/assets/images/ppt/ppt_21.png

 src/books/English/assets/images/ppt/ppt_22.png

 src/books/English/assets/images/ppt/ppt_23.png

 src/books/English/assets/images/ppt/ppt_24.png

 src/books/English/assets/images/ppt/ppt_25.png

 src/books/English/assets/images/ppt/ppt_26.png

 src/books/English/assets/images/ppt/ppt_27.png

 src/books/English/assets/main.less

@@ -667,6 +667,9 @@
    padding: 0;
    list-style: none;
  }
  .fm-son {
    font-family: "宋体", SimSun, sans-serif;
  }
  .tl {
    text-align: left !important;
  }
@@ -679,11 +682,20 @@
  .ju-cn {
    justify-content: center;
  }
  .ju-ev {
    justify-content: space-evenly;
  }
  .al-cn {
    align-items: center;
  }
  .al-end {
    align-items: flex-end;
  }
  .fz-14 {
    font-size: 14px;
  }
  .fz-16 {
    font-size: 16px;
  }
  .fz-18 {
    font-size: 18px;
@@ -703,12 +715,7 @@
  .wh-nr {
    white-space: nowrap;
  }
  .padding-93 {
    padding: 0 93px 0px 93px;
  }
  .padding-102 {
    padding: 0 102px 0 102px;
  }

  .pb-104 {
    padding-bottom: 104px;
  }
@@ -830,13 +837,14 @@
    }
  }
  .parimary-btn {
    cursor: pointer;
    min-width: 80px;
    font-size: 14px;
    margin-left: 5px;
    background-color: #0bab87;
    border-color: #0bab87;
    border-width: 1px;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    &:hover {
      background-color: #a1afc8;
      border-color: #a1afc8;
@@ -853,4 +861,97 @@
    width: 18px;
    height: 18px;
  }
  .word-bc {
    // background-color: #a1afc8;
    background-color: #e1ebf6;
    cursor: pointer;
  }
  .textarea-text {
    &:focus {
      border-color: #659ac6;
      outline: none;
    }
  }
  .table-th-bc {
    background-color: #f7ab57;
  }
  .table-tr-bc {
    background-color: #f2e2be;
  }
  .table-textarea {
    font-size: 14px;
    font-family: "Times New Roman", "宋体";
    resize: none;
    &:focus {
      outline: none;
    }
  }
  .wh-no {
    white-space: nowrap;
  }
  .tl-cn {
    text-align: center;
  }
  .b0 {
    border: 0;
  }
  button {
    cursor: pointer;
    border-radius: 6px;
  }
  button:focus {
    outline: none;
  }
  .pd-5 {
    padding: 0 5px;
  }
  .resource-primary-border {
    border: 3px dotted #f49a4c;
    border-radius: 1em;
  }
  .btn-border {
    border-color: #0bab87;
  }
  svg {
    fill:#fff ;
  }
  .btn-box {
    margin-left: 5px;
    cursor: pointer;
    text-indent: 0;
    display: inline-block;
    border:1px solid #0bab87;
    height: 22px;
    padding: 5px;
    background-color:#0bab87 ;
    border-radius: 5px;
    &:hover {
      background-color: #fff;
      svg {
        fill:#0bab87 ;
      }
    }
  }
}
/* 媒体查询做基础响应式布局 */
@media (max-width: 660px) {
  .english-book {
    /* 分页padding */
    .padding-93 {
      padding: 0 20px;
    }
    .padding-102 {
      padding: 0 20px;
    }
  }
}
@media (min-width: 660px) {
  .english-book {
    .padding-93 {
      padding: 0 93px 0px 93px;
    }
    .padding-102 {
      padding: 0 102px 0 102px;
    }
  }
}

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

@@ -1,5 +1,6 @@
<template>
  <div class="chapter" num="0">
    <!-- 1 -->
    <div class="page-box" page="6">
      <div class="bodystyle">
        <h1 id="a005">
@@ -21,6 +22,7 @@
        <p class="img"></p>
      </div>
    </div>
    <!-- 2 -->
    <div class="page-box" page="7">
      <div class="w100 mb-20" style="padding-right: 20px">
        <div
@@ -44,9 +46,31 @@
              >Ⅰ.Write down the English words for the Chinese cultural symbols
              in the following pictures.</b
            >
            <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              width="20.501"
              height="20.501"
              viewBox="0 0 20.501 20.501"
              
            >
              <path
                class="a"
                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                transform="translate(-3327.144 15329)"
              />
            </svg>
            </span>
            <!-- <button
              @click="showAnswerTwo = !showAnswerTwo"
              class="parimary-btn"
            >
              显示答案
            </button> -->
          </p>
          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
              <p class="center">
                <el-image :src="imgOne" :preview-src-list="[imgOne]" />
              </p>
@@ -55,6 +79,7 @@
                  v-model="questionData.warnUp.one.value"
                  class="input-bottom-border fz-18"
                  @blur="handleQuestion('one')"
                    @change="setBookQuestion"
                />
                <span class="icon-box">
                  <i
@@ -68,12 +93,21 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerTwo"
              >
                答案：Chinese knot
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
              <p class="center">
                <el-image
                  :src="imgTwo"
                  :preview-src-list="[imgTwo]"
                  style="width: 96%"
                    style="width: 94%"
                />
              </p>
              <p class="center">
@@ -81,6 +115,7 @@
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.two.value"
                  @blur="handleQuestion('two')"
                    @change="setBookQuestion"
                />
                <span class="icon-box">
                  <i
@@ -94,10 +129,19 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerTwo"
              >
                答案：Chinese medicine
              </p>
            </div>
          </div>

          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
              <p class="center">
                <el-image :src="imgThree" :preview-src-list="[imgThree]" />
              </p>
@@ -106,6 +150,7 @@
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.three.value"
                  @blur="handleQuestion('three')"
                    @change="setBookQuestion"
                />
                <span class="icon-box">
                  <i
@@ -119,12 +164,21 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerTwo"
              >
                答案：Chinese calligraphy
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
              <p class="center">
                <el-image
                  :src="imgFour"
                  :preview-src-list="[imgFour]"
                  style="width: 94%"
                    style="width: 93%"
                />
              </p>
              <p class="center">
@@ -132,6 +186,7 @@
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.four.value"
                  @blur="handleQuestion('four')"
                    @change="setBookQuestion"
                />
                <span class="icon-box">
                  <i
@@ -145,10 +200,19 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerTwo"
              >
                答案：Taichi
              </p>
            </div>
          </div>

          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
              <p class="center">
                <el-image :src="imgFive" :preview-src-list="[imgFive]" />
              </p>
@@ -157,6 +221,7 @@
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.five.value"
                  @blur="handleQuestion('five')"
                    @change="setBookQuestion"
                />
                <span class="icon-box">
                  <i
@@ -170,12 +235,21 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerTwo"
              >
                答案：sweet dumpling
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
              <p class="center">
                <el-image
                  :src="imgSix"
                  :preview-src-list="[imgSix]"
                  style="width: 94%"
                    style="width: 92%"
                />
              </p>
              <p class="center">
@@ -183,6 +257,7 @@
                  class="input-bottom-border fz-18"
                  v-model="questionData.warnUp.six.value"
                  @blur="handleQuestion('six')"
                    @change="setBookQuestion"
                />
                <span class="icon-box">
                  <i
@@ -196,18 +271,56 @@
                </span>
              </p>
            </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerTwo"
              >
                答案：Chinese chess
              </p>
            </div>
          </div>
          <p class="t0">
            <b>Ⅱ.What other symbols can you think of?</b>
            <button class="parimary-btn" @click="showAnswer('seven')">
            <!-- <button
              class="parimary-btn"
              @click="showAnswerOne = !showAnswerOne"
            >
              显示答案
            </button>
            </button> -->
            <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              width="20.501"
              height="20.501"
              viewBox="0 0 20.501 20.501"
              
            >
              <path
                class="a"
                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                transform="translate(-3327.144 15329)"
              />
            </svg>
            </span>
          </p>
          <p class="t0">
            <input
              v-model="questionData.warnUp.seven"
              class="input-bottom-border w100 fz-18"
              class="input-bottom-border fz-18"
              style="width: 100%"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="width: 100%"
            v-if="showAnswerOne"
          >
            答案：1. Hanfu 2. Qipao 3. Tang Suit 4. Chinese tea 5. Chinese silk
            6. Chinese calligraphy & painting 7. Chinese embroidery 8. Chinese
            papercut 9. Chinese lantern 10. Moon cake 11. Memorial archway 12.
            Chopsticks 13. Compass 14. Chinese kite 15. Kungfu 16. Opera facial
            makeup
          </p>
        </div>
      </div>
@@ -215,17 +328,23 @@
        <span class="contet-num-box">2</span>
      </div>
    </div>
    <!-- 3 -->
    <div class="page-box" page="8">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li>
        <li class="fz-18">
          <span class="chapter-left-bc">MODULE 1</span>
          <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
          <span class="chapter-right-bc fw-bl chapter-right-cl"
            >CHINA,A WONDERLAND</span
          >
        </li>
      </ul>
      <div class="padding-102">
        <div class="bodystyle">
          <h3 id="c002"><span class="bjh3">Listening</span></h3>
          <h3 id="c002" class="fl al-cn">
            <span class="bjh3">Listening</span>
            <audio :src="resource.listenOne" controls></audio>
          </h3>
          <p>
            <b
              >Four foreigners are talking about their impressions on Chinese
@@ -234,21 +353,92 @@
            >
          </p>
          <p class="center">
            <img class="img-g" alt="" src="../../assets/images/0013-1.jpg" />
          </p>
          <p class="center">
            <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
          </p>
          <h3 id="c003"><span class="bjh3">Reading</span></h3>
          <p class="center">
            <img class="img-g" alt="" src="../../assets/images/0013-2.jpg" />
          </p>
          <h3 id="c003" class="fl al-cn">
            <span class="bjh3">Reading</span>
            <audio :src="resource.readingOne" controls></audio>
          </h3>
          <p>
            1.How was Chinese culture introduced to the world in ancient times?
            <!-- <button
              class="parimary-btn"
              @click="showAnswerThree = !showAnswerThree"
            >
              显示答案
            </button> -->
            <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              width="20.501"
              height="20.501"
              viewBox="0 0 20.501 20.501"
              
            >
              <path
                class="a"
                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                transform="translate(-3327.144 15329)"
              />
            </svg>
            </span>
          </p>
          <textarea
            v-model="questionData.reading.one"
            placeholder="请输入内容"
            rows="6"
            style="margin-left: 40px; width: 92%"
            class="fz-16 fm-son"
            @change="setBookQuestion"
          ></textarea>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 91%"
            v-if="showAnswerThree"
          >
            答案：The Silk Road &nbsp;&nbsp;&nbsp; Immigrants Sinologist
          </p>
          <p>
            2.China offers so much to see and explore.What took you by surprise
            about China?
            <!-- <button
              class="parimary-btn"
              @click="showAnswerFour = !showAnswerFour"
            >
              显示答案
            </button> -->
            <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              width="20.501"
              height="20.501"
              viewBox="0 0 20.501 20.501"
              
            >
              <path
                class="a"
                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                transform="translate(-3327.144 15329)"
              />
            </svg>
            </span>
          </p>
          <textarea
            v-model="questionData.reading.two"
            placeholder="请输入内容"
            rows="6"
            style="margin-left: 40px; width: 92%"
            class="fz-16 fm-son"
            @change="setBookQuestion"
          ></textarea>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 91%"
            v-if="showAnswerFour"
          >
            答案：(1)Various delicious food (2)Unique architectures (3)Beautiful
            (4)Intangible cultural heritage, such as Taichi, shadow puppet show,
            traditional Chinese medicine, Peking Opera scenery
          </p>
          <p class="center"><b>My Experience in Wonderland</b></p>
          <p class="block">
@@ -259,23 +449,40 @@
            —<i>Alice in Wonderland </i>(“Through the Looking Glass”)
          </p>
          <p>
            My incredible journey to China started in 2017 when I got selected
            as a foreign student for PhD studies at one university.When I
            arrived in China,I was like Alice in Alice in Wonderland.I was
            curious about the people,the culture,the cuisine and of course the
            huge variety of landscapes.
            My
            <span class="word-bc" @click="saveWord('incredible')"
              >incredible</span
            >
            journey to China started in 2017 when I got selected as a foreign
            student for PhD studies at one university.When I arrived in China,I
            was like Alice in Alice in Wonderland.I was curious about the
            people,the culture,the
            <span class="word-bc" @click="saveWord('cuisine')">cuisine</span>
            and of course the huge variety of
            <span class="word-bc" @click="saveWord('landscapes')"
              >landscapes</span
            >.
          </p>
          <p>
            I found many great people and made several Chinese friends along the
            way.These friends made me see China through the eyes of the locals.I
            always found Chinese people very friendly and hospitable towards
            foreigners.These Chinese friends made my understanding of Chinese
            culture and civilization much easier,enjoyable and memorable.I
            consider China my second home and love it like my own country!
            always found Chinese people very friendly and
            <span class="word-bc" @click="saveWord('hospitable')"
              >hospitable</span
            >
            towards foreigners.These Chinese friends made my understanding of
            Chinese culture and
            <span class="word-bc" @click="saveWord('civilization')"
              >civilization</span
            >
            much easier,enjoyable and memorable.I consider China my second home
            and love it like my own country!
          </p>
          <p>
            You cannot explore China properly if you do not try its delicious
            variety of food.If you ate
            You cannot
            <span class="word-bc" @click="saveWord('explore')">explore</span>
            China properly if you do not try its delicious variety of food.If
            you ate
          </p>
        </div>
      </div>
@@ -283,33 +490,69 @@
        <span class="contet-num-box">3</span>
      </div>
    </div>
    <!--  -->
    <!-- 4 -->
    <div class="page-box">
      <div class="w100 mb-20" style="padding-right: 20px">
        <div
          class="event-header-bc fl al-end"
          style="height: 100px; padding-left: 40px"
        >
          <div class="preface-header-box event-header-text-bc">
            <span class="l-text">新标准通用职场英语</span>
            <span class="g-text event-text-color">基础模块一</span>
          </div>
        </div>
      </div>
      <div class="padding-93">
    <div class="bodystyle">
      <p>
        a new kind of food every day for one whole year,the list of Chinese food
        would still never end! Though I love to eat almost all kinds of Chinese
        cuisine,I found Sichuan and Hunan cuisine quite mouth-watering and
        stimulating.For a foodie like me,China is a heaven.I simply cannot live
        without Chinese food.
          <p class="t0">
            a new kind of food every day for one whole year,the list of Chinese
            food would still never end! Though I love to eat almost all kinds of
            Chinese cuisine,I found Sichuan and Hunan cuisine quite
            <span class="word-bc" @click="saveWord('mouth-watering')"
              >mouth-watering</span
            >
            and
            <span class="word-bc" @click="saveWord('stimulating')"
              >stimulating</span
            >.For a
            <span class="word-bc" @click="saveWord('foodie')">foodie</span> like
            me,China is a heaven.I simply cannot live without Chinese food.
      </p>
      <p>
        Like I said earlier,China is a huge wonderland.It has thousands of years
        of rich and beautiful culture.Every city you visit tells you its own
        story and history.From the big and advanced cities like Shanghai or
        Guangzhou to the ancient cities like Xi’an and Hangzhou,each city has
        its unique atmosphere that attracts you.I visited more than a dozen
        cities and came across their charming features and unique landscapes
        such as Huangshan,the Great Wall,Canton Tower.
            Like I said earlier,China is a huge wonderland.It has thousands of
            years of rich and beautiful culture.Every city you visit tells you
            its own story and history.From the big and advanced cities like
            Shanghai or Guangzhou to the ancient cities like Xi’an and
            Hangzhou,each city has its
            <span class="word-bc" @click="saveWord('unique')">unique</span>
            <span
              class="word-bc"
              style="margin-left: 5px"
              @click="saveWord('atmosphere')"
              >atmosphere</span
            >
            that attracts you.I visited more than a dozen cities and came across
            their charming features and unique landscapes such as Huangshan,the
            Great Wall,Canton Tower.
      </p>
      <p>
        There is so much to explore and I am looking forward to it during my
        stay.This is a whole new exciting experience for me,and it will always
        be remembered.
            stay.This is a whole new exciting experience for me,and it will
            always be remembered.
      </p>
      <p class="center">
          <!-- <p class="center">
        <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
          </p> -->
          <p class="fl al-cn">
            <span class="zt-cs">Words &amp; Expressions</span>
            <span class="line-border-box"></span>
      </p>
      <p><span class="zt-cs">Words &amp; Expressions</span></p>
          <audio
            :src="resource.readingTwo"
            controls
            style="margin-left: 10px"
          ></audio>
      <p>wonderland /ˈwʌndəlænd/ <i>n.</i> 有许多奇妙事物的地方</p>
      <div class="bkbj">
        <p><i>land or place full of marvels or wonderful things</i></p>
@@ -318,9 +561,13 @@
      <div class="bkbj">
        <p><i>impossible or very difficult to believe</i></p>
      </div>
      <p>cuisine /kwɪˈziːn/ <i>n.</i> （通常指昂贵的餐馆中的） 饭菜，菜肴</p>
          <p>
            cuisine /kwɪˈziːn/ <i>n.</i> （通常指昂贵的餐馆中的） 饭菜，菜肴
          </p>
      <div class="bkbj">
        <p><i>the food served in a restaurant (usually an expensive one)</i></p>
            <p>
              <i>the food served in a restaurant (usually an expensive one)</i>
            </p>
      </div>
      <p>landscape /ˈlændskeɪp/ <i>n.</i> （陆上） 风景，景色</p>
      <div class="bkbj">
@@ -331,7 +578,8 @@
        <p><i>pleased to welcome and entertain guests</i></p>
      </div>
      <p>
        civilization /ˌsɪvəlaɪˈzeɪʃn/ <i>n.</i> （特定时期或地区的） 社会文明
            civilization /ˌsɪvəlaɪˈzeɪʃn/ <i>n.</i> （特定时期或地区的）
            社会文明
      </p>
      <div class="bkbj">
        <p>
@@ -354,6 +602,25 @@
      <div class="bkbj">
        <p><i>that makes one want to eat; extremely delicious</i></p>
      </div>
        </div>
      </div>
      <div class="preface-bottom">
        <span class="contet-num-box">4</span>
      </div>
    </div>
    <!-- 5 -->
    <div class="page-box">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li class="fz-18">
          <span class="chapter-left-bc">MODULE 1</span>
          <span class="chapter-right-bc fw-bl chapter-right-cl"
            >CHINA,A WONDERLAND</span
          >
        </li>
      </ul>
      <div class="padding-93">
        <div class="bodystyle">
      <p>stimulating /ˈstɪmjuleɪtɪŋ/ <i>adj.</i> 增加活力的；增进健康的</p>
      <div class="bkbj">
        <p>
@@ -363,8 +630,8 @@
      </div>
      <p>
        <i
          >a person who is very interested in cooking and eating different kinds
          of food</i
              >a person who is very interested in cooking and eating different
              kinds of food</i
        >
        unique /ju<i>ˈ</i>niːk/ <i>adj.</i> 唯一的；独一无二的
      </p>
@@ -388,13 +655,15 @@
      <div class="bj-note">
        <p><b>Notes:</b></p>
        <p>
          <i>Alice in Wonderland</i> （<i>Alice's Adventures in Wonderland</i
              <i>Alice in Wonderland</i> （<i
                >Alice's Adventures in Wonderland</i
          >的简写，中文译为《爱丽丝梦游仙境》），是19世纪英国作家刘易斯·卡罗尔创作的著名儿童文学作品，讲述了一个名叫爱丽丝的英国小女孩为了追逐一只揣着怀表、会说话的兔子而不慎掉入了兔子洞，从而进入了一个神奇的国度并经历了一系列奇幻冒险的故事。
        </p>
      </div>
      <p><b>Ⅰ.Reading comprehension.</b></p>
      <p>
        A.Mark the items that made the author curious when she arrived in China.
            A.Mark the items that made the author curious when she arrived in
            China.
      </p>
      <p>□ Language</p>
      <p>□ People</p>
@@ -403,92 +672,420 @@
      <p>□ Folk art</p>
      <p>□ Landscapes</p>
      <p>□ Transportation</p>
      <p>B.Write down the answer to each question according to the passage.</p>
        </div>
      </div>
      <div class="preface-bottom">
        <span class="contet-num-box">5</span>
      </div>
    </div>
    <!-- 6 -->
    <div class="page-box">
      <div class="w100 mb-20" style="padding-right: 20px">
        <div
          class="event-header-bc fl al-end"
          style="height: 100px; padding-left: 40px"
        >
          <div class="preface-header-box event-header-text-bc">
            <span class="l-text">新标准通用职场英语</span>
            <span class="g-text event-text-color">基础模块一</span>
          </div>
        </div>
      </div>
      <div class="padding-93">
        <div class="bodystyle">
          <p>
            B.Write down the answer to each question according to the passage.
          </p>
      <p>1.What’re the author’s comments about Chinese food?</p>
      <p>_________________________________________</p>
      <p>_________________________________________</p>
          <textarea
            v-model="testData.tx.one"
            placeholder="请输入内容"
            rows="4"
            style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text"
          ></textarea>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：Chinese food is very delicious. Sichuan and Hunan cuisines are
            quite mouth-watering and stimulating.
          </p>
      <p>2.When and why did the author start her journey to China?</p>
      <p>_________________________________________</p>
      <p>_________________________________________</p>
          <textarea
            v-model="testData.tx.two"
            placeholder="请输入内容"
            rows="4"
            style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text"
          ></textarea>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：When the author got selected as a foreign student for PhD
            studies at one university in 2017, she started her journey to China.
          </p>
      <p>3.What are the author’s expectations of her stay in China?</p>
      <p>_________________________________________</p>
      <p>_________________________________________</p>
          <textarea
            v-model="testData.tx.three"
            placeholder="请输入内容"
            rows="4"
            style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text"
          ></textarea>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：The author looks forward to exploring more during her stay.
          </p>
      <p>4.What did the author think of Chinese people?</p>
      <p>_________________________________________</p>
      <p>_________________________________________</p>
          <textarea
            v-model="testData.tx.four"
            placeholder="请输入内容"
            rows="4"
            style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text"
          ></textarea>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：The author thought the local Chinese were very friendly and
            hospitable.
          </p>
      <p>5.What’s the author’s impression of the cities in China?</p>
      <p>_________________________________________</p>
      <p>_________________________________________</p>
          <textarea
            v-model="testData.tx.five"
            placeholder="请输入内容"
            rows="4"
            style="margin-left: 40px; width: 92%"
            class="fz-16 textarea-text"
          ></textarea>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：Each city has its unique atmosphere with charming features and
            unique landscapes.
          </p>
          Each city has its unique atmosphere with charming features and unique
          landscapes.
      <p><b>Ⅱ.Language focus.</b></p>
      <p>
        A.Fill in the blanks with the proper words in the passage.The initial
        letters of the words have been given.
            A.Fill in the blanks with the proper words in the passage.The
            initial letters of the words have been given.
      </p>
      <p>
        In 2017,the author arrived in China.When she arrived,she was like Alice
        in <i>Alice in Wonderland</i>.She was curious about the people,the
        culture,the c_________,and of course the huge variety of
        l_________.Chinese friends helped her a lot in understanding Chinese
        culture and c_________.The author believes that one cannot
        e_________China properly if he/she does not try its delicious variety of
            In 2017,the author arrived in China.When she arrived,she was like
            Alice in <i>Alice in Wonderland</i>.She was curious about the
            people,the culture,the c<input
              type="text"
              class="input-bottom-border"
              style="width: 60px"
              v-model="testData.in.one"
            />
            ,and of course the huge variety of l<input
              v-model="testData.in.two"
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />.Chinese friends helped her a lot in understanding Chinese culture
            and c<input
              v-model="testData.in.three"
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />.The author believes that one cannot e<input
              type="text"
              v-model="testData.in.four"
              class="input-bottom-border"
              style="width: 60px"
            />China properly if he/she does not try its delicious variety of
        food.China has thousands of years of rich and beautiful culture.Each
        city has its u_________atmosphere that attracts people.
            city has its u<input
              v-model="testData.in.five"
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />atmosphere that attracts people.
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：cuisine, landscapes, civilization, explore, unique
      </p>
      <p>
        B.Underline the following expressions in the passage and make sentences
        with them.
            B.Underline the following expressions in the passage and make
            sentences with them.
      </p>
      <p>1.get selected as__________________________</p>
      <p>2.be curious about_________________________</p>
      <p>3.along the way___________________________</p>
      <p>4.come across____________________________</p>
      <p>5.look forward to__________________________</p>
          <p>
            1.get selected as<input
              v-model="testData.line.one"
              type="text"
              class="input-bottom-border"
              style="width: 77%"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：She got selected as the cultural ambassador to show Chinese
            culture on campus.
          </p>
          <p>
            2.be curious about<input
              v-model="testData.line.two"
              type="text"
              class="input-bottom-border"
              style="width: 75%"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：Many foreigners are curious about the amazing Chinese martial
            arts.
          </p>
          <p>
            3.along the way<input
              v-model="testData.line.three"
              type="text"
              class="input-bottom-border"
              style="width: 77%"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：I suggest that you go to Tibet by train so that you can enjoy
            the natural scenery along the way.
          </p>
          <p>
            4.come across<input
              v-model="testData.line.four"
              type="text"
              class="input-bottom-border"
              style="width: 79%"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：He came across the temple fair in Beijing during the Spring
            Festival.
          </p>
          <p>
            5.look forward to<input
              v-model="testData.line.five"
              type="text"
              class="input-bottom-border"
              style="width: 76%"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：She is looking forward to visiting the incredible cities in
            China.
          </p>
        </div>
      </div>
      <div class="preface-bottom">
        <span class="contet-num-box">6</span>
      </div>
    </div>
    <!-- 7 -->
    <div class="page-box">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li class="fz-18">
          <span class="chapter-left-bc">MODULE 1</span>
          <span class="chapter-right-bc fw-bl chapter-right-cl"
            >CHINA,A WONDERLAND</span
          >
        </li>
      </ul>
      <div class="padding-93">
        <div class="bodystyle">
      <p>C.Translate the following sentences into Chinese.</p>
      <p>
        1.Confucius created an atmosphere of education for the ordinary people.
            1.Confucius created an atmosphere of education for the ordinary
            people.
      </p>
      <p>_________________________________________</p>
      <p>
        2.Lei Zu invented the technology of reeling silk（缫丝术）and greatly
        promoted the development of ancient Chinese civilization.
            <input
              v-model="testData.ts.one"
              type="text"
              class="input-bottom-border"
            />
      </p>
      <p>_________________________________________</p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：孔子开创了平民化的教育。
          </p>
          <p>
            2.Lei Zu invented the technology of reeling silk（缫丝术）and
            greatly promoted the development of ancient Chinese civilization.
          </p>
          <p>
            <input
              v-model="testData.ts.two"
              type="text"
              class="input-bottom-border"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：嫘祖发明了中国缫丝技术，这极大地促进了中国古代文明的发展。
          </p>
      <p>
        3.Lu Yu,the author of <i>The Classic of Tea</i>,explored Chinese tea
        culture in depth.
      </p>
      <p>_________________________________________</p>
          <p>
            <input
              v-model="testData.ts.three"
              type="text"
              class="input-bottom-border"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：陆羽，《茶经》的作者，对中国茶道进行了深入的研究。
          </p>
      <p>
        4.Zhang Zhongjing was a doctor who had an incredible influence on
        Chinese medical science.
      </p>
      <p>_________________________________________</p>
      <p><b>Ⅲ.Grammar focus:The conditional sentence—if-clause.</b></p>
          <p>
            <input
              v-model="testData.ts.four"
              type="text"
              class="input-bottom-border"
            />
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：张仲景是一位对中国医学有着重大影响的医学家。
          </p>
          <p>
            <b>Ⅲ.Grammar focus:The conditional sentence—if-clause.</b>
            <button class="parimary-btn" @click="showAnswer('showImg')">
              图片
            </button>
          </p>
          <el-image
            v-if="showImg"
            :src="imgThirteen"
            :preview-src-list="[imgThirteen]"
          />
      <p>A.Combine the following sentences into if-clauses.</p>
      <p>
        1.Try using sticks.You can enjoy the fun of having a real Chinese meal.
            1.Try using sticks.You can enjoy the fun of having a real Chinese
            meal.
      </p>
      <p>
        <b>If</b
        >_______________________________________________________________.
            ><input
              v-model="testData.gr.one"
              type="text"
              class="input-bottom-border"
            />.
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：If you try using sticks, you can enjoy the fun of having a
            real Chinese meal.
      </p>
      <p>
        2.Go to my Chinese New Year party.You will meet my Chinese friends
        there.
      </p>
      <p>
        <b>If</b>______________________________________________________________.
            <b>If</b
            ><input
              v-model="testData.gr.two"
              type="text"
              class="input-bottom-border"
            />.
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：If you go to my Chinese New Year party, you will meet my
            Chinese friends there.
      </p>
      <p>3.Drink some Longjing tea,and you will love it.</p>
      <p>
        <b>If</b
        >_______________________________________________________________.
            ><input
              type="text"
              v-model="testData.gr.three"
              class="input-bottom-border"
            />.
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：If you drink some Longjing tea, you will love it.
      </p>
      <p>
        4.One day I will go to Xi’an,and I will visit the terracotta warriors.
            4.One day I will go to Xi’an,and I will visit the terracotta
            warriors.
      </p>
      <p>
        <b>If</b>______________________________________________________________.
            <b>If</b
            ><input
              v-model="testData.gr.four"
              type="text"
              class="input-bottom-border"
            />.
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案：If I go to Xi’an one day, I will visit the terracotta
            warriors.
      </p>
      <p>
        5.Ask foreigners about their favorite Chinese food.Kung Pao Chicken
@@ -496,34 +1093,113 @@
      </p>
      <p>
        <b>If</b
        >_______________________________________________________________.
            ><input
              v-model="testData.gr.five"
              type="text"
              class="input-bottom-border"
            />.
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案： If you ask foreigners about their favorite Chinese food, Kung
            Pao Chicken would possible be in top three
      </p>
      <p>
        B.Complete the following sentences using <i>if</i> or <i>whether</i>.
      </p>
      <p>1.I was wondering_______to go for a walk in the Summer Palace.</p>
      <p>
        2.We can spend the afternoon on the beach_______the weather is fine.
            B.Complete the following sentences using <i>if</i> or
            <i>whether</i>.
      </p>
      <p>
        3.I called Wang to find out_______or not he really went to see the
        Peking opera show.
            1.I was wondering<input
              v-model="testData.cm.one"
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />to go for a walk in the Summer Palace.
      </p>
      <p>
        4.We’re not interested in________we get great jobs and that kind of
        thing.
            2.We can spend the afternoon on the beach<input
              v-model="testData.cm.two"
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />the weather is fine.
      </p>
      <p>
        5.________I go to Sichuan,I will visit Chengdu Research Base of Giant
        Panda Breeding.
            3.I called Wang to find out<input
              v-model="testData.cm.three"
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />or not he really went to see the Peking opera show.
      </p>
          <p>
            4.We’re not interested in<input
              v-model="testData.cm.four"
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />we get great jobs and that kind of thing.
          </p>
          <p>
            5.<input
              v-model="testData.cm.five"
              type="text"
              class="input-bottom-border"
              style="width: 60px"
            />I go to Sichuan,I will visit Chengdu Research Base of Giant Panda
            Breeding.
          </p>
          <p
            class="event-header-text-bc pd-5"
            style="margin-left: 40px; width: 93%"
            v-if="showQuestionAnswer"
          >
            答案： 1.whether &nbsp; 2.if &nbsp; 3.whether &nbsp; 4.whether
            &nbsp; 5.if
          </p>
          <ul class="fl ju-ev" style="width: 50%">
            <li><button class="btn-border btn-w">提交</button></li>
            <li><button @click="setTestData" class="btn-border btn-w">保存</button></li>
            <li>
              <button
                @click="showQuestionAnswer = !showQuestionAnswer"
                class="parimary-btn"
              >
                查看答案
              </button>
            </li>
          </ul>
        </div>
      </div>
      <div class="preface-bottom">
        <span class="contet-num-box">7</span>
      </div>
    </div>
    <!-- 8 -->
    <div class="page-box">
      <div class="w100 mb-20" style="padding-right: 20px">
        <div
          class="event-header-bc fl al-end"
          style="height: 100px; padding-left: 40px"
        >
          <div class="preface-header-box event-header-text-bc">
            <span class="l-text">新标准通用职场英语</span>
            <span class="g-text event-text-color">基础模块一</span>
          </div>
        </div>
      </div>
      <div class="padding-93">
        <div class="bodystyle">
      <h3 id="c004"><span class="bjh3">Mini-project</span></h3>
      <p>
        China is a great country with a fascinating culture.Its ancient
        civilization,rich history,and unique customs make it one of the most
        interesting countries in the world.There are so many interesting facts
        about Chinese culture.Work in groups and interview your group members
        about their knowledge of Chinese culture,and then:
            interesting countries in the world.There are so many interesting
            facts about Chinese culture.Work in groups and interview your group
            members about their knowledge of Chinese culture,and then:
      </p>
      <p>1.Find out interesting facts they know about Chinese culture;</p>
      <p>2.Finish the worksheet and report to the class.</p>
@@ -539,22 +1215,468 @@
          src="../../assets/images/dy1-worksheet.jpg"
        />
      </p>
      <p class="center">
        <img class="img-a" alt="" src="../../assets/images/0018-1.jpg" />
      </p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff"
            class="fz-14"
          >
            <tr class="table-th-bc">
              <td class="tl-cn">Interviewees</td>
              <td class="wh-no tl-cn">Chinese Culture</td>
              <td class="tl-cn">Interesting Facts He/She Knows About lt</td>
            </tr>
            <tr class="table-tr-bc">
              <td class="tl-cn">Wang Ning</td>
              <td class="wh-no tl-cn">Chinese Tea</td>
              <td>
                China, known as the hometown of tea, is the world's
                earliestcountry to plant tea, make tea, and drink tea. Chinese
                peoplehave developed different varieties of tea with unique
                flavors,such as green tea, black tea, white tea, and dark tea.
                Drinkingtea is benefcial to our health.
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td>
                <textarea
                  v-model="questionData.table.one"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.two"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.three"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td>
                <textarea
                  v-model="questionData.table.four"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.five"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.six"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td>
                <textarea
                  v-model="questionData.table.seven"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.enight"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
              <td>
                <textarea
                  v-model="questionData.table.nine"
                  class="w100 table-tr-bc b0 table-textarea"
                  @change="setBookQuestion"
                ></textarea>
              </td>
            </tr>
          </table>
      <p class="left">
        <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
            <img
              class="img-gn"
              alt=""
              src="../../assets/images/dy1-wordbank.jpg"
            />
          </p>
          <div class="bk-wh">
            <p class="dl-box">
              <span class="word-bc mr-20 dl-span" @click="saveWord('exquisite')"
                >exquisite</span
              >
              <span class="word-bc mr-20 dl-span" @click="saveWord('ancient')"
                >ancient</span
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('incredible')"
                >incredible</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('unique')"
                >unique</span
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('traditional')"
                >traditional</span
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('outstanding')"
                >outstanding</span
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('mouth-watering')"
                >mouth-watering</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('diverse')"
                >diverse</span
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('hospitable')"
                >hospitable</span
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('enjoyable')"
                >enjoyable</span
              ><span
                class="word-bc mr-20 dl-span"
                @click="saveWord('memorable')"
                >memorable</span
              ><span class="word-bc mr-20 dl-span" @click="saveWord('charming')"
                >charming</span
              >
            </p>
          </div>
          <div class="resource-primary-border" style="padding: 8px">
            <el-carousel
              :autoplay="false"
              trigger="click"
              class="bones-carousel carousel-image"
              arrow="always"
              indicator-position="none"
            >
              <el-carousel-item
                v-for="(item, index) in pptList"
                :key="index"
                class="bones-carousel-item"
              >
                <el-image
                  :src="item"
                  :preview-src-list="pptList"
                  :preview-teleported="true"
                  class="open-image"
                />
              </el-carousel-item>
            </el-carousel>
          </div>
        </div>
      </div>
      <div class="preface-bottom">
        <span class="contet-num-box">8</span>
      </div>
    </div>
    <!-- 9 -->
    <div class="page-box">
      <ul class="preface-odd-header w100 fl ju-bt">
        <li class=""></li>
        <li class="fz-18">
          <span class="chapter-left-bc">MODULE 1</span>
          <span class="chapter-right-bc fw-bl chapter-right-cl"
            >CHINA,A WONDERLAND</span
          >
        </li>
      </ul>
      <div class="padding-93">
        <div class="bodystyle">
          <h2 id="b002">
            <img class="img-0" alt="" src="image/dy1-le2.jpg" />
          </h2>
          <h3 id="c005"><span class="bjh3">Warm-up</span></h3>
          <p>
            <b
              >Put the expressions in the box below on the corresponding answer
              line under each picture.</b
            >
      </p>
      <div class="bk-wh">
        <p>
          exquisite　ancient　incredible　unique　traditional　outstanding　mouth-watering　diverse　hospitable　enjoyable　memorable　charming
              online shopping　facial recognition　electronic payment　intercity
              train　shared bike　take-away service
        </p>
          </div>
          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
                </p>
                <p class="center">
                  1.
                  <select v-model="dropdownData.one.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.one.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.one.isRight == false"
                    ></i>
                  </span>
                </p>
              </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                答案：intercity train
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgEnight"
                    :preview-src-list="[imgEnight]"
                    style="width: 98%"
                  />
                </p>
                <p class="center">
                  2.
                  <select v-model="dropdownData.two.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.two.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.two.isRight == false"
                    ></i>
                  </span>
                </p>
              </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                答案：online shopping
              </p>
            </div>
          </div>

          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgNine" :preview-src-list="[imgNine]" />
                </p>
                <p class="center">
                  3.
                  <select v-model="dropdownData.three.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.three.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.three.isRight == false"
                    ></i>
                  </span>
                </p>
              </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                答案：electronic payment
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgTen"
                    :preview-src-list="[imgTen]"
                    style="width: 94%"
                  />
                </p>
                <p class="center">
                  4.
                  <select v-model="dropdownData.four.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.four.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.four.isRight == false"
                    ></i>
                  </span>
                </p>
              </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                答案：shared bike
              </p>
            </div>
          </div>

          <div class="fl ju-bt">
            <div class="left" style="width: 48%">
              <div>
                <p class="center">
                  <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
                </p>
                <p class="center">
                  5.
                  <select v-model="dropdownData.five.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.five.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.five.isRight == false"
                    ></i>
                  </span>
                </p>
              </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                答案：take-away service
              </p>
            </div>
            <div class="right" style="width: 48%">
              <div>
                <p class="center">
                  <el-image
                    :src="imgTwelve"
                    :preview-src-list="[imgTwelve]"
                    style="width: 98%"
                  />
                </p>
                <p class="center">
                  6.
                  <select v-model="dropdownData.six.value">
                    <option
                      v-for="(item, index) in dropDownList"
                      :key="index"
                      :value="item"
                    >
                      {{ item }}
                    </option>
                  </select>
                  <span class="icon-box">
                    <i
                      class="el-icon-check correct-icon"
                      v-if="dropdownData.six.isRight"
                    ></i>
                    <i
                      class="el-icon-close error-icon"
                      v-if="dropdownData.six.isRight == false"
                    ></i>
                  </span>
                </p>
              </div>
              <p
                class="event-header-text-bc pd-5"
                style="width: 90%"
                v-if="showAnswerFive"
              >
                答案：facial recognition
              </p>
            </div>
          </div>
          <div class="fl ju-ev" style="width: 70%">
            <button @click="setDropdownData" class="btn-border btn-w">
              保存
            </button>
            <button class="btn-border btn-w">提交</button>
            <button @click="handleDropdown('judge')" class="btn-border btn-w">判断正确</button>
            <button
              @click="showAnswerFive = !showAnswerFive"
              class="parimary-btn"
            >
              查看答案
            </button>
          </div>
        </div>
      </div>
      <div class="preface-bottom">
        <span class="contet-num-box">9</span>
      </div>
    </div>
  </div>
</template>

<script>
import getResourcePath from "@/assets/methods/resources";

export default {
  name: "chapter-one",
  data() {
@@ -565,75 +1687,283 @@
      imgFour: require("../../assets/images/0012-4.jpg"),
      imgFive: require("../../assets/images/0012-5.jpg"),
      imgSix: require("../../assets/images/0012-6.jpg"),
      imgSeven: require("../../assets/images/0019-1.jpg"),
      imgEnight: require("../../assets/images/0019-2.jpg"),
      imgNine: require("../../assets/images/0019-3.jpg"),
      imgTen: require("../../assets/images/0019-4.jpg"),
      imgEleven: require("../../assets/images/0019-5.jpg"),
      imgTwelve: require("../../assets/images/0019-6.jpg"),
      imgThirteen: require("../../assets/images/grammar.jpg"),
      showAnswerOne: false,
      showAnswerTwo: false,
      showAnswerThree: false,
      showAnswerFour: false,
      showAnswerFive: false,
      showImg: false,
      showQuestionAnswer: false,
      questionData: {
        warnUp: {
          one: {
            value: "",
            isRight: null,
            answer: "Chinese knot",
          },
          two: {
            value: "",
            isRight: null,
            answer: "Chinese medicine",
          },
          three: {
            value: "",
            isRight: null,
            answer: "Chinese calligraphy",
          },
          four: {
            value: "",
            isRight: null,
            answer: "Taichi",
          },
          five: {
            value: "",
            isRight: null,
            answer: "sweet dumpling",
          },
          six: {
            value: "",
            isRight: null,
            answer: "Chinese chess",
          },
          seven: "",
        },
        reading: {
          one: "",
          two: "",
      },
        table: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          enight: "",
          nine: "",
        },
      },
      testData: {
        tx: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        in: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        line: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        ts: {
          one: "",
          two: "",
          three: "",
          four: "",
        },
        gr: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
        cm: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
        },
      },
      resource: {
        listenOne: "",
        readingOne: "",
        readingTwo: "",
      },
      dropDownList: [
        "online shopping",
        "facial recognition",
        "electronic payment",
        "intercity  train",
        "shared bike",
        "take-away service",
      ],
      dropdownData: {
        one: {
          value: "",
          isRight: null,
          answer: "intercity train",
        },
        two: {
          value: "",
          isRight: null,
          answer: "online shopping",
        },
        three: {
          value: "",
          isRight: null,
          answer: "electronic payment",
        },
        four: {
          value: "",
          isRight: null,
          answer: "shared bike",
        },
        five: {
          value: "",
          isRight: null,
          answer: "take-away service",
        },
        six: {
          value: "",
          isRight: null,
          answer: "facial recognition",
        },
      },
      pptList: [
        require("../../assets/images/ppt/ppt_01.png"),
        require("../../assets/images/ppt/ppt_02.png"),
        require("../../assets/images/ppt/ppt_03.png"),
        require("../../assets/images/ppt/ppt_04.png"),
        require("../../assets/images/ppt/ppt_05.png"),
        require("../../assets/images/ppt/ppt_06.png"),
        require("../../assets/images/ppt/ppt_07.png"),
        require("../../assets/images/ppt/ppt_08.png"),
        require("../../assets/images/ppt/ppt_09.png"),
        require("../../assets/images/ppt/ppt_10.png"),
        require("../../assets/images/ppt/ppt_11.png"),
        require("../../assets/images/ppt/ppt_12.png"),
        require("../../assets/images/ppt/ppt_13.png"),
        require("../../assets/images/ppt/ppt_14.png"),
        require("../../assets/images/ppt/ppt_15.png"),
        require("../../assets/images/ppt/ppt_16.png"),
        require("../../assets/images/ppt/ppt_17.png"),
        require("../../assets/images/ppt/ppt_18.png"),
        require("../../assets/images/ppt/ppt_19.png"),
        require("../../assets/images/ppt/ppt_20.png"),
        require("../../assets/images/ppt/ppt_21.png"),
        require("../../assets/images/ppt/ppt_22.png"),
        require("../../assets/images/ppt/ppt_23.png"),
        require("../../assets/images/ppt/ppt_24.png"),
        require("../../assets/images/ppt/ppt_25.png"),
        require("../../assets/images/ppt/ppt_26.png"),
        require("../../assets/images/ppt/ppt_27.png"),
      ],
    };
  },
  mounted() {
    const testData = localStorage.getItem("english-testOne");
    if (testData) {
      this.testData = JSON.parse(testData);
    }
    const bookQuestion = localStorage.getItem("english-book-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
    const dropdownData = localStorage.getItem("english-dropdown-one");
    if (dropdownData) {
      this.dropdownData = JSON.parse(dropdownData);
    }
    this.getPath();
  },
  methods: {
    saveWord(word) {
      this.$emit("saveCharacters", word);
    },
    setTestData() {
      localStorage.setItem("english-testOne", JSON.stringify(this.testData));
    },
    setBookQuestion() {
      localStorage.setItem(
        "english-book-question-one",
        JSON.stringify(this.questionData)
      );
    },
    getPath() {
      this.resource.listenOne = getResourcePath(
        "422139A2EF66EA888C5ED1D550AE23E0"
      );
      this.resource.readingOne = getResourcePath(
        "3F442B682D84C8AB06C800B29D734920"
      );
      this.resource.readingTwo = getResourcePath(
        "E8719EC88026BCFB11D292AA999F6D3D"
      );
    },
    showAnswer(type) {
      if (type == "seven") {
        this.questionData.warnUp.seven = "This is a good idear.";
      if (type == "showImg") {
        this.showImg = !this.showImg;
      }
    },
    handleQuestion(type) {
      if (type == "one") {
        this.questionData.warnUp.one.value
          ? (this.questionData.warnUp.one.isRight =
              this.questionData.warnUp.one.value == "你好")
              this.questionData.warnUp.one.value == "Chinese knot")
          : (this.questionData.warnUp.one.isRight = null);
      } else if (type == "two") {
        this.questionData.warnUp.two.value
          ? (this.questionData.warnUp.two.isRight =
              this.questionData.warnUp.two.value == "你好")
              this.questionData.warnUp.two.value == "Chinese medicine")
          : (this.questionData.warnUp.two.isRight = null);
      } else if (type == "three") {
        this.questionData.warnUp.three.value
          ? (this.questionData.warnUp.three.isRight =
              this.questionData.warnUp.three.value == "你好")
              this.questionData.warnUp.three.value == "Chinese calligraphy")
          : (this.questionData.warnUp.three.isRight = null);
      } else if (type == "four") {
        this.questionData.warnUp.four.value
          ? (this.questionData.warnUp.four.isRight =
              this.questionData.warnUp.four.value == "你好")
              this.questionData.warnUp.four.value == "Taichi")
          : (this.questionData.warnUp.four.isRight = null);
      } else if (type == "five") {
        this.questionData.warnUp.five.value
          ? (this.questionData.warnUp.five.isRight =
              this.questionData.warnUp.five.value == "你好")
              this.questionData.warnUp.five.value == "sweet dumpling")
          : (this.questionData.warnUp.five.isRight = null);
      } else if (type == "six") {
        this.questionData.warnUp.six.value
          ? (this.questionData.warnUp.six.isRight =
              this.questionData.warnUp.six.value == "你好")
              this.questionData.warnUp.six.value == "Chinese chess")
          : (this.questionData.warnUp.six.isRight = null);
      }
    },
    handleDropdown(type) {
      const dropdownDatas = this.dropdownData;
      for (let key in dropdownDatas) {
        const item = dropdownDatas[key];
        if (type == "judge") {
          item.value == item.answer
            ? (item.isRight = true)
            : (item.isRight = false);
        }
      }
      this.dropdownData = dropdownDatas;
    },
    setDropdownData() {
      localStorage.setItem(
        "english-dropdown-one",
        JSON.stringify(this.dropdownData)
      );
    },
  },
};
@@ -646,4 +1976,35 @@
.bodystyle {
  margin: 0 !important;
}
.line-border-box {
  margin-left: 10px;
  display: inline-block;
  width: 50%;
  height: 3px;
  background-color: #f9a71b;
}
.mr-20 {
  margin-right: 20px;
}
.dl-box {
  display: flex;
  flex-wrap: wrap;
  .dl-span {
    display: inline-block;
    text-indent: 0;
    margin-bottom: 15px;
    height: 20px;
    line-height: 20px;
  }
}
.btn-w {
  font-size: 14px;
  border-width:1px;
  min-width: 80px;
  background-color:#fff;
  &:hover {
    background-color:#0bab87 ;
    color: #fff;
  }
}
</style>

 src/books/English/view/components/header.vue

@@ -26,8 +26,7 @@
        <p class="tl fz-14 mb-0" style="margin-top: 136px">
          <b>图书意见反馈 gaozhifk@bnupg.com 010-58805079</b>
        </p>
        <p class="tl fz-14 m0">营销中心电话 010-58802755 58800035</p>
        <p class="tl fz-14 m0">编辑部电话：010-58802883</p>
        <p class="tl fz-14 mt-100">营销中心电话 010-58802755 58800035</p>
        <hr class="line" style="height: 1px" />
        <p class="tl fz-14 m0">出版发行：北京师范大学出版社 www.bnupg.com</p>
        <p class="tl fz-14 m0">　　　　　北京市西城区新街口外大街12-3号</p>
@@ -197,5 +196,7 @@
  font-size: 26px !important;
  color: #000 !important;
}

.mt-100 {
  margin-top: 100px !important;
}
</style>

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

@@ -2,7 +2,7 @@
  <div class="page-main" @scroll="throttledScrollHandler">
    <div class="page-content">
      <pageHeader></pageHeader>
      <chapterOne></chapterOne>
      <chapterOne @saveCharacters="saveCharacters"></chapterOne>
    </div>
  </div>
</template>
@@ -208,7 +208,7 @@
            // 笔记
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
            );
            break;
        }
@@ -281,6 +281,11 @@
        }
      });
    },

    // 点击事件：将生僻单词传给 主应用 从而调用词典功能
    saveCharacters(word) {
      console.log('生僻字',word);
    }
  },
};
</script>

 src/books/childHealth/assets/images/Covers.jpg

 src/books/childHealth/assets/images/icon/audio.svg

New file
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.115" height="19.988" viewBox="0 0 20.115 19.988"><defs><style>.a{fill:url(#a);}</style><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><path class="a" d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z" transform="translate(-3351.001 15212)"/></svg>

 src/books/childHealth/assets/images/icon/ballpen.svg

File was deleted

 src/books/childHealth/assets/images/icon/buzhou.svg

New file
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="19.28" height="20.563" viewBox="0 0 19.28 20.563"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-109.056 -82.941)"><path class="a" d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" transform="translate(-3316.14 15289.201)"/><path class="a" d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" transform="translate(-196.896 -148.921)"/><path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)"/></g></svg>

 src/books/childHealth/assets/images/icon/list-details.svg

File was deleted

 src/books/childHealth/assets/images/icon/video.svg

@@ -1 +1 @@
<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.863" height="13.817" viewBox="0 0 19.863 13.817"><defs><style>.a{fill:url(#a);}.b{fill:#fff;}</style><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff" stop-opacity="0.012"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><g transform="translate(-40.961 -184.321)"><path class="a" d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z" transform="translate(51.824 196.82) rotate(-90)"/><path class="b" d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z" transform="translate(-3269 15293.001)"/></g></svg>

 src/books/childHealth/assets/main.less

@@ -567,7 +567,6 @@
    cursor: pointer;
    width: 23px;
    border-radius: 5px;
    border: 1px solid;
    margin-left: 5px;
  }
  .table-br-color {

 src/books/childHealth/view/content/components/chapter0004.vue

@@ -1421,7 +1421,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData("4", testData[4]);
    this.$data.questionData = await getQuestionData("4", testData[4],this.config.activeBook);
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter001.vue

@@ -62,14 +62,14 @@
          <span class="fl fl-cn mb-20">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0" >专题一学习主题一 运动系统自主学习任务单</span>
            <svg @click="changeResources('learnTbaleOne')"  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn theme-color theme-border icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg>
            <!-- <img
              src="../../../assets/images/icon/list-details.svg"
           
            <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTbaleOne')"
              style="margin-left: 10px;"
              class="btn"
            /> -->
            />
          </span>
            <table
              v-if="learnTbaleOne"
@@ -248,7 +248,14 @@
          <span class="fl fl-cn mb-20">
            <span class="learn-title-text">视频：</span>
            <span class="t0">人体概述</span>
              <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg>
            <img
              src="../../../assets/images/icon/video.png"
              alt=""
              @click="changeResources('videoOne')"
              style="margin-left: 10px;"
              class="btn"
            />
            <!-- <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> -->
          </span>
          <span v-if="videoOne">
            <video
@@ -268,14 +275,14 @@
          <span class="fl fl-cn mb-20">
            <span class="learn-title-text">云测试：</span>
            <span class="t0">人体概述</span>
            <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg>
            <!-- <img
              src="../../../assets/images/icon/ballpen.svg"
            <!-- <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg> -->
            <img
              src="../../../assets/images/icon/topic.png"
              alt=""
              @click="changeResources('testOne')"
              style="margin-left: 10px"
              class="btn"
            /> -->
            />
          </span>
            <examinations
            v-if="testOne && questionData"
@@ -4227,7 +4234,7 @@
        this.saveChapterOneData()
      }
    },1000)
    this.$data.questionData = await getQuestionData('1',testData[1])
    this.$data.questionData = await getQuestionData('1',testData[1],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter002.vue

@@ -1357,7 +1357,7 @@
        this.saveChapterOneData()
      }
    },1000)
    this.$data.questionData = await getQuestionData('2',testData[2]);
    this.$data.questionData = await getQuestionData('2',testData[2],this.config.activeBook);
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter003.vue

@@ -1970,7 +1970,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData("3", testData[3]);
    this.$data.questionData = await getQuestionData("3", testData[3],this.config.activeBook);
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter005.vue

@@ -2720,7 +2720,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('5',testData[5])
    this.$data.questionData = await getQuestionData('5',testData[5],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter006.vue

@@ -2678,7 +2678,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('6',testData[6])
    this.$data.questionData = await getQuestionData('6',testData[6],this.config.activeBook)
    this.getVideoPath()
    
  },

 src/books/childHealth/view/content/components/chapter007.vue

@@ -3611,7 +3611,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('7',testData[7])
    this.$data.questionData = await getQuestionData('7',testData[7],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter008.vue

@@ -2460,7 +2460,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData("8", testData[8]);
    this.$data.questionData = await getQuestionData("8", testData[8],this.config.activeBook);
    this.getVideoPath();
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter009.vue

@@ -1764,7 +1764,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('9',testData[9])
    this.$data.questionData = await getQuestionData('9',testData[9],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter010.vue

@@ -1375,7 +1375,7 @@
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData('10',testData[10])
    this.$data.questionData = await getQuestionData('10',testData[10],this.config.activeBook)
    this.getVideoPath()
  },
  unmounted() {

 src/books/childHealth/view/content/components/chapter011.vue

@@ -101,7 +101,7 @@
    };
  },
  async mounted() {
    this.$data.questionData = await getQuestionData('11',testData[11])
    this.$data.questionData = await getQuestionData('11',testData[11],this.config.activeBook)
  },
};
</script>

 src/books/childHealth/view/content/components/header.vue

@@ -2,7 +2,7 @@
  <div class="chapter" num="0">
    <!-- 封面 -->
    <div class="page-box cover">
      <img src="../../../assets/images/Cover.jpg" alt="" />
      <img src="../../../assets/images/Covers.jpg" alt="" />
    </div>
    <!-- <p class="center">
      <img alt="" class="imz" src="../assets/images/SMY.jpg" />

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

@@ -237,7 +237,7 @@
            // 笔记
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
            );
            break;
        }

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

@@ -209,7 +209,7 @@
            // 笔记
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
            );
            break;
        }

 src/books/lifeCare/css/default.less

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

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

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

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

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

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

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

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

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

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

          .title {
@@ -96,14 +90,45 @@
            align-items: center;
            color: #fff;
            font-size: 20px;
            position: relative;

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

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

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

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


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

            .title {
              font-size: 18px;
            }

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


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

        .second-con {
          width: 90%;
@@ -121,7 +147,7 @@
          font-size: 20px;
          position: absolute;
          right: 36px;
          top: 60px;
          top: 80px;

          .second-left {
            width: 23px;
@@ -155,14 +181,44 @@
              font-size: 28px;
              color: #fff;
            }

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

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

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

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

        @media (max-width: 1024px) {

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

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

        .zt1-boderLine {
          background-color: #a5c24f;
        }
      }
    }
@@ -195,15 +251,16 @@
        text-align: center;
        border: 1px solid #999;
        margin: 0;
        padding: 2px 9px;
        padding: 8px 9px;
        font-size: 16px;
      }

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

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


      p {
        margin-top: 0px;
      }

      .p-text {
        p {

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

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

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

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

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

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

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

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

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

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

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

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

@@ -918,7 +1014,7 @@
    }

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

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

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

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

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

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

    p.bj1-qjms {

 src/books/lifeCare/image/zt.png

 src/books/lifeCare/index.vue

@@ -17,20 +17,19 @@
      <ChapterThree v-if="showCatalogList.indexOf(3) > -1" />
      <ChapterFour v-if="showCatalogList.indexOf(4) > -1" />
      <ChapterFive v-if="showCatalogList.indexOf(5) > -1" />
      <!-- <chapterSix v-if="showCatalogList.indexOf(6) > -1" /> -->
      <!-- <chapterSix /> -->
      <!-- <chapterSeven /> -->
      <!-- <chapterEight /> -->
      <!-- <chapterNine /> -->
      <!-- <chapter010 /> -->
      <!-- <chapter011 /> -->
      <!-- <chapter012 /> -->
      <!-- <chapter013 /> -->
      <!-- <chapter014 /> -->
      <!-- <chapter015 /> -->
      <!-- <chapter016 /> -->
      <!-- <chapter017 /> -->
      <!-- <topic008 /> -->
      <chapterSix v-if="showCatalogList.indexOf(6) > -1" />
      <chapterSeven v-if="showCatalogList.indexOf(7) > -1" />
      <chapterEight v-if="showCatalogList.indexOf(8) > -1" />
      <chapterNine v-if="showCatalogList.indexOf(9) > -1" />
      <chapter010 v-if="showCatalogList.indexOf(10) > -1" />
      <chapter011 v-if="showCatalogList.indexOf(11) > -1" />
      <chapter012 v-if="showCatalogList.indexOf(12) > -1" />
      <chapter013 v-if="showCatalogList.indexOf(13) > -1" />
      <chapter014 v-if="showCatalogList.indexOf(14) > -1" />
      <chapter015 v-if="showCatalogList.indexOf(15) > -1" />
      <chapter016 v-if="showCatalogList.indexOf(16) > -1" />
      <chapter017 v-if="showCatalogList.indexOf(17) > -1" />
      <chapter018 v-if="showCatalogList.indexOf(18) > -1" />
    </div>
  </div>
</template>
@@ -54,13 +53,14 @@
import chapter015 from "./view/chapter015";
import chapter016 from "./view/chapter016";
import chapter017 from "./view/chapter017";
import chapter018 from "./view/chapter018";
import NoteIcon from "@/assets/images/biji.png";
import drawflow from "@/components/drawflow";
import _ from "lodash";
export default {
  data() {
    return {
      catalogLength: 7, // 总章节数
      catalogLength: 18, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -170,6 +170,7 @@
    chapter015,
    chapter016,
    chapter017,
    chapter018,
  },
  computed: {
    fontSize() {
@@ -338,7 +339,7 @@
            // 笔记
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
            );
            break;
        }

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

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

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

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

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

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

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

 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="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-96</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>
  <div class="bodystyle">
    <h1 id="a009"><img alt="" class="img-0" src="../image/ckwx.jpg" /></h1>
        <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>