unknown
2024-05-27 36b6f8d069bf3adf3b1cdc7434003769731b6cf1
src/books/lifeCare/view/chapter007.vue
@@ -1,7 +1,7 @@
<template>
  <div class="page-content-box">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="8">
    <div class="page-box" page="114">
      <div class="bodystyle topImg">
        <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -46,7 +46,19 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="115">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-110</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk">
          <div class="bj1">
@@ -55,7 +67,12 @@
            </p>
          </div>
          <p class="center">
            <img class="img-a" alt="" src="../image/0126-1.jpg" />
            <el-image
              class="chapter002-img-0035"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
            <!-- <img class="img-a" alt="" src="../image/0126-1.jpg" /> -->
          </p>
        </div>
        <div class="bk">
@@ -78,7 +95,20 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="116">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-111</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <h4 id="d071">
          ▶▶ 活动1:了解不同年龄段的婴幼儿的睡眠需求<span class="fontsz1"
@@ -104,26 +134,95 @@
        <p>根据以上描述,请查阅阅读手册,完成下列练习。</p>
        <p>1.你认为婴幼儿的睡眠重要吗?请写明睡眠对婴幼儿健康成长的价值。</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text1"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text1')"
          ></textarea>
        </div>
        <p>
          2.上述情境中的宝宝睡眠是否足够?4个月大的婴儿一天应该需要多少睡眠时间?请对此开展家长指导。
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text2"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
        <p>3.学习阅读手册,填写表1-7-1。</p>
        <p class="img">表1-7-1 婴幼儿24小时内平均睡眠时间</p>
        <p class="center">
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width:
                      index == 0 || index == chapter007.tableData171.length - 1
                        ? '100px'
                        : '',
                  }"
                  v-for="(header, index) in chapter007.headersData"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter007.tableData171"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter007.tableData171[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      :readonly="cellIndex == 0"
                      type="text"
                      :value="chapter007.tableData171[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p><br /></p>
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0127-1.jpg" />
        </p>
        </p> -->
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="117">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-112</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h4 id="d072">
          ▶▶ 活动2:了解良好的睡眠环境的要求<span class="fontsz1"
@@ -145,34 +244,74 @@
        <p>分析上述情境,回答下列问题。</p>
        <p>1.婴幼儿是否需要特别安静的睡眠环境?为什么?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text4"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text4')"
          ></textarea>
        </div>
        <p>2.为婴幼儿创设睡眠环境时,需要注意哪些方面的检查?</p>
        <div class="bk-tx">
          <p class="left">门窗</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text5"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text5')"
          ></textarea>
          <p class="left">床</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text6"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text6')"
          ></textarea>
          <p class="left">室温</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text7"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text7')"
          ></textarea>
          <p class="left">其他</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text8"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text8')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="118">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-113</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>3.请绘制良好的睡眠环境图。</p>
        <div class="bk-tx">
          <p> </p>
          <p> </p>
          <p> </p>
          <p><br /></p>
          <p><br /> </p>
        </div>
        <h4 id="d073">
          ▶▶ 活动3:创设睡眠环境<span class="fontsz1">>>>>>>>></span>
