分页修改

unknown

2024-05-30 4a005e0d39e74f0175d67d0d6f06ae438f3a6c50

 src/books/lifeCare/view/chapter008.vue

@@ -1,169 +1,447 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
        <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
            <p class="left">
              <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
  <div class="chapter" num="9">
    <div class="page-box" page="141">
      <div v-if="showPageList.indexOf(141) > -1">
        <div class="bodystyle topImg">
          <h2 id="b008"><img class="img-0" alt="" src="../image/dy8.jpg" /></h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxmb.jpg" />
              </p>
            </div>
            <p class="block">通过本单元的学习，同学们应当达成如下学习目标。</p>
            <p class="block">
              1.做好离园前检查，包括婴幼儿的排便情况、喝水情况、穿衣物情况、身体情况、人数等。
            </p>
            <p class="block">2.根据离园交接流程组织婴幼儿有序离园。</p>
            <p class="block">
              3.在核查婴幼儿一日生活记录表的基础上与家长交流婴幼儿在园的表现。
            </p>
            <p class="block">4.通过离园环节培养婴幼儿良好的生活习惯。</p>
            <p class="block">5.实施离园后的清洁与消毒工作。</p>
            <p class="block">
              6.通过离园活动逐渐培养婴幼儿的良好习惯，做好回应性照护，引导婴幼儿逐步形成规则和安全意识。
            </p>
          </div>
          <p class="block">通过本单元的学习，同学们应当达成如下学习目标。</p>
          <p class="block">
            1.做好离园前检查，包括婴幼儿的排便情况、喝水情况、穿衣物情况、身体情况、人数等。
          </p>
          <p class="block">2.根据离园交接流程组织婴幼儿有序离园。</p>
          <p class="block">
            3.在核查婴幼儿一日生活记录表的基础上与家长交流婴幼儿在园的表现。
          </p>
          <p class="block">4.通过离园环节培养婴幼儿良好的生活习惯。</p>
          <p class="block">5.实施离园后的清洁与消毒工作。</p>
          <p class="block">
            6.通过离园活动逐渐培养婴幼儿的良好习惯，做好回应性照护，引导婴幼儿逐步形成规则和安全意识。
          </p>
        </div>
        <div class="bk">
          <div class="bj1">
            <p class="left">
              <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxjy.jpg" />
              </p>
            </div>
            <p class="block">
              为了取得更好的学习效果，建议同学们在学习这部分内容时做到以下几点。
            </p>
            <p class="block">1.收集与婴幼儿离园活动相关的图片、视频和故事。</p>
            <p class="block">
              2.观摩托育园离园流程，或向有经验的托育园保教人员请教相关问题，加深对离园流程的认识。
            </p>
            <p class="block">
              3.借助实习的机会，多观察婴幼儿离园照护环节，尝试协助组织离园活动。
            </p>
            <p class="block">建议学时：2学时。</p>
          </div>
          <p class="block">
            为了取得更好的学习效果，建议同学们在学习这部分内容时做到以下几点。
          </p>
          <p class="block">1.收集与婴幼儿离园活动相关的图片、视频和故事。</p>
          <p class="block">
            2.观摩托育园离园流程，或向有经验的托育园保教人员请教相关问题，加深对离园流程的认识。
          </p>
          <p class="block">
            3.借助实习的机会，多观察婴幼儿离园照护环节，尝试协助组织离园活动。
          </p>
          <p class="block">建议学时：2学时。</p>
        </div>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <div class="bk">
          <div class="bj1">
            <p class="left">
              <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
    <div class="page-box" page="142">
      <div v-if="showPageList.indexOf(142) > -1">
        <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">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0148-1.jpg" />
            </p>
          </div>
          <p class="center">
            <img class="img-a" alt="" src="../image/0148-1.jpg" />
          </p>
        </div>
        <div class="bk">
          <div class="bj1">
            <p class="left">
              <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
          <div class="bk">
            <div class="bj1">
              <p class="left">
                <img class="img-gn" alt="" src="../image/dy-qjgs.jpg" />
              </p>
            </div>
            <p class="block">
              下午4点，托育园的璐璐老师在组织小朋友结束集体游戏后，引导小朋友坐在椅子上等待家长来接，她询问小朋友是否需要如厕以及喝水，并请有需求的举手示意，小朋友在得到老师允许后方可有序地如厕、喝水。璐璐老师提醒小朋友如厕后要洗手；引导要喝水的小朋友自主去拿自己的水壶饮水，饮水后再自主地将水壶放在柜子上；待所有小朋友结束如厕和饮水后，璐璐老师鼓励小朋友自己整理回家的书包、穿衣服和换鞋；帮助小朋友检查相关物品，穿好衣服和鞋子，引导小朋友排好队伍，提醒小朋友要有序地跟随老师走到园所的门口，不可以自行乱跑。
            </p>
            <p class="block">
              同时，璐璐老师还安排了保育老师对教室进行清洁和消毒，鼓励小朋友在离园时和同伴、老师挥手说再见，帮助小朋友养成离园的好习惯。
            </p>
            <p class="block">
              在门口等待家长时，璐璐老师安排班级内的副班老师一起照护小朋友，璐璐老师和先来接小朋友的家长进行短暂且有效的沟通，简单反馈小朋友一日生活的主要活动及事件，当家长想要了解更多、更细致的问题时，璐璐老师表示后续可以在微信或者邮件中给予回复。此时，副班老师则照看还未被接走的小朋友，防止场面失控、有小朋友偷跑出园所等情况的出现。璐璐老师和副班老师顺利送走所有小朋友之后，对教室进行了清洁与消毒，并做好了检查和记录工作。
            </p>
          </div>
          <p class="block">
            下午4点，托育园的璐璐老师在组织小朋友结束集体游戏后，引导小朋友坐在椅子上等待家长来接，她询问小朋友是否需要如厕以及喝水，并请有需求的举手示意，小朋友在得到老师允许后方可有序地如厕、喝水。璐璐老师提醒小朋友如厕后要洗手；引导要喝水的小朋友自主去拿自己的水壶饮水，饮水后再自主地将水壶放在柜子上；待所有小朋友结束如厕和饮水后，璐璐老师鼓励小朋友自己整理回家的书包、穿衣服和换鞋；帮助小朋友检查相关物品，穿好衣服和鞋子，引导小朋友排好队伍，提醒小朋友要有序地跟随老师走到园所的门口，不可以自行乱跑。
          <h3 id="c029">
            <span class="bk-h3"
              ><span class="bj1-h3">一</span>　　离园前的准备　</span
            >
          </h3>
          <p>
            托育机构离园前的检查工作是体现托育机构专业、可信的重要标志之一。做好离园前的检查工作，不仅是保教人员对自己工作负责，更是对家长、对婴幼儿负责。通常情况下，保教人员应在婴幼儿离园前检查婴幼儿的身体情况、穿衣戴帽是否整齐等，是否有擦伤、碰伤，离园时可与家长解释，以免引起误会。保教人员还应检查婴幼儿是否携带玩具回家，应整理带回家的物品有哪些。此外，保教人员还要有意识地帮助婴幼儿养成良好的离园习惯，包括引导婴幼儿自主检查物品，礼貌地与同伴和老师告别等。
          </p>
          <p class="block">
            同时，璐璐老师还安排了保育老师对教室进行清洁和消毒，鼓励小朋友在离园时和同伴、老师挥手说再见，帮助小朋友养成离园的好习惯。
          </p>
          <p class="block">
            在门口等待家长时，璐璐老师安排班级内的副班老师一起照护小朋友，璐璐老师和先来接小朋友的家长进行短暂且有效的沟通，简单反馈小朋友一日生活的主要活动及事件，当家长想要了解更多、更细致的问题时，璐璐老师表示后续可以在微信或者邮件中给予回复。此时，副班老师则照看还未被接走的小朋友，防止场面失控、有小朋友偷跑出园所等情况的出现。璐璐老师和副班老师顺利送走所有小朋友之后，对教室进行了清洁与消毒，并做好了检查和记录工作。
          </p>
          <h4 id="d084">
            ▶▶ 活动1：准备离园前的物品<span class="fontsz1"
              >＞＞＞＞＞＞＞＞</span
            >
          </h4>
          <div class="bk-qjms">
            <p class="bj1-qjms">⊙　情境描述　⊙</p>
            <p class="block">
              托育园托大班的小朋友和往常一样上完了下午的课，老师告诉小朋友，如果想要小便就及时去厕所，其他小朋友要坐在自己的小板凳上等待家长来接。因为同一时间点来接小朋友的家长较多，老师忙着帮小朋友整理，可能会出现遗漏物品、拿错书包、给小朋友穿错裤子等情况。
            </p>
          </div>
          <p>根据上述情境，回答下列问题。</p>
        </div>
        <h3 id="c029">
          <span class="bk-h3"
            ><span class="bj1-h3">一</span>　　离园前的准备　</span
          >
        </h3>
        <p>
          托育机构离园前的检查工作是体现托育机构专业、可信的重要标志之一。做好离园前的检查工作，不仅是保教人员对自己工作负责，更是对家长、对婴幼儿负责。通常情况下，保教人员应在婴幼儿离园前检查婴幼儿的身体情况、穿衣戴帽是否整齐等，是否有擦伤、碰伤，离园时可与家长解释，以免引起误会。保教人员还应检查婴幼儿是否携带玩具回家，应整理带回家的物品有哪些。此外，保教人员还要有意识地帮助婴幼儿养成良好的离园习惯，包括引导婴幼儿自主检查物品，礼貌地与同伴和老师告别等。
        </p>
        <h4 id="d084">
          ▶▶ 活动1：准备离园前的物品<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
          >
        </h4>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述　⊙</p>
          <p class="block">
            托育园托大班的小朋友和往常一样上完了下午的课，老师告诉小朋友，如果想要小便就及时去厕所，其他小朋友要坐在自己的小板凳上等待家长来接。因为同一时间点来接小朋友的家长较多，老师忙着帮小朋友整理，可能会出现遗漏物品、拿错书包、给小朋友穿错裤子等情况。
          </p>
        </div>
        <p>根据上述情境，回答下列问题。</p>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <p>1.在上述情境中，出现遗漏物品、拿错书包这些情况的原因是什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
    <div class="page-box" page="143">
      <div v-if="showPageList.indexOf(143) > -1">
        <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>
        <p>2.为了避免上述情境中的问题，在离园前应着重注意哪些方面的检查？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
        </div>
        <h4 id="d085">
          ▶▶ 活动2：离园前的生活照护<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
          >
        </h4>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述1　⊙</p>
          <p class="block">
            在1～12月龄的小宝班的婴儿离园前，保教人员会与婴儿亲切互动，稳定婴儿的情绪，帮助婴儿整理仪表，将婴儿的物品整理好，并对婴儿进行检查，如口袋里有没有小玩具、身上有没有伤口、衣裤有没有湿、尿不湿是否有大便或尿量多等。若婴儿的尿量较多，保教人员会及时帮婴儿换新的尿不湿。此外，保教人员还会帮助婴儿整理书包、换穿室外鞋，等待家长来接。
          </p>
        </div>
        <p>分析上述情境，完成下列实践活动。</p>
        <p>1.设计一张1～12月龄婴儿离园前生活照护清单（见表1-8-1）。</p>
        <p class="img">表1-8-1　1～12月龄婴儿离园前生活照护清单</p>
        <p class="center">
        <div class="bodystyle">
          <p>1.在上述情境中，出现遗漏物品、拿错书包这些情况的原因是什么？</p>
          <div class="bk-tx">
            <textarea
              v-model="chapter008.textAreaItem.text1"
              style="border: 0"
              placeholder="请输入内容"
              rows="5"
              @blur="onBlurChange('text1')"
            ></textarea>
          </div>
          <p>2.为了避免上述情境中的问题，在离园前应着重注意哪些方面的检查？</p>
          <div class="bk-tx">
            <textarea
              v-model="chapter008.textAreaItem.text2"
              style="border: 0"
              placeholder="请输入内容"
              rows="5"
              @blur="onBlurChange('text2')"
            ></textarea>
          </div>
          <h4 id="d085">
            ▶▶ 活动2：离园前的生活照护<span class="fontsz1"
              >＞＞＞＞＞＞＞＞</span
            >
          </h4>
          <div class="bk-qjms">
            <p class="bj1-qjms">⊙　情境描述1　⊙</p>
            <p class="block">
              在1～12月龄的小宝班的婴儿离园前，保教人员会与婴儿亲切互动，稳定婴儿的情绪，帮助婴儿整理仪表，将婴儿的物品整理好，并对婴儿进行检查，如口袋里有没有小玩具、身上有没有伤口、衣裤有没有湿、尿不湿是否有大便或尿量多等。若婴儿的尿量较多，保教人员会及时帮婴儿换新的尿不湿。此外，保教人员还会帮助婴儿整理书包、换穿室外鞋，等待家长来接。
            </p>
          </div>
          <p>分析上述情境，完成下列实践活动。</p>
          <p>1.设计一张1～12月龄婴儿离园前生活照护清单（见表1-8-1）。</p>
          <p class="img">表1-8-1　1～12月龄婴儿离园前生活照护清单</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0150-1.jpg" />
        </p>
        </p> -->
          <div>
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width: index == 3 ? '220px' : '',
                    }"
                    v-for="(header, index) in chapter008.headersData181"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter008.tableData181"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter008.tableData181[rowIndex][cellIndex]"
                        @blur="
                          updateCell181(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      <input
                        type="text"
                        :value="chapter008.tableData181[rowIndex][cellIndex]"
                        @blur="
                          updateCell181(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <p>
          2.婴幼儿因其生理特点，在一开始是完全依赖成人的照护的，但随着其能力的发展，我们要有意识地培养他们的好习惯。请小组合作，分年龄段设计1～12月龄婴儿离园好习惯养成教育安排表（表1-8-2）。
        </p>
        <p class="img">表1-8-2　1～12月龄婴儿离园好习惯养成教育安排表</p>
        <p class="center">
    <div class="page-box" page="144">
      <div v-if="showPageList.indexOf(144) > -1">
        <!-- 奇数页 -->
        <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">
          <img class="img-a" alt="" src="../image/0151-1.jpg" />
        </p>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述2　⊙</p>
          <p class="block">
            在24～36月龄的幼儿离园前，保教人员会与幼儿亲切互动，帮助幼儿回顾一日生活中的活动与游戏，稳定幼儿的情绪，肯定他们的点滴进步。除了引导幼儿进行一日回顾外，保教人员还会指导幼儿自主整理仪表，提醒幼儿带好物品，对幼儿进行检查：如口袋里有没有小玩具、身上有没有伤口、衣裤有没有湿等。保教人员会提醒幼儿如厕，如厕后记得要洗手，并找到自己的擦手巾擦手。但在整理仪表环节中，幼儿因不完全具备整理技能，很容易系错扣子、穿反鞋子。
        </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">
              在24～36月龄的幼儿离园前，保教人员会与幼儿亲切互动，帮助幼儿回顾一日生活中的活动与游戏，稳定幼儿的情绪，肯定他们的点滴进步。除了引导幼儿进行一日回顾外，保教人员还会指导幼儿自主整理仪表，提醒幼儿带好物品，对幼儿进行检查：如口袋里有没有小玩具、身上有没有伤口、衣裤有没有湿等。保教人员会提醒幼儿如厕，如厕后记得要洗手，并找到自己的擦手巾擦手。但在整理仪表环节中，幼儿因不完全具备整理技能，很容易系错扣子、穿反鞋子。
            </p>
          </div>
          <p>分析上述情境，完成下列实践活动。</p>
          <p>1.设计一张24～36月龄幼儿离园前生活照护清单（见表1-8-3）。</p>
          <p class="img">表1-8-3　24～36月龄幼儿离园前生活照护清单</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0151-2.jpg" />
        </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>
        <p>分析上述情境，完成下列实践活动。</p>
        <p>1.设计一张24～36月龄幼儿离园前生活照护清单（见表1-8-3）。</p>
        <p class="img">表1-8-3　24～36月龄幼儿离园前生活照护清单</p>
        <p class="center">
          <img class="img-a" alt="" src="../image/0151-2.jpg" />
        </p>
        <p>
          2.请小组合作，分年龄段设计24～36月龄幼儿离园好习惯养成教育安排表（见表1-8-4）。
        </p>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <p class="img">表1-8-4　24～36月龄幼儿离园好习惯养成教育安排表</p>
        <p class="center">
    <div class="page-box" page="145">
      <div v-if="showPageList.indexOf(145) > -1">
        <!-- 偶数页 -->
        <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">
          <img class="img-a" alt="" src="../image/0152-1.jpg" />
        </p>
        <h3 id="c030">
          <span class="bk-h3"
            ><span class="bj1-h3">二</span>　　组织离园活动　</span
          >
        </h3>
        <p><br /></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>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -174,146 +452,258 @@
            <img class="img-h" alt="" src="../image/0152-2.jpg" />
          </p>
          <p class="img">离园</p>
        </div>
        <p>
          在婴幼儿离园环节中，保教人员要做好一日生活总结以及家园沟通，向家长反馈婴幼儿的一日生活和学习情况。在离园流程方面，保教人员要合理分工、站位组织婴幼儿有序离园；做好有特殊情况的婴幼儿在离园环节的交接安排工作；做好因故由他人代接的婴幼儿的交接工作。
        </p>
        <h4 id="d086">
          ▶▶ 活动1：组织婴幼儿有序离园<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
          >
        </h4>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述1　⊙</p>
          <p class="block">
            在婴幼儿离园环节中，家长和孩子的情绪都比较兴奋，保教人员因需要帮助婴幼儿做好离园前的准备。面对来接孩子的家长，保教人员需要一边进行短暂的家园沟通，一边关注身边孩子的一举一动，有时候会出现离园场面较紧张和混乱的现象。某托育园的保教人员因没有及时看好2岁的田田，导致田田跑出托育园大门时被来往的车辆撞倒了。
        </div> -->
          <!-- <p><br /></p> -->
          <div class="tips-bk" style="margin-top: 80px">
            <div class="bj-tip">
              视频：离园
              <div @click="activityOne">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="20.863"
                  height="20.817"
                  viewBox="0 0 19.863 13.817"
                >
                  <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>
              </div>
            </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>
          <h4 id="d086">
            ▶▶ 活动1：组织婴幼儿有序离园<span class="fontsz1"
              >＞＞＞＞＞＞＞＞</span
            >
          </h4>
          <div class="bk-qjms">
            <p class="bj1-qjms">⊙　情境描述1　⊙</p>
            <p class="block">
              在婴幼儿离园环节中，家长和孩子的情绪都比较兴奋，保教人员因需要帮助婴幼儿做好离园前的准备。面对来接孩子的家长，保教人员需要一边进行短暂的家园沟通，一边关注身边孩子的一举一动，有时候会出现离园场面较紧张和混乱的现象。某托育园的保教人员因没有及时看好2岁的田田，导致田田跑出托育园大门时被来往的车辆撞倒了。
            </p>
          </div>
          <div class="bk-qjms">
            <p class="bj1-qjms">⊙　情境描述2　⊙</p>
            <p class="block">
              园所大门外会聚集很多的家长，有的家长在等待时会焦急地挤在人群的前面，当孩子出来后，有的家长看到自己的孩子就忙着打招呼，孩子看到家长后会兴奋地冲向人群。保教人员要一边关注身边孩子的一举一动，一边用目光追随跑走的孩子，此时，可能会忽视有特殊照护需要的孩子。这些孩子容易情绪紧张，进而出现哭和喊叫的情况，使离园场面混乱并且存在安全隐患。
            </p>
          </div>
          <p>分析以上情境，小组讨论并回答以下问题。</p>
        </div>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述2　⊙</p>
          <p class="block">
            园所大门外会聚集很多的家长，有的家长在等待时会焦急地挤在人群的前面，当孩子出来后，有的家长看到自己的孩子就忙着打招呼，孩子看到家长后会兴奋地冲向人群。保教人员要一边关注身边孩子的一举一动，一边用目光追随跑走的孩子，此时，可能会忽视有特殊照护需要的孩子。这些孩子容易情绪紧张，进而出现哭和喊叫的情况，使离园场面混乱并且存在安全隐患。
          </p>
        </div>
        <p>分析以上情境，小组讨论并回答以下问题。</p>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <p>1.婴幼儿离园活动的目标是什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
    <div class="page-box" page="146">
      <div v-if="showPageList.indexOf(146) > -1">
        <!-- 奇数页 -->
        <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>
        <p>2.离园环节的安全隐患有哪些？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
        <div class="bodystyle">
          <p>1.婴幼儿离园活动的目标是什么？</p>
          <div class="bk-tx">
            <textarea
              v-model="chapter008.textAreaItem.text3"
              style="border: 0"
              placeholder="请输入内容"
              rows="5"
              @blur="onBlurChange('text3')"
            ></textarea>
          </div>
          <p>2.离园环节的安全隐患有哪些？</p>
          <div class="bk-tx">
            <textarea
              v-model="chapter008.textAreaItem.text4"
              style="border: 0"
              placeholder="请输入内容"
              rows="5"
              @blur="onBlurChange('text4')"
            ></textarea>
          </div>
          <p>3.如何合理、有序地安排离园环节的工作？</p>
          <div class="bk-tx">
            <textarea
              v-model="chapter008.textAreaItem.text5"
              style="border: 0"
              placeholder="请输入内容"
              rows="5"
              @blur="onBlurChange('text5')"
            ></textarea>
          </div>
          <h4 id="d087">
            ▶▶ 活动2：离园时的家园沟通<span class="fontsz1"
              >＞＞＞＞＞＞＞＞</span
            >
          </h4>
          <div class="bk-qjms">
            <p class="bj1-qjms">⊙　情境描述　⊙</p>
            <p class="block">
              以下是某托育园6～12月龄小宝班的老师在离园时开展家园沟通的内容。
            </p>
            <p class="block">
              琪琪妈妈：“老师，今天我走后琪琪表现得怎么样啊？”
            </p>
            <p class="block">
              老师：“琪琪妈妈，早上琪琪和您分开时哭了一会儿，之后我陪她玩了一会儿玩具，她就不哭了。琪琪今天表现得挺不错的。”
            </p>
            <p class="block">
              琪琪妈妈（看向琪琪）：“琪琪真棒呀。今天午睡睡得好吗？”
            </p>
            <p class="block">
              老师：“今天琪琪入睡还是比较快的，睡觉也很安稳，老师轻轻拍了拍就睡着了。她中间没有醒来，睡了足足两个小时。”
            </p>
            <p class="block">
              琪琪妈妈：“我很担心她会经常哭，怕她还不适应，不过听您这么说，她这周的表现似乎比上周好一点。”
            </p>
          </div>
        </div>
        <p>3.如何合理、有序地安排离园环节的工作？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
      </div>
    </div>
    <div class="page-box" page="147">
      <div v-if="showPageList.indexOf(147) > -1">
        <!-- 偶数页 -->
        <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>
        <h4 id="d087">
          ▶▶ 活动2：离园时的家园沟通<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
          >
        </h4>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述　⊙</p>
          <p class="block">
            以下是某托育园6～12月龄小宝班的老师在离园时开展家园沟通的内容。
          </p>
          <p class="block">琪琪妈妈：“老师，今天我走后琪琪表现得怎么样啊？”</p>
          <p class="block">
            老师：“琪琪妈妈，早上琪琪和您分开时哭了一会儿，之后我陪她玩了一会儿玩具，她就不哭了。琪琪今天表现得挺不错的。”
          </p>
          <p class="block">
            琪琪妈妈（看向琪琪）：“琪琪真棒呀。今天午睡睡得好吗？”
          </p>
          <p class="block">
            老师：“今天琪琪入睡还是比较快的，睡觉也很安稳，老师轻轻拍了拍就睡着了。她中间没有醒来，睡了足足两个小时。”
          </p>
          <p class="block">
            琪琪妈妈：“我很担心她会经常哭，怕她还不适应，不过听您这么说，她这周的表现似乎比上周好一点。”
        <div class="bodystyle">
          <div class="bk-qjms">
            <p class="block">
              老师：“您不用过于担心，刚刚入园的两周会有不适应的现象，这很正常，适应是需要一个过程的。”
            </p>
            <p class="block">
              琪琪妈妈：“您说得也有道理，那今天琪琪的大小便情况怎么样啊？”
            </p>
            <p class="block">
              老师：“今天琪琪尿了4次，尿量不太多；她拉了1次，大便是成形的。您看，这一份是琪琪今天的一日生活记录表，里面记录了琪琪的日常情况。另外，这是我们和琪琪一起完成的艺术作品。”
            </p>
            <p class="block">
              琪琪妈妈：“好的，谢谢老师，太全面了。太好了，那我先接琪琪回家，后续我有问题再与您联系，再见。”
            </p>
            <p class="block">琪琪妈妈：“琪琪，和老师说再见。”</p>
            <p class="block">琪琪：“老师再见！”</p>
            <p class="block">老师：“琪琪再见！”</p>
          </div>
          <p>分析上述情境，先回答问题再设计相关记录表。</p>
          <p>1.对于小月龄婴儿的家长，在家园沟通中应侧重哪些要点进行反馈？</p>
          <div class="bk-tx">
            <textarea
              v-model="chapter008.textAreaItem.text6"
              style="border: 0"
              placeholder="请输入内容"
              rows="5"
              @blur="onBlurChange('text6')"
            ></textarea>
          </div>
          <p>2.请设计6～12月龄婴儿的一日生活记录表。</p>
          <div class="bk-tx">
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
          </div>
          <h3 id="c031">
            <span class="bk-h3"
              ><span class="bj1-h3">三</span>　　离园后的清洁与消毒　</span
            >
          </h3>
          <p>
            托育园是婴幼儿生活、学习和游戏的主要场所，托育园的清洁与消毒工作直接关系到婴幼儿健康。托育园日常清洁消毒应依照《托儿所幼儿园卫生保健工作规范》，定期进行预防性消毒，在传染病流行季节每日适当增加消毒次数。寝室的床铺和被褥应保持卫生、整洁。餐桌、床围栏、门把手和水龙头等物体表面应每天用清水擦拭，地面要保持清洁。婴幼儿的用具、玩具
          </p>
        </div>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <div class="bk-qjms">
          <p class="block">
            老师：“您不用过于担心，刚刚入园的两周会有不适应的现象，这很正常，适应是需要一个过程的。”
          </p>
          <p class="block">
            琪琪妈妈：“您说得也有道理，那今天琪琪的大小便情况怎么样啊？”
          </p>
          <p class="block">
            老师：“今天琪琪尿了4次，尿量不太多；她拉了1次，大便是成形的。您看，这一份是琪琪今天的一日生活记录表，里面记录了琪琪的日常情况。另外，这是我们和琪琪一起完成的艺术作品。”
          </p>
          <p class="block">
            琪琪妈妈：“好的，谢谢老师，太全面了。太好了，那我先接琪琪回家，后续我有问题再与您联系，再见。”
          </p>
          <p class="block">琪琪妈妈：“琪琪，和老师说再见。”</p>
          <p class="block">琪琪：“老师再见！”</p>
          <p class="block">老师：“琪琪再见！”</p>
    <div class="page-box" page="148">
      <div v-if="showPageList.indexOf(148) > -1">
        <!-- 奇数页 -->
        <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>
        <p>分析上述情境，先回答问题再设计相关记录表。</p>
        <p>1.对于小月龄婴儿的家长，在家园沟通中应侧重哪些要点进行反馈？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
        </div>
        <p>2.请设计6～12月龄婴儿的一日生活记录表。</p>
        <div class="bk-tx">
          <p>　</p>
          <p>　</p>
        </div>
        <h3 id="c031">
          <span class="bk-h3"
            ><span class="bj1-h3">三</span>　　离园后的清洁与消毒　</span
          >
        </h3>
        <p>
          托育园是婴幼儿生活、学习和游戏的主要场所，托育园的清洁与消毒工作直接关系到婴幼儿健康。托育园日常清洁消毒应依照《托儿所幼儿园卫生保健工作规范》，定期进行预防性消毒，在传染病流行季节每日适当增加消毒次数。寝室的床铺和被褥应保持卫生、整洁。餐桌、床围栏、门把手和水龙头等物体表面应每天用清水擦拭，地面要保持清洁。婴幼儿的用具、玩具
        </p>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <p>
          每周应至少清洁消毒1次，传染病流行季节应每日清洁消毒1次。要切实做好清洁与消毒工作。
        </p>
        <h4 id="d088">
          ▶▶ 活动1：奶瓶的清洁与消毒<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
          >
        </h4>
        <p><b>①活动准备</b></p>
        <p>
          1.掌握阅读手册和《托儿所幼儿园卫生保健工作规范》中有关托育机构消毒的知识。
        </p>
        <p>2.物品准备：奶瓶刷、小毛刷、奶瓶夹、锅、小盆、纱布、小毛巾。</p>
        <p>
          3.操作人员准备：清洗双手，用肥皂、流动水洗净双手，整理仪表，不戴戒指，不留长指甲，不披长发，不穿高跟鞋和拖鞋。
        </p>
        <p><b>②活动过程</b></p>
        <p>
          1.清洁。将奶瓶的所有组件包括奶瓶、瓶盖、奶嘴、套环全部拆开，逐一用刷子刷去残留的乳汁，然后用水冲洗干净。奶嘴洞、奶嘴内侧及奶瓶盖的沟纹处，宜用小刷子刷洗。
        </p>
        <p>
          2.消毒。将奶瓶放入消毒锅内煮5～10分钟，用纱布包住奶嘴及瓶盖煮3分钟。
        </p>
        <p>
          3.放置。消毒后，用夹子取出，放在干净的盘中沥干水分，将晾干后的奶嘴套在奶瓶盖上，放入专用小盆中，盖上小毛巾备用。
        </p>
        <p>4.整理。清洁整理所用物品，摆放整齐。</p>
        <p><br /></p>
        <div class="bodystyle">
          <p>
            每周应至少清洁消毒1次，传染病流行季节应每日清洁消毒1次。要切实做好清洁与消毒工作。
          </p>
          <h4 id="d088">
            ▶▶ 活动1：奶瓶的清洁与消毒<span class="fontsz1"
              >＞＞＞＞＞＞＞＞</span
            >
          </h4>
          <p><b>①活动准备</b></p>
          <p>
            1.掌握阅读手册和《托儿所幼儿园卫生保健工作规范》中有关托育机构消毒的知识。
          </p>
          <p>2.物品准备：奶瓶刷、小毛刷、奶瓶夹、锅、小盆、纱布、小毛巾。</p>
          <p>
            3.操作人员准备：清洗双手，用肥皂、流动水洗净双手，整理仪表，不戴戒指，不留长指甲，不披长发，不穿高跟鞋和拖鞋。
          </p>
          <p><b>②活动过程</b></p>
          <p>
            1.清洁。将奶瓶的所有组件包括奶瓶、瓶盖、奶嘴、套环全部拆开，逐一用刷子刷去残留的乳汁，然后用水冲洗干净。奶嘴洞、奶嘴内侧及奶瓶盖的沟纹处，宜用小刷子刷洗。
          </p>
          <p>
            2.消毒。将奶瓶放入消毒锅内煮5～10分钟，用纱布包住奶嘴及瓶盖煮3分钟。
          </p>
          <p>
            3.放置。消毒后，用夹子取出，放在干净的盘中沥干水分，将晾干后的奶嘴套在奶瓶盖上，放入专用小盆中，盖上小毛巾备用。
          </p>
          <p>4.整理。清洁整理所用物品，摆放整齐。</p>
          <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -324,12 +714,56 @@
            <img class="img-h" alt="" src="../image/0155-1.jpg" />
          </p>
          <p class="img">奶瓶的清洁与消毒</p>
        </div>
        <p><b>③实训练习</b></p>
        <p>
          2～4人为一组开展实训操作，其中一人操作，其他同学观摩。操作者一边实操一边讲解操作要领，其他同学按照清洁与消毒奶瓶的评分标准给操作者打分。
        </p>
        <p><br /></p>
        </div> -->
          <div class="tips-bk">
            <div class="bj-tip">
              视频：奶瓶的清洁与消毒
              <div @click="activityTwo">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="20.863"
                  height="20.817"
                  viewBox="0 0 19.863 13.817"
                >
                  <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>
              </div>
            </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>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -340,39 +774,197 @@
            <img class="img-h" alt="" src="../image/0155-2.jpg" />
          </p>
          <p class="img">清洁与消毒奶瓶的评分标准</p>
        </div> -->
          <div class="tips-bk">
            <div class="bj-tip">
              用勺进餐指导的评分标准
              <div @click="activityScore1">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="19.28"
                  height="20.563"
                  viewBox="0 0 19.28 20.563"
                >
                  <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>
              </div>
            </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
            >
          </h4>
          <div class="bk-qjms">
            <p class="bj1-qjms">⊙　情境描述　⊙</p>
            <p class="block">
              婴幼儿离园后，保教人员会开展打扫和消毒工作。主要的消毒场所及消毒物品包含教室、玩具、教具、桌椅、餐具、门窗、室外游戏设施、盥洗室、便器等。一天，璐璐老师发现保育老师在打扫地面的同时用拖把将桌子擦了一遍，璐璐老师马上上前制止并将事情告知了园长。保育老师受到了指责和批评，并承诺在以后的消毒和清洁过程中一定会细心，牢记不同的物品采用不同的消毒和清洁方法。
            </p>
          </div>
          <p>分析以上情境，以小组合作的形式回答问题并填写相关表格。</p>
        </div>
        <h4 id="d089">
          ▶▶ 活动2：了解托育园日常清洁与消毒方法<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
          >
        </h4>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述　⊙</p>
          <p class="block">
            婴幼儿离园后，保教人员会开展打扫和消毒工作。主要的消毒场所及消毒物品包含教室、玩具、教具、桌椅、餐具、门窗、室外游戏设施、盥洗室、便器等。一天，璐璐老师发现保育老师在打扫地面的同时用拖把将桌子擦了一遍，璐璐老师马上上前制止并将事情告知了园长。保育老师受到了指责和批评，并承诺在以后的消毒和清洁过程中一定会细心，牢记不同的物品采用不同的消毒和清洁方法。
          </p>
        </div>
        <p>分析以上情境，以小组合作的形式回答问题并填写相关表格。</p>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <p>1.有哪些消毒法？这些消毒法的适用范围是什么？</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
    <div class="page-box" page="149">
      <div v-if="showPageList.indexOf(149) > -1">
        <!-- 偶数页 -->
        <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>
        <p>2.请填写托育园日常清洁与消毒流程规范表（见表1-8-5）。</p>
        <p class="img">表1-8-5　托育园日常清洁与消毒流程规范表</p>
        <p class="center">
        <div class="bodystyle">
          <p>1.有哪些消毒法？这些消毒法的适用范围是什么？</p>
          <div class="bk-tx">
            <textarea
              v-model="chapter008.textAreaItem.text7"
              style="border: 0"
              placeholder="请输入内容"
              rows="5"
              @blur="onBlurChange('text7')"
            ></textarea>
          </div>
          <p>2.请填写托育园日常清洁与消毒流程规范表（见表1-8-5）。</p>
          <p class="img">表1-8-5　托育园日常清洁与消毒流程规范表</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0156-1.jpg" />
        </p>
        <h4 id="d090">
          ▶▶ 应用与实践<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <p><br /></p>
        <div class="bk-sys">
        </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>
          <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
@@ -381,43 +973,336 @@
          <p class="center">
            <img class="img-g" alt="" src="../image/0156-2.jpg" />
          </p>
        </div> -->
          <p><b>一、选择题</b></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.以下对照护婴幼儿学习、活动和卫生保健的描述不正确的是（　<input
              v-model="chapter008.radio.text6"
              @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>
        </div>
        <p><b>一、选择题</b></p>
        <p>1.利用蒸汽的高温作用将致病微生物杀灭的消毒方法叫作（　　）。</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 class="block">A.创设安全、舒适的学习环境</p>
        <p class="block">B.提供真实多样的材料，培养婴幼儿多方面的感知能力</p>
        <p class="block">C.注意婴幼儿学习活动的环境卫生</p>
        <p class="block">D.以集体教学形式为主，注意培养婴幼儿的学习能力</p>
        <p class="block">E.保证学习活动场所采光良好、通风</p>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <p>3.一般情况下纸尿裤的更换时间应为（　　）。</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 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.假如婴幼儿的尿量比平时的尿量（　　），小便发黄、颜色较深，婴幼儿可能是发烧了。
        </p>
        <p class="block">A.增多</p>
        <p class="block">B.减少</p>
        <p><b>二、论述题</b></p>
        <p>简述婴幼儿离园的流程，及不同环节对保教人员的要求。</p>
    <div class="page-box" page="150">
      <div v-if="showPageList.indexOf(150) > -1">
        <!-- 奇数页 -->
        <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.一般情况下纸尿裤的更换时间应为（　<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.给婴幼儿便盆消毒常用的消毒剂是（　<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.假如婴幼儿的尿量比平时的尿量（　<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"
              @blur="onBlurChange('desc')"
            ></textarea>
          </div>
          <div class="tips-bk">
            <div class="bj-tip">
              云测试：单元八应用与实践
              <div @click="activityThree">
                <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"
                >
                  <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>
              </div>
            </div>
            <div
              v-if="chapter008.idOpenThree && questionData"
              class="tips-file"
            >
              <examinations
                :primaryColor="'#f49a4c'"
                :cardList="questionData[146]"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";

export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "chapter008",
  props: {
    showPageList: {
      type: Array,
    },
    questionData: {
      type: Object,
    },
  },
  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";
  },
  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>