增加流程图

unknown

2024-05-28 4e974b7b54f3ee0561a7291e6fd60e4a4491c6de

 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="9">
    <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,39 @@
        <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"
            @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"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
        <h4 id="d085">
          ▶▶ 活动2：离园前的生活照护<span class="fontsz1"
@@ -121,20 +154,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>
    <div class="page-box">
    <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 +280,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 +411,52 @@
            <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">
            视频：离园
            <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>
@@ -198,25 +480,51 @@
        <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"
            @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"
            @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"
            @blur="onBlurChange('text5')"
          ></textarea>
        </div>
        <h4 id="d087">
          ▶▶ 活动2：离园时的家园沟通<span class="fontsz1"
@@ -244,7 +552,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 +587,19 @@
        <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"
            @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 +611,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 +654,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 +665,56 @@
            <img class="img-h" alt="" src="../image/0155-1.jpg" />
          </p>
          <p class="img">奶瓶的清洁与消毒</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>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -340,7 +725,94 @@
            <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
@@ -355,24 +827,86 @@
        <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"
            @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 +915,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 +941,305 @@
        <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"
            @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 && 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>