@@ -199,27 +338,48 @@
        </p>
        <p>为婴幼儿铺床时的注意事项有哪些?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text9"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text9')"
          ></textarea>
        </div>
        <p>
          5.安排床位。安排床位时,卧室内床头的间距应为0.5米左右,两排床的间距应为0.9米左右。全体婴幼儿头脚交叉睡。
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="119">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-114</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p>为婴幼儿安排床位时的注意事项有哪些?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text10"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text10')"
          ></textarea>
        </div>
        <p><b>③实训练习</b></p>
        <p>
          2~4人为一组开展为婴幼儿创设良好睡眠环境的模拟实训,其中一人操作,其他同学观摩。操作者一边实操一边讲解操作要领,其他同学按照创设良好睡眠环境的评分标准给操作者打分。
        </p>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -230,7 +390,97 @@
            <img class="img-h" alt="" src="../image/0130-1.jpg" />
          </p>
          <p class="img">创设良好睡眠环境的评分标准</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            创设良好睡眠环境的评分标准
            <div @click="activityGroup">
              <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="chapter007.isGroupOpen" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width:
                        index == 1 || index == chapter007.groupData.length - 1
                          ? '100px'
                          : '',
                    }"
                    v-for="(header, index) in chapter007.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter007.groupData"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.groupData[rowIndex][cellIndex]"
                        @blur="
                          updateCellGroup(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter007.groupData[rowIndex][cellIndex]"
                        @blur="
                          updateCellGroup(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><br /></p>
        <h3 id="c025">
          <span class="bk-h3"
            ><span class="bj1-h3">二</span>  识别睡眠信号 </span
@@ -256,49 +506,134 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="120">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-115</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>分析上述情境,回答下列问题,完成练习。</p>
        <p>
          1.如果小布丁继续被逗着玩,妈妈没有重视她的睡眠信号,会产生什么情况?
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text11"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text11')"
          ></textarea>
        </div>
        <p>
          2.“孩子想睡就睡,不想睡,那就不让他睡”这样的照护观念是否正确?为什么?小林老师该怎么办?
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text12"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text12')"
          ></textarea>
        </div>
        <p>3.观察并收集婴幼儿的睡眠信号。若有照片,可贴在下面。</p>
        <div class="bk-tx">
          <p> </p>
          <p> </p>
          <div class="upload-list" v-if="chapter007.pictrueListTwo.length > 0">
            <div
              class="demo-image__preview"
              v-for="item in chapter007.pictrueListTwo"
              :key="item"
            >
              <el-image
                style="height: 100%"
                :src="item"
                :preview-src-list="chapter007.pictrueListTwo"
              >
              </el-image>
            </div>
          </div>
          <div class="bk-inputUpload">
            <input
              type="file"
              id="fileTwo"
              @change="handUploadFile($event, '2')"
            />
            <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
          </div>
        </div>
        <p>4.查阅阅读手册,研讨及归纳婴幼儿的睡眠信号。</p>
        <div class="bk-tx">
          <p class="left">睡前情绪</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text13"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text13')"
          ></textarea>
          <p class="left">睡前语言</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text14"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text14')"
          ></textarea>
          <p class="left">睡前动作</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text15"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text15')"
          ></textarea>
          <p class="left">睡前眼神</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text16"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text16')"
          ></textarea>
          <p class="left">其他特征</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text17"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text17')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="121">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-116</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h4 id="d075">
          ▶▶ 活动2:根据睡眠信号及时哄睡<span class="fontsz1"
@@ -314,13 +649,23 @@
        <p>分析上述情境,回答下列问题。</p>
        <p>1.小丁当的睡眠信号有哪些?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text18"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text18')"
          ></textarea>
        </div>
        <p>2.针对小丁当的睡眠信号,我们该如何做?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text19"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text19')"
          ></textarea>
        </div>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙ 情境描述2 ⊙</p>
@@ -330,28 +675,94 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="122">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-117</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>分析上述情境,回答问题并完成练习。</p>
        <p>1.除了上述情境中提到的睡眠信号之外,你还知道哪些?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text99"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text99')"
          ></textarea>
        </div>
        <p>
          2.根据收集的婴幼儿的睡眠信号找到相应的哄睡小妙招,分享介绍,比比谁的妙招好(见表1-7-2)。
        </p>
        <p class="img">表1-7-2 睡眠信号及哄睡小妙招</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0133-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width:
                      index == 0 || index == chapter007.tableData172.length - 1
                        ? '100px'
                        : '',
                  }"
                  v-for="(header, index) in chapter007.headersData172"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter007.tableData172"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter007.tableData172[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      :readonly="cellIndex == 0"
                      type="text"
                      :value="chapter007.tableData172[rowIndex][cellIndex]"
                      @blur="
                        updateCell(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <h3 id="c026">
          <span class="bk-h3"
            ><span class="bj1-h3">三</span>  睡前准备 </span
          >
        </h3>
        <p><br /></p>
        <div class="bk-sys">
        <p>&nbsp;</p>
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -361,15 +772,58 @@
            <img class="img-h" alt="" src="../image/0133-2.jpg" />
          </p>
          <p class="img">午睡前的准备</p>
        </div> -->
        <div class="tips-bk">
          <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="chapter007.isOpenOne && chapter007.videOneUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videOneUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p>
          托育园的保教人员在照护婴幼儿睡觉的时候,不仅要为他们创设良好的睡眠环境,还要鼓励他们做力所能及的事情,如穿脱衣服、鞋袜等,要对婴幼儿的尝试与努力给予肯定,不要因为他们做不好或做得慢而包办代替。同时,还要指导婴幼儿学习和掌握生活自理的基本方法。
        </p>
        <h4 id="d076">
          ▶▶ 活动1:指导脱穿衣物<span class="fontsz1">>>>>>>>></span>
        </h4>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -379,7 +833,52 @@
            <img class="img-h" alt="" src="../image/0133-3.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="chapter007.isOpenTwo && chapter007.videoTwoUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videoTwoUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p><br /></p>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙ 情境描述 ⊙</p>
          <p class="block">
@@ -388,20 +887,41 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="123">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-118</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p>1.婴幼儿脱穿衣物时应注意保护哪些身体部位?请回答问题并说明原因。</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text20"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text20')"
          ></textarea>
        </div>
        <p>2.根据阅读手册,说明如何指导婴幼儿脱穿衣物。</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text21"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text21')"
          ></textarea>
        </div>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -411,18 +931,65 @@
            <img class="img-h" alt="" src="../image/0134-1.jpg" />
          </p>
          <p class="img">脱衣物指导</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频:脱衣物指导
            <div @click="activityFour">
              <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="chapter007.isOpenFour && chapter007.videoFourUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videoFourUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p>3.尝试给婴幼儿脱穿衣物编首儿歌。</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text22"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text22')"
          ></textarea>
        </div>
        <p>
          4.实训练习。2~4人为一组开展实训操作,其中一人操作,其他同学观摩。操作者一边实操一边讲解操作要领,其他同学按照指导脱穿衣物的评分标准给操作者打分。
        </p>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -432,7 +999,98 @@
            <img class="img-h" alt="" src="../image/0134-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>
            <!-- <img src="../icons/task.png" @click="activityScore1" alt="" /> -->
          </div>
          <div v-if="chapter007.isScore1Open" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width:
                        index == 1 || index == chapter007.scoreData1.length - 1
                          ? '100px'
                          : '',
                    }"
                    v-for="(header, index) in chapter007.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter007.scoreData1"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.scoreData1[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore1(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter007.scoreData1[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore1(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><br /></p>
        <h4 id="d077">
          ▶▶ 活动2:讲述睡前故事<span class="fontsz1">>>>>>>>></span>
        </h4>
@@ -451,7 +1109,20 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="124">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-119</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-qjms">
          <p class="block">小兔子打了一个哈欠。</p>
@@ -471,24 +1142,44 @@
        </div>
        <p>1.若为婴幼儿讲述睡前故事,你会选择哪些绘本?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text23"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text23')"
          ></textarea>
        </div>
        <p>2.在讲述睡前故事的时候,应注意什么?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text24"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text24')"
          ></textarea>
        </div>
        <p>
          3.实训练习。2~4人为一组开展实训操作,其中一人操作,其他同学观摩。操作者一边实操一边讲解操作要领,其他同学按照给婴幼儿讲述故事的评分标准给操作者打分。
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="125">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-120</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-sys">
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -498,7 +1189,97 @@
            <img class="img-h" alt="" src="../image/0135-1.jpg" />
          </p>
          <p class="img">给婴幼儿讲述故事的评分标准</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            给婴幼儿讲述故事的评分标准
            <div @click="activityScore2">
              <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="chapter007.isScore2Open" class="tips-file">
            <table class="table111 table122">
              <thead>
                <tr>
                  <th
                    :style="{
                      width:
                        index == 1 || index == chapter007.scoreData2.length - 1
                          ? '100px'
                          : '',
                    }"
                    v-for="(header, index) in chapter007.publicHeader"
                    :key="index"
                  >
                    {{ header }}
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr
                  v-for="(row, rowIndex) in chapter007.scoreData2"
                  :key="rowIndex"
                >
                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                    <template v-if="cell === ''">
                      <input
                        type="text"
                        v-model="chapter007.scoreData2[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore2(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else-if="cellIndex == 4">
                      <input
                        type="text"
                        v-model="chapter007.scoreData2[rowIndex][cellIndex]"
                        @blur="
                          updateCellScore2(
                            rowIndex,
                            cellIndex,
                            $event.target.value
                          )
                        "
                      />
                    </template>
                    <template v-else>
                      {{ cell }}
                    </template>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <p><br /></p>
        <h4 id="d078">
          ▶▶ 活动3:开展睡前指导<span class="fontsz1">>>>>>>>></span>
        </h4>
@@ -517,67 +1298,186 @@
        <p>根据上述情境,回答问题并完成练习。</p>
        <p>1.王老师的睡前指导为什么能成功?还有哪些有效的睡前指导方法?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text25"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text25')"
          ></textarea>
        </div>
        <p>2.面对冬冬的睡前状态,陈老师该如何帮助他?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text26"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text26')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="126">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-121</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>3.请绘制为婴幼儿做睡前准备工作的思维导图。</p>
        <div class="bk-tx">
          <p> </p>
          <p> </p>
        <p class="bk-swdt">
          3.请绘制为婴幼儿做睡前准备工作的思维导图。<img
            src="../icons/swdt.png"
            alt=""
            @click="showSwdt"
          />
        </p>
        <div class="bk-tx" style="min-height: 200px">
          <div class="bk-iframe" v-if="chapter007.isShowSwdt">
            <div class="header-swdt">
              <p>思维导图</p>
              <i class="el-icon-close" @click="showSwdt"></i>
            </div>
            <iframe
              width="100%"
              height="600px"
              frameborder="0"
              scrolling="no"
              src="https://www.iodraw.com/mind"
            ></iframe>
          </div>
          <div class="bk-inputUpload" v-if="chapter007.pictrueList.length == 0">
            <input
              type="file"
              id="fileOne"
              @change="handUploadFile($event, 1)"
            />
            <span class="btnUpload" @click="handFile('fileOne')">+</span>
          </div>
          <div
            style="width: 100%; height: 100%"
            v-if="chapter007.pictrueList.length > 0"
          >
            <div
              class="demo-image__preview-swdt"
              v-for="item in chapter007.pictrueList"
              :key="item"
            >
              <el-image
                style="width: 100%"
                :src="item"
                :preview-src-list="chapter007.pictrueList"
              >
              </el-image>
            </div>
          </div>
        </div>
        <p>4.根据阅读手册,讨论如何有效开展睡前准备工作。</p>
        <p>(1)在开展各项睡前活动时应注意哪些问题?</p>
        <div class="bk-tx">
          <p class="left">如厕</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text27"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text27')"
          ></textarea>
          <p class="left">洗手、擦手</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text28"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text28')"
          ></textarea>
          <p class="left">进入卧室</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text29"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text29')"
          ></textarea>
          <p class="left">脱衣物并整理</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text30"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text30')"
          ></textarea>
        </div>
        <p>(2)如何有效地营造氛围?</p>
        <div class="bk-tx">
          <p class="left">播放音乐</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <<textarea
            v-model="chapter007.textAreaItem.text31"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text31')"
          ></textarea>
          <p class="left">讲故事</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text32"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text32')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="127">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-122</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p>(3)如何平复婴幼儿的情绪从而为入睡做准备?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text33"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text33')"
          ></textarea>
        </div>
        <p>(4)如何照护个别入睡困难的婴幼儿?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text34"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text34')"
          ></textarea>
        </div>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -588,7 +1488,51 @@
            <img class="img-h" alt="" src="../image/0138-1.jpg" />
          </p>
          <p class="img">午睡巡查</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频:午睡巡查
            <div @click="activityFive">
              <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="chapter007.isOpenFive && chapter007.videoFiveUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videoFiveUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <h3 id="c027">
          <span class="bk-h3"
            ><span class="bj1-h3">四</span>  睡中观察 </span
@@ -610,18 +1554,58 @@
        </div>
        <p>1.以上情境中的睡姿是否正确?为什么?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text35"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text35')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="128">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-123</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>2.拍摄或绘制婴幼儿的各种睡姿。</p>
        <div class="bk-tx">
          <p> </p>
          <p> </p>
          <div
            class="upload-list"
            v-if="chapter007.pictrueListThree.length > 0"
          >
            <div
              class="demo-image__preview"
              v-for="item in chapter007.pictrueListThree"
              :key="item"
            >
              <el-image
                style="height: 100%"
                :src="item"
                :preview-src-list="chapter007.pictrueListThree"
              >
              </el-image>
            </div>
          </div>
          <div class="bk-inputUpload">
            <input
              type="file"
              id="fileThree"
              @change="handUploadFile($event, '3')"
            />
            <span class="btnUpload-list" @click="handFile('fileThree')">+</span>
          </div>
        </div>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙ 情境描述2 ⊙</p>
@@ -632,14 +1616,32 @@
        <p>1.根据阅读手册,分析每一种正确睡姿的益处。</p>
        <div class="bk-tx">
          <p class="left">侧卧</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text36"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text36')"
          ></textarea>
          <p class="left">仰卧</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text37"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text37')"
          ></textarea>
          <p class="left">其他睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text38"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text38')"
          ></textarea>
        </div>
        <p>
          2.婴幼儿有哪些不良的睡姿?不良的睡姿有什么危害?相应的纠正方法是什么?
@@ -647,74 +1649,189 @@
        <p>(1)张嘴睡。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text40"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text40')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="129">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-124</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-tx">
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text41"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text41')"
          ></textarea>
        </div>
        <p>(2)枕臂睡。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text42"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text42')"
          ></textarea>
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text43"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text43')"
          ></textarea>
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text44"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text44')"
          ></textarea>
        </div>
        <p>(3)蒙头睡。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text45"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text45')"
          ></textarea>
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text46"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text46')"
          ></textarea>
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text47"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text47')"
          ></textarea>
        </div>
        <p>(4)趴着睡。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text48"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text48')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="130">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-125</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-tx">
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text49"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text49')"
          ></textarea>
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text50"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text50')"
          ></textarea>
        </div>
        <p>(5)其他不良睡姿。</p>
        <div class="bk-tx">
          <p class="left">描述睡姿</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text51"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text51')"
          ></textarea>
          <p class="left">描述危害</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text52"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text52')"
          ></textarea>
          <p class="left">纠正方法</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text53"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text53')"
          ></textarea>
        </div>
        <h4 id="d080">
          ▶▶ 活动2:培养良好的睡眠习惯<span class="fontsz1"
@@ -735,7 +1852,19 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="131">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-126</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙ 情境描述3 ⊙</p>
@@ -745,18 +1874,33 @@
        </div>
        <p>1.老师是如何帮助融融形成自主入睡的习惯的?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text54"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text54')"
          ></textarea>
        </div>
        <p>2.为避免发生类似情境2中的安全事故,我们应如何做?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text55"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text55')"
          ></textarea>
        </div>
        <p>3.情境3中的老师的睡眠照护行为合适吗?你还有别的办法帮助栋栋吗?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text56"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text56')"
          ></textarea>
        </div>
        <p>4.观察记录。</p>
        <p>
@@ -764,28 +1908,59 @@
        </p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text57"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text57')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="132">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-127</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>
          (2)创造适于婴幼儿睡眠的环境:准备安静的环境、整洁的床铺,睡眠室的光线及温湿度要适宜,尽量减少不良干扰因素;给婴幼儿读准备好的睡前读物;与婴幼儿聊天,消除婴幼儿担心、害怕、紧张的情绪。
        </p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text58"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text58')"
          ></textarea>
        </div>
        <p>
          (3)限制和控制婴幼儿的睡前行为:睡前忌进食、饮水过多;不可过度游戏、玩耍,使婴幼儿的情绪较为稳定。
        </p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text59"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text59')"
          ></textarea>
        </div>
        <p>(4)纠正不良入睡方式及不良睡眠节律模式、睡姿、行为等。</p>
        <p>
@@ -798,19 +1973,43 @@
        <p>不良睡眠行为:擦腿综合征、遗尿等。</p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text60"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text60')"
          ></textarea>
        </div>
        <p>(5)整理用物,洗手,记录。</p>
        <div class="bk-tx">
          <p class="left">情况记录</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text61"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text61')"
          ></textarea>
        </div>
        <p>(6)注意事项:动作熟练且轻柔,保护婴幼儿,避免不必要的伤害。</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="133">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-128</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <h3 id="c028">
          <span class="bk-h3"
@@ -840,12 +2039,16 @@
          1.经常听人说婴幼儿有“起床气”,保教人员该如何照护刚睡醒的婴幼儿呢?
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text62"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text62')"
          ></textarea>
        </div>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <p><br /></p> -->
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -855,24 +2058,134 @@
            <img class="img-h" alt="" src="../image/0144-1.jpg" />
          </p>
          <p class="img">起床后的护理</p>
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频:起床后的护理
            <div @click="activitySix">
              <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="chapter007.isOpenSix && chapter007.videoSixUrl"
          >
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="chapter007.videoSixUrl"
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p>
          2.婴幼儿起床后,保教人员除了需要引导婴幼儿穿衣物,还需要做哪些睡后指导工作?
        </p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text63"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text63')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="134">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-129</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>3.请小组讨论,填写睡后指导的主要工作内容(见表1-7-3)。</p>
        <p class="img">表1-7-3 婴幼儿睡后指导的主要内容</p>
        <p class="center">
        <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0145-1.jpg" />
        </p>
        </p> -->
        <div>
          <table class="table111 table122">
            <thead>
              <tr>
                <th
                  :style="{
                    width:
                      index == chapter007.headersData173.length - 1
                        ? '300px'
                        : '',
                  }"
                  v-for="(header, index) in chapter007.headersData173"
                  :key="index"
                >
                  {{ header }}
                </th>
              </tr>
            </thead>
            <tbody>
              <tr
                v-for="(row, rowIndex) in chapter007.tableData173"
                :key="rowIndex"
              >
                <td v-for="(cell, cellIndex) in row" :key="cellIndex">
                  <template v-if="cell === ''">
                    <input
                      type="text"
                      v-model="chapter007.tableData173[rowIndex][cellIndex]"
                      @blur="
                        updateCell173(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                  <template v-else>
                    <input
                      :readonly="cellIndex == 0"
                      type="text"
                      :value="chapter007.tableData173[rowIndex][cellIndex]"
                      @blur="
                        updateCell173(rowIndex, cellIndex, $event.target.value)
                      "
                    />
                  </template>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p><br /></p>
        <h4 id="d082">
          ▶▶ 活动2:睡后环境整理<span class="fontsz1">>>>>>>>></span>
        </h4>
@@ -885,42 +2198,94 @@
        <p>根据上述情境,回答以下问题。</p>
        <p>1.为什么要进行睡后环境整理工作?</p>
        <div class="bk-tx">
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text64"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('text64')"
          ></textarea>
        </div>
        <p>2.婴幼儿离开睡眠室后,该如何进行整理工作?</p>
        <div class="bk-tx">
          <p class="left">开窗通风</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text65"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text65')"
          ></textarea>
          <p class="left">整理床铺</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text66"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text66')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="135">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-130</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <div class="bk-tx">
          <p class="left">清洁地面</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text67"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text67')"
          ></textarea>
          <p class="left">放置物品</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text68"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text68')"
          ></textarea>
          <p class="left">消毒</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text68"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text68')"
          ></textarea>
          <p class="left">其他</p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter007.textAreaItem.text69"
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            class="textareaInput"
            @blur="onBlurChange('text69')"
          ></textarea>
        </div>
        <h4 id="d083">
          ▶▶ 应用与实践<span class="fontsz1">>>>>>>>></span>
        </h4>
        <p><br /></p>
        <div class="bk-sys">
        <!-- <p><br /></p> -->
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
              <img class="img-gn1" alt="" src="../image/dy-ycs.png" />
@@ -929,29 +2294,54 @@
          <p class="center">
            <img class="img-g" alt="" src="../image/0146-2.jpg" />
          </p>
        </div>
        </div> -->
        <p><b>一、单选题</b></p>
        <p>1.睡眠照护的主要任务是(  )。</p>
        <p>
          1.睡眠照护的主要任务是( <input
            v-model="chapter007.radio.text1"
            @blur="onRadioText()"
          /> )。
        </p>
        <p class="block">A.指导婴幼儿自己穿脱衣服</p>
        <p class="block">B.帮助婴幼儿学习叠被子</p>
        <p class="block">C.保证婴幼儿睡好、睡足</p>
        <p class="block">D.引导婴幼儿把鞋子放在固定的位置</p>
        <p>2.婴幼儿的正确睡姿是(  )。</p>
        <p>
          2.婴幼儿的正确睡姿是( <input
            v-model="chapter007.radio.text2"
            @blur="onRadioText()"
          /> )。
        </p>
        <p class="block">A.趴睡</p>
        <p class="block">B.侧睡</p>
        <p class="block">C.张嘴睡</p>
        <p class="block">D.蒙头睡</p>
        <p>3.照护婴幼儿睡眠的睡前准备工作不包含(  )。</p>
        <p>
          3.照护婴幼儿睡眠的睡前准备工作不包含( <input
            v-model="chapter007.radio.text3"
            @blur="onRadioText()"
          /> )。
        </p>
        <p class="block">A.如厕</p>
        <p class="block">B.洗手</p>
        <p class="block">C.脱衣物</p>
        <p class="block">D.吃食物</p>
        <p>4.营造婴幼儿良好的睡眠环境的错误做法是(  )。</p>
        <p>
          4.营造婴幼儿良好的睡眠环境的错误做法是( <input
            v-model="chapter007.radio.text4"
            @blur="onRadioText()"
          /> )。
        </p>
        <p class="block">A.做健身操</p>
        <p class="block">B.关门窗</p>
        <p class="block">C.拉窗帘</p>
        <p class="block">D.播放音乐</p>
        <p>5.一至两岁的幼儿每日适宜的睡眠总时长是(  )。</p>
        <p>
          5.一至两岁的幼儿每日适宜的睡眠总时长是( <input
            v-model="chapter007.radio.text5"
            @blur="onRadioText()"
          /> )。
        </p>
        <p class="block">A.20小时</p>
        <p class="block">B.14小时</p>
        <p class="block">C.12小时</p>
@@ -963,7 +2353,20 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="136">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">第七单元·睡眠活动照护</span>
              <span class="pageNum">1-131</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p class="block">
          她会向幼儿睡觉的方向扫视一下,发现蹬被子等异常问题会及时处理。中途,坤坤小朋友从被窝里出来,直接走到张老师跟前请求上厕所,张老师点头同意了,并提醒坤坤注意安全。坤坤上厕所回来后,旁边的阳阳小朋友睡醒了,于是就和坤坤讲话。此时,张老师及时提醒:“阳阳,午睡时不能讲话。”过了一会儿,阳阳又忍不住讲话了。张老师坐不住了,走过去对阳阳说:“今天下午的玩沙游戏,不允许你参加,等你哪天午睡不讲话了,才可以参加下午的游戏。”
@@ -971,7 +2374,476 @@
        <p class="block">
          起床音乐响了,张老师要求幼儿立即起床:“小朋友,快起床,你们是中班的大姐姐、大哥哥了,不要做小懒猫,不会穿衣服的可以互相帮助,如果实在不会穿,可以喊老师来帮忙。”在15分钟的穿衣过程中,并没有幼儿向老师请求帮助,等所有幼儿都离开后,张老师高兴地想:到底是中班了,看护午睡越来越轻松了,于是也高高兴兴地离开了睡眠室。
        </p>
        <p><br /></p>
        <div class="bk-tx">
          <textarea
            v-model="chapter007.radio.desc"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            @blur="onBlurChange('desc')"
          ></textarea>
        </div>
        <p></p>
        <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="chapter007.idOpenThree && chapter007.qustionData[131]"
            class="tips-file"
          >
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter007.qustionData[131]"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
export default {
  name: "chapter007",
  data() {
    return {
      picOneUrl: require("../image/0126-1.jpg"),
      picArr: [require("../image/0126-1.jpg")],
      chapter007: {
        videoTwoUrl: "",
        videoFourUrl: "",
        videoFiveUrl: "",
        videoSixUrl: "",
        isGroupOpen: true,
        isOpenOne: true,
        isOpenTwo: true,
        idOpenThree: true,
        isOpenFour: true,
        isOpenFive: true,
        isOpenSix: true,
        isScore1Open: true,
        isScore2Open: true,
        isShowSwdt: false,
        pictrueList: [],
        pictrueListTwo: [],
        pictrueListThree: [],
        qustionData: {},
        // 创设良好睡眠环境的评分标准
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
        groupData: [
          [
            1,
            "物品准备",
            7,
            "床、被褥、音乐播放器、适龄绘本、室温计、湿度计、床刷(共7分)",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            4,
            "束起头发,洗净双手,穿着适宜的服装,戴口罩(共4分)",
            "",
            "",
          ],
          [
            3,
            "门窗",
            10,
            "提前打开门窗通风,保持空气流通(共5分),夏季开窗通风,秋冬寒冷季节铺床后要关窗(共5分)。",
            "",
            "",
          ],
          [4, "窗帘", 5, "拉上窗帘(共5分)", "", ""],
          [
            5,
            "室温",
            15,
            "合理使用空调,空调请提前开启,调整空调温度并注意风向(不能直接对着婴幼儿吹)(共10分),夏季使室温保持在14 ℃~18 ℃,冬季使室温保持在27 ℃左右(共10分)",
            "",
            "",
          ],
          [6, "湿度", 10, "调节湿度为50%~60%(共10分)", "", ""],
          [
            7,
            "床铺",
            24,
            "将被子掀开呈90°的角,方便婴幼儿钻进被窝,避免着凉(共12分)",
            "",
            "",
          ],
          [
            8,
            "床位",
            10,
            "安排床位时,卧室内床头的间距应为0.5米左右,两排床的间距应为0.9 米左右(共5分)",
            "",
            "",
          ],
          [9, "整理物品", 10, "整理物品,将物品摆放整齐(共10分) ", "", ""],
        ],
        // 指导穿脱衣物的评分标准
        scoreData1: [
          [
            1,
            "物品准备",
            12,
            "开襟衫、套头衫、裤子、鞋子、袜子、消毒剂(共12分)",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            8,
            "操作者着装整齐、洗手、不留长指甲(共3分) ,教会婴幼儿认识衣裤、袜子的前后和里外,教会婴幼儿认识鞋子的左和右(共5分)",
            "",
            "",
          ],
          [
            3,
            "指导婴幼儿脱衣服",
            10,
            "操作者准确示范脱衣服,逐步口述脱衣服的程序及方法,婴幼儿根据口述的内容逐步完成脱衣服,及时纠正婴幼儿使用的不正确的方法(共10分) ",
            "",
            "",
          ],
          [
            4,
            "指导婴幼儿脱鞋子",
            5,
            "操作者准确示范脱鞋子,逐步口述脱鞋子的程序及方法,婴幼儿根据口述的内容逐步完成脱鞋子,及时纠正婴幼儿使用的不正确的方法(共5分) ",
            "",
            "",
          ],
          [
            5,
            "指导婴幼儿脱裤子",
            10,
            "操作者准确示范脱裤子,逐步口述脱裤子的程序及方法,婴幼儿根据口述的内容逐步完成脱裤子,及时纠正婴幼儿使用的不正确的方法(共10分) ",
            "",
            "",
          ],
          [
            6,
            "指导婴幼儿脱袜子",
            5,
            "操作者准确示范脱袜子,逐步口述脱袜子的程序及方法,婴幼儿根据口述的内容逐步完成脱袜子,及时纠正婴幼儿使用的不正确的方法(共5分) ",
            "",
            "",
          ],
          [
            7,
            "指导婴幼儿整理衣物",
            5,
            "操作者指导婴幼儿将脱下的衣物分类整齐叠放,放置在床尾,及时纠正婴幼儿使用的不正确的方法(共5分) ",
            "",
            "",
          ],
          [
            8,
            "指导婴幼儿穿衣服",
            10,
            "操作者准确示范穿衣服,逐步口述穿衣服的程序及方法,婴幼儿根据口述的内容完成穿衣服,及时纠正婴幼儿使用的不正确的方法(共10分) ",
            "",
            "",
          ],
          [
            9,
            "指导婴幼儿穿裤子",
            10,
            "操作者准确示范穿裤子,逐步口述穿裤子的程序及方法,婴幼儿根据口述的内容完成穿裤子,及时纠正婴幼儿使用的不正确的方法(共10分) ",
            "",
            "",
          ],
          [
            10,
            "指导婴幼儿穿袜子",
            5,
            "操作者准确示范穿袜子,逐步口述穿袜子的程序及方法,婴幼儿根据口述的内容逐步完成穿袜子,及时纠正婴幼儿使用的不正确的方法(共5分) ",
            "",
            "",
          ],
          [
            11,
            "指导婴幼儿穿鞋子",
            10,
            "操作者准确示范穿袜子,逐步口述穿鞋子的程序及方法,婴幼儿根据口述的内容逐步完成穿鞋子,及时纠正婴幼儿使用的不正确的方法(共10分) ",
            "",
            "",
          ],
          [11, "整理物品", 10, "整理物品,将物品摆放整齐(共10分) ", "", ""],
        ],
        // 给婴幼儿讲述故事的评分标准
        scoreData2: [
          [
            1,
            "物品准备",
            10,
            "绘本,配合故事讲述的玩具、焦距、手偶、适宜的座椅(共10分)",
            "",
            "",
          ],
          [
            2,
            "操作者准备",
            10,
            "着装整齐,普通话标准,语言生动形象,配有肢体语言(共10分)",
            "",
            "",
          ],
          [
            3,
            "坐姿礼仪",
            10,
            "注意礼仪,坐姿端正,精神面貌良好,状态饱满(共10分)",
            "",
            "",
          ],
          [
            4,
            "内容选择",
            5,
            "选择适合婴幼儿月龄的绘本,在忠实原作基础上,合理加工故事,易于婴幼儿理解(共10分)",
            "",
            "",
          ],
          [
            5,
            "室温",
            50,
            "普通话标准,声音洪亮,语速适宜,表达流畅(共10分),语气、语调、表情,符合故事角色形象及内容特点,声情并茂,富有感染力(共10分),态势语运用恰当,有助于婴幼儿理解故事内容(共10分),讲述的故事富有童趣,有亲和力,能激发婴幼儿的倾听兴趣,适合婴幼儿学习欣赏(共10分),流畅、完整地讲述故事(共10分)",
            "",
            "",
          ],
          [6, "整理物品", 10, "整理物品,将物品摆放整齐(共10分)", "", ""],
        ],
        // 表格1-7-1
        headersData: [
          "年龄",
          "总睡眠时间(小时)",
          "夜间睡眠时间(小时)",
          "白天睡眠时间(小时)",
        ], // 表头
        tableData171: [
          ["出生后一周", "", "", ""],
          ["1月龄", "", "", ""],
          ["3月龄", "", "", ""],
          ["6月龄", "", "", ""],
          ["9月龄", "", "", ""],
          ["12月龄", "", "", ""],
          ["18月龄", "", "", ""],
          ["2岁", "", "", ""],
          ["3岁", "", "", ""],
        ],
        // 表格1-7-2
        headersData172: ["睡眠信号", "哄睡小妙招", "我的哄睡小妙招"], // 表头
        tableData172: [
          ["打哈欠", "把宝宝发放到床上,播放轻柔的睡眠曲", ""],
          ["哭闹", "抱着宝宝安抚、哄睡", ""],
          ["", "", ""],
          ["", "", ""],
          ["", "", ""],
        ],
        // 表格1-7-3
        headersData173: ["序号", "项目", "主要内容"], // 表头
        tableData173: [
          ["1", "起床唤醒", ""],
          ["2", "指导穿衣物", ""],
          ["3", "组织如厕、洗手", ""],
          ["4", "组织睡后活动", ""],
        ],
        textAreaItem: {},
        radio: {},
      },
    };
  },
  components: {
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter007"));
    if (localData) {
      this.chapter007 = { ...Object.assign(this.chapter007, localData) };
    }
    this.chapter007.videOneUrl = getResourcePath(
      "3c35b62a39cf8beddc28c5c1c8a847ec"
    );
    this.chapter007.videoTwoUrl = getResourcePath(
      "4731be836c5c625584c3c94a61249cc9"
    );
    this.chapter007.videoFourUrl = getResourcePath(
      "4889c1899ed5716aeea6ca031cd3136d"
    );
    this.chapter007.videoFiveUrl = getResourcePath(
      "a1d60d7c5322d531939118c1aaf8feb7"
    );
    this.chapter007.videoSixUrl = getResourcePath(
      "f92c68faa37e1f6ce9ca50f234ddad90"
    );
    this.chapter007.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=3c35b62a39cf8beddc28c5c1c8a847ec";
    this.chapter007.videoTwoUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=4731be836c5c625584c3c94a61249cc9";
    this.chapter007.videoFourUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=4889c1899ed5716aeea6ca031cd3136d";
    this.chapter007.videoFiveUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7";
    this.chapter007.videoSixUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90";
    this.chapter007.qustionData = await getQuestionData(
      "7",
      testData[7],
      this.config.activeBook
    );
  },
  methods: {
    activityOne() {
      this.chapter007.isOpenOne = !this.chapter007.isOpenOne;
    },
    activityTwo() {
      this.chapter007.isOpenTwo = !this.chapter007.isOpenTwo;
    },
    activityThree() {
      this.chapter007.idOpenThree = !this.chapter007.idOpenThree;
    },
    activityFour() {
      this.chapter007.isOpenFour = !this.chapter007.isOpenFour;
    },
    activityFive() {
      this.chapter007.isOpenFive = !this.chapter007.isOpenFive;
    },
    activitySix() {
      this.chapter007.isOpenSix = !this.chapter007.isOpenSix;
    },
    activityScore1() {
      this.chapter007.isScore1Open = !this.chapter007.isScore1Open;
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCellScore1(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.scoreData1[rowIndex], cellIndex, value);
      if (cellIndex == 4) {
        this.$set(
          this.chapter007.scoreData1[rowIndex],
          5,
          this.chapter007.scoreData1[rowIndex][2] -
            this.chapter007.scoreData1[rowIndex][cellIndex]
        );
      }
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    activityScore2() {
      this.chapter007.isScore2Open = !this.chapter007.isScore2Open;
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCellScore2(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.scoreData2[rowIndex], cellIndex, value);
      if (cellIndex == 4) {
        this.$set(
          this.chapter007.scoreData2[rowIndex],
          5,
          this.chapter007.scoreData2[rowIndex][2] -
            this.chapter007.scoreData2[rowIndex][cellIndex]
        );
      }
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    activityGroup() {
      this.chapter007.isGroupOpen = !this.chapter007.isGroupOpen;
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCellGroup(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.groupData[rowIndex], cellIndex, value);
      if (cellIndex == 4) {
        this.$set(
          this.chapter007.groupData[rowIndex],
          5,
          this.chapter007.groupData[rowIndex][2] -
            this.chapter007.groupData[rowIndex][cellIndex]
        );
      }
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCell(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.tableData161[rowIndex], cellIndex, value);
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    onBlurChange() {
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    onRadioText() {
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    showSwdt() {
      this.chapter007.isShowSwdt = !this.chapter007.isShowSwdt;
    },
    handUploadFile(e, type) {
      var that = this;
      const file = e.target.files[0];
      const FileName = file.name.split(".")[0];
      const Extension = file.name.split(".")[1];
      const FileType = file.type;
      let size = 1024;
      getFileMd5(file, size * 1024)
        .then((e) => {
          const imgData = new FormData();
          imgData.append("Md5", e);
          imgData.append("FileName", FileName);
          imgData.append("Extension", Extension);
          imgData.append("FileType", FileType);
          imgData.append("MetaData", null);
          imgData.append("file", file);
          that.MG.file.upload(imgData).then(() => {});
          setTimeout(() => {
            if (type == "1") {
              that.chapter007.pictrueList.push(getPublicImage(e));
            }
            if (type == "2") {
              that.chapter007.pictrueListTwo.push(getPublicImage(e));
            }
            if (type == "3") {
              that.chapter007.pictrueListThree.push(getPublicImage(e));
            }
            that.isLoding = false;
            localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
          }, 1000);
        })
        .catch((e) => {
          that.isLoding = false;
          console.error(e);
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      dom.click();
    },
  },
};
</script>