英语

闫增涛

2024-05-23 ea9138a6eb9b54c46369a2805be40e65a43a55e3

 src/books/content/view/chapter001.vue

@@ -54,7 +54,18 @@
      </div>
    </div>
    <div class="page-box">
      <!-- <Header/> -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-2</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">
@@ -63,11 +74,20 @@
            </p>
          </div>
          <p class="center">
            <el-image :src="picOneUrl" :preview-src-list="picArr" />
            <el-image
              class="chapter001-img-0018"
              :src="chapter001.picOneUrl"
              :preview-src-list="chapter001.picArr"
            />
          </p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../image/0018-1.jpg" />
        </p> -->
            <img
              class="img-a"
              alt=""
              @click="previewOne()"
              src="../image/0018-1.jpg"
            />
          </p> -->
        </div>
        <div class="bk">
          <div class="bj1">
@@ -109,42 +129,65 @@
        <p>
          在倡导现代教育理念、重视早期教育的今天，更应注重对婴幼儿的科学保育。那么，科学的婴幼儿生活保育是什么样的呢？
        </p>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <h4 id="d001">
          ▶▶ 活动1：解释婴幼儿生活保育的概念<span class="fontsz1"
            >＞＞＞＞＞＞＞＞<img
        <div class="tips-bk">
          <div class="bj-tip">
            视频：托育工作人员说婴幼儿生活保障<img
              src="../icons/video.png"
              @click="activityOne"
              alt=""
          /></span>
        </h4>
        <div v-if="isOpenOne">
          <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="videOneUrl"
          ></video>
            />
          </div>
          <div
            class="tips-file"
            v-if="chapter001.isOpenOne && chapter001.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="chapter001.videOneUrl"
            ></video>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box">
      <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-3</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <h4 id="d001">
          ▶▶ 活动1：解释婴幼儿生活保育的概念<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
          >
        </h4>
        <p>
          保育员小王认为，婴幼儿生活保育就是管好婴幼儿的吃、喝、拉、撒、睡。你认为小王的说法对吗？为什么？
        </p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text1"
            style="border: 0"
            type="textarea"
            v-model="text1"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text1')"
          ></textarea>
        </div>
        <h4 id="d002">
          ▶▶ 活动2：归纳我国保育工作的发展历程和特点<span class="fontsz1"
@@ -154,8 +197,93 @@
        <p>学习阅读手册的专题一的内容，填写表1-1-1。</p>
        <p class="img">表1-1-1　我国保育工作的发展历程和特点</p>
        <!-- <el-table/> -->
        <div class="tableOne">
          <customTable />
        <div style="margin-bottom: 40px">
          <table class="table111">
            <thead>
              <tr>
                <th>时间</th>
                <th>保育机构的名称</th>
                <th>特点</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1949年</td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText1"
                    @blur="onBlurChangeTable('tbText1')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText2"
                    @blur="onBlurChangeTable('tbText2')"
                  />
                </td>
              </tr>
              <tr>
                <td>1949-1980年</td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText3"
                    @blur="onBlurChangeTable('tbText3')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText4"
                    @blur="onBlurChangeTable('tbText4')"
                  />
                </td>
              </tr>
              <tr>
                <td>1980-1990年</td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText5"
                    @blur="onBlurChangeTable('tbText5')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText6"
                    @blur="onBlurChangeTable('tbText6')"
                  />
                </td>
              </tr>
              <tr>
                <td>1990-2000年</td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText7"
                    @blur="onBlurChangeTable('tbText7')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText8"
                    @blur="onBlurChangeTable('tbText8')"
                  />
                </td>
              </tr>
              <tr>
                <td>2000年至今</td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText9"
                    @blur="onBlurChangeTable('tbText9')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table111.tbText10"
                    @blur="onBlurChangeTable('tbText10')"
                  />
                </td>
              </tr>
            </tbody>
          </table>
          <!-- <p class="center"><img class="img-a" alt="" src="../image/0019-2.jpg"></p> -->
        </div>
        <h4 id="d003">
@@ -178,28 +306,42 @@
      </div>
    </div>
    <div class="page-box">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-4</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">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text2"
            style="border: 0"
            type="textarea"
            v-model="text2"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
        <p>
          2.结合阅读手册的专题一的内容，小组讨论婴幼儿生活保育工作的目标及意义。
        </p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text3"
            style="border: 0"
            type="textarea"
            v-model="text3"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text3')"
          ></textarea>
        </div>
        <h3 id="c002">
          <span class="bk-h3"
@@ -222,6 +364,19 @@
      </div>
    </div>
    <div class="page-box">
      <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-5</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>2.准备资料：互联网上的相关资料。</p>
        <p>
@@ -232,118 +387,153 @@
          1.成立调研小组。依据自由组合兼顾个人特长的原则确定小组人选，设立组长1名。根据成员的特长分配具体任务，如陈述、记录、拍照等。写明小组成员及分工。
        </p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text4"
            style="border: 0"
            type="textarea"
            v-model="text4"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text4')"
          ></textarea>
        </div>
        <p>2.制订调研计划。</p>
        <p>（1）走访托育园需掌握的信息是什么？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text5"
            style="border: 0"
            type="textarea"
            v-model="text5"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text5')"
          ></textarea>
        </div>
        <p>（2）拟解决的问题有哪些？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text6"
            style="border: 0"
            type="textarea"
            v-model="text6"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text6')"
          ></textarea>
        </div>
        <p>（3）走访的主要任务及内容是什么？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text7"
            style="border: 0"
            type="textarea"
            v-model="text7"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text7')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-6</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·行动手册</span>
            </div>
          </div>
        </div>
      </div>
      <div class="bodystyle">
        <p>（4）走访的主要流程有哪些？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text8"
            style="border: 0"
            type="textarea"
            v-model="text8"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text8')"
          ></textarea>
        </div>
        <p>（5）走访的时间、方式、主要联系人及联系方式是什么？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text9"
            style="border: 0"
            type="textarea"
            v-model="text9"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text9')"
          ></textarea>
        </div>
        <p>
          3.查找所需信息。重点收集周边托育园的名称、规模、距离、地址、联系人等调研对象的信息，并确定要走访的托育园。
        </p>
        <p>（1）收集的主要信息是什么？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text10"
            style="border: 0"
            type="textarea"
            v-model="text10"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text10')"
          ></textarea>
        </div>
        <p>（2）要走访的托育园的名称是什么？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text11"
            style="border: 0"
            type="textarea"
            v-model="text11"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text11')"
          ></textarea>
        </div>
        <p>（3）选择走访该园的原因是什么？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text12"
            style="border: 0"
            type="textarea"
            v-model="text12"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text12')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
      <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-7</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>
          4.做好出行规划。查找路线信息，确定出行方式、大致费用，并确定好对方的联系人。
        </p>
        <p>你们组的出行规划是什么？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text13"
            style="border: 0"
            type="textarea"
            v-model="text13"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text13')"
          ></textarea>
        </div>
        <h4 id="d005">
          ▶▶ 活动2：调查托育园一日生活保育<span class="fontsz1"
@@ -366,89 +556,825 @@
        <p>4.汇总调研信息。</p>
        <p>（1）走访的托育园的名称是什么？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text14"
            style="border: 0"
            type="textarea"
            v-model="text14"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text14')"
          ></textarea>
        </div>
        <p>（2）走访的托育园一日生活的主要环节有哪些？</p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text15"
            style="border: 0"
            type="textarea"
            v-model="text15"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text15')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">1-8</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">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text16"
            style="border: 0"
            type="textarea"
            v-model="text16"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text16')"
          ></textarea>
        </div>
        <p>走访的托育园一日生活日程见表1-1-2。</p>
        <p class="img">表1-1-2　______托育园一日生活日程</p>
        <p class="center">
          <img class="img-a" alt="" src="../image/0024-1.jpg" />
        </p>
        <div class="chapter01Table">
          <table class="table112">
            <thead>
              <tr>
                <th colspan="2">0-1岁日托班</th>
                <th colspan="2">1-2岁日托班</th>
                <th colspan="2">2-3岁日托班</th>
              </tr>
              <tr>
                <th>时间</th>
                <th>内容</th>
                <th>时间</th>
                <th>内容</th>
                <th>时间</th>
                <th>内容</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell1"
                    @blur="onBlurChangeTable112('cell1')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell2"
                    @blur="onBlurChangeTable112('cell2')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell3"
                    @blur="onBlurChangeTable112('cell3')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell4"
                    @blur="onBlurChangeTable112('cell4')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell5"
                    @blur="onBlurChangeTable112('cell5')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell6"
                    @blur="onBlurChangeTable112('cell6')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell7"
                    @blur="onBlurChangeTable112('cell7')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell8"
                    @blur="onBlurChangeTable112('cell8')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell9"
                    @blur="onBlurChangeTable112('cell9')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell10"
                    @blur="onBlurChangeTable112('cell10')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell11"
                    @blur="onBlurChangeTable112('cell11')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell12"
                    @blur="onBlurChangeTable112('cell12')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell13"
                    @blur="onBlurChangeTable112('cell13')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell14"
                    @blur="onBlurChangeTable112('cell14')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell15"
                    @blur="onBlurChangeTable112('cell15')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell16"
                    @blur="onBlurChangeTable112('cell16')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell17"
                    @blur="onBlurChangeTable112('cell17')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell18"
                    @blur="onBlurChangeTable112('cell18')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell19"
                    @blur="onBlurChangeTable112('cell19')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell20"
                    @blur="onBlurChangeTable112('cell20')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell21"
                    @blur="onBlurChangeTable112('cell21')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell22"
                    @blur="onBlurChangeTable112('cell22')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell23"
                    @blur="onBlurChangeTable112('cell23')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell24"
                    @blur="onBlurChangeTable112('cell24')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell25"
                    @blur="onBlurChangeTable112('cell25')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell26"
                    @blur="onBlurChangeTable112('cell26')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell27"
                    @blur="onBlurChangeTable112('cell27')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell28"
                    @blur="onBlurChangeTable112('cell28')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell29"
                    @blur="onBlurChangeTable112('cell29')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell30"
                    @blur="onBlurChangeTable112('cell30')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell31"
                    @blur="onBlurChangeTable112('cell31')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell32"
                    @blur="onBlurChangeTable112('cell32')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell33"
                    @blur="onBlurChangeTable112('cell33')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell34"
                    @blur="onBlurChangeTable112('cell34')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell35"
                    @blur="onBlurChangeTable112('cell35')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell36"
                    @blur="onBlurChangeTable112('cell36')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell37"
                    @blur="onBlurChangeTable112('cell37')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell38"
                    @blur="onBlurChangeTable112('cell38')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell39"
                    @blur="onBlurChangeTable112('cell39')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell40"
                    @blur="onBlurChangeTable112('cell40')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell41"
                    @blur="onBlurChangeTable112('cell41')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell42"
                    @blur="onBlurChangeTable112('cell42')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell43"
                    @blur="onBlurChangeTable112('cell43')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell44"
                    @blur="onBlurChangeTable112('cell44')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell45"
                    @blur="onBlurChangeTable112('cell45')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell46"
                    @blur="onBlurChangeTable112('cell46')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell47"
                    @blur="onBlurChangeTable112('cell47')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell48"
                    @blur="onBlurChangeTable112('cell48')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell49"
                    @blur="onBlurChangeTable112('cell49')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell50"
                    @blur="onBlurChangeTable112('cell50')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell51"
                    @blur="onBlurChangeTable112('cell51')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell52"
                    @blur="onBlurChangeTable112('cell52')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell53"
                    @blur="onBlurChangeTable112('cell53')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell54"
                    @blur="onBlurChangeTable112('cell54')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell55"
                    @blur="onBlurChangeTable112('cell55')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell56"
                    @blur="onBlurChangeTable112('cell56')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell57"
                    @blur="onBlurChangeTable112('cell57')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell58"
                    @blur="onBlurChangeTable112('cell58')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell58"
                    @blur="onBlurChangeTable112('cell58')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell60"
                    @blur="onBlurChangeTable112('cell60')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell61"
                    @blur="onBlurChangeTable112('cell61')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell62"
                    @blur="onBlurChangeTable112('cell62')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell63"
                    @blur="onBlurChangeTable112('cell63')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell64"
                    @blur="onBlurChangeTable112('cell64')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell65"
                    @blur="onBlurChangeTable112('cell65')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell66"
                    @blur="onBlurChangeTable112('cell66')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell67"
                    @blur="onBlurChangeTable112('cell67')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell68"
                    @blur="onBlurChangeTable112('cell68')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell69"
                    @blur="onBlurChangeTable112('cell69')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell70"
                    @blur="onBlurChangeTable112('cell70')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell72"
                    @blur="onBlurChangeTable112('cell72')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell73"
                    @blur="onBlurChangeTable112('cell73')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell74"
                    @blur="onBlurChangeTable112('cell74')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell75"
                    @blur="onBlurChangeTable112('cell75')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell76"
                    @blur="onBlurChangeTable112('cell76')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell77"
                    @blur="onBlurChangeTable112('cell77')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell78"
                    @blur="onBlurChangeTable112('cell78')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell79"
                    @blur="onBlurChangeTable112('cell79')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table112.cell80"
                    @blur="onBlurChangeTable112('cell80')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell81"
                    @blur="onBlurChangeTable112('cell81')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell82"
                    @blur="onBlurChangeTable112('cell82')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell83"
                    @blur="onBlurChangeTable112('cell83')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell84"
                    @blur="onBlurChangeTable112('cell84')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table112.cell85"
                    @blur="onBlurChangeTable112('cell85')"
                  />
                </td>
              </tr>
            </tbody>
          </table>
          <textarea
            class="textareaInput"
            placeholder="您的评价:"
            :rows="8"
            v-model="chapter001.textareaVal"
            :maxlength="300"
            @blur="onBlurChangeText112"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
      <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-9</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>
      <div class="bodystyle">
        <p>走访的托育园一日生活保育要求及具体内容见表1-1-3。</p>
        <p class="img">表1-1-3　______托育园一日生活保育要求及具体内容</p>
        <p class="center">
          <img class="img-a" alt="" src="../image/0025-1.jpg" />
        </p>
        <div style="margin-bottom: 40px">
          <table class="table112 table113">
            <thead>
              <tr>
                <th>环节名称</th>
                <th>保育要求</th>
                <th>具体内容</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table113.name1"
                    @blur="onBlurChangeTable113('name1')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.demand1"
                    @blur="onBlurChangeTable113('demand1')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.content1"
                    @blur="onBlurChangeTable113('content1')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table113.name2"
                    @blur="onBlurChangeTable113('name2')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.demand2"
                    @blur="onBlurChangeTable113('demand2')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.content2"
                    @blur="onBlurChangeTable113('content2')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table113.name3"
                    @blur="onBlurChangeTable113('name3')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.demand3"
                    @blur="onBlurChangeTable113('demand3')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.content3"
                    @blur="onBlurChangeTable113('content3')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table113.name4"
                    @blur="onBlurChangeTable113('name4')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.demand4"
                    @blur="onBlurChangeTable113('demand4')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.content4"
                    @blur="onBlurChangeTable113('content4')"
                  />
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    v-model="chapter001.table113.name5"
                    @blur="onBlurChangeTable113('name5')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.demand5"
                    @blur="onBlurChangeTable113('demand5')"
                  />
                </td>
                <td>
                  <input
                    v-model="chapter001.table113.content5"
                    @blur="onBlurChangeTable113('content5')"
                  />
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <p>
          （4）通过与托育园老师的交流，你认为开展婴幼儿生活保育需要具备的知识和技能有哪些？
        </p>
        <div class="bk-tx">
          <el-input
          <textarea
            v-model="chapter001.textAreaItem.text17"
            style="border: 0"
            type="textarea"
            v-model="text18"
            :rows="4"
            placeholder="请输入内容"
          />
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text17')"
          ></textarea>
        </div>
        <p>
          （5）收集回访信息。调研执行完毕后，留下调研对象的联系方式，结束后如发现尚未解决的问题，可通过网络、电话等形式回访。
        </p>
        <h4 id="d006">
          ▶▶ 应用与实践<span class="fontsz1"
            >＞＞＞＞＞＞＞＞<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
          /></span>
          ▶▶ 应用与实践<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <div v-if="idOpenThree">
          <examinations :cardList="qustionData[9]" />
        </div>
        <p><b>论述题</b></p>
        <p>
          1.根据走访托育园所获得的信息，找出并概括托育园一日生活保育与《托育机构保育指导大纲（试行）》相对应的内容。
        </p>
        <div class="bk-tx">
          <textarea
            v-model="chapter001.radio.desc1"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc1')"
          ></textarea>
        </div>
        <p>
          2.走访托育园，谈谈你对《托育机构保育指导大纲（试行）》中的托育机构保育应遵循的尊重儿童、安全健康、积极回应、科学规范四个基本原则的理解。
        </p>
        <div class="bk-tx">
          <textarea
            v-model="chapter001.radio.desc2"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc2')"
          ></textarea>
        </div>
        <p>
          3.我们常说0～3岁的婴幼儿是最“柔软”的群体，我们该如何呵护这个群体？
        </p>
        <p><br /></p>
        <div class="bk-tx">
          <textarea
            v-model="chapter001.radio.desc3"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc3')"
          ></textarea>
        </div>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元一应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
          </div>
          <div
            v-if="chapter001.idOpenThree && chapter001.qustionData[9]"
            class="tips-file"
          >
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter001.qustionData[9]"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
@@ -458,55 +1384,197 @@
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
import customTable from "../components/customTable.vue";
import examinations from "@/components/examinations/index.vue";

export default {
  name: "chapter001",
  data() {
    return {
      videOneUrl: "",
      picOneUrl: require("../image/0018-1.jpg"),
      picArr: [require("../image/0018-1.jpg")],
      isOpenOne: false,
      idOpenThree: false,
      qustionData: {},
      text1: "",
      text2: "",
      text3: "",
      text4: "",
      text5: "",
      text6: "",
      text7: "",
      text8: "",
      text9: "",
      text10: "",
      text11: "",
      text12: "",
      text13: "",
      text14: "",
      text15: "",
      text16: "",
      text17: "",
      text18: "",
      chapter001: {
        videOneUrl:
          "https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53",
        picOneUrl: require("../image/0018-1.jpg"),
        picArr: [require("../image/0018-1.jpg")],
        isOpenOne: true,
        idOpenThree: true,
        qustionData: {},
        textAreaItem: {
          text1: "",
          text2: "",
          text3: "",
          text4: "",
          text5: "",
          text6: "",
          text7: "",
          text8: "",
          text9: "",
          text10: "",
          text11: "",
          text12: "",
          text13: "",
          text14: "",
          text15: "",
          text16: "",
          text17: "",
          text18: "",
        },
        radio: {},
        table111: {
          tbText1: "",
          tbText2: "",
          tbText3: "",
          tbText4: "",
          tbText5: "",
          tbText6: "",
          tbText7: "",
          tbText8: "",
          tbText9: "",
          tbText10: "",
        },
        table112: {
          cell1: "",
          cell2: "",
          cell3: "",
          cell4: "",
          cell5: "",
          cell6: "",
          cell7: "",
          cell8: "",
          cell9: "",
          cell10: "",
          cell11: "",
          cell12: "",
          cell13: "",
          cell14: "",
          cell15: "",
          cell16: "",
          cell17: "",
          cell18: "",
          cell19: "",
          cell20: "",
          cell21: "",
          cell22: "",
          cell23: "",
          cell24: "",
          cell25: "",
          cell26: "",
          cell27: "",
          cell28: "",
          cell29: "",
          cell30: "",
          cell31: "",
          cell32: "",
          cell33: "",
          cell34: "",
          cell35: "",
          cell36: "",
          cell37: "",
          cell38: "",
          cell39: "",
          cell40: "",
          cell41: "",
          cell42: "",
          cell43: "",
          cell44: "",
          cell45: "",
          cell46: "",
          cell47: "",
          cell48: "",
          cell49: "",
          cell50: "",
          cell51: "",
          cell52: "",
          cell53: "",
          cell54: "",
          cell55: "",
          cell56: "",
          cell57: "",
          cell58: "",
          cell58: "",
          cell60: "",
          cell61: "",
          cell62: "",
          cell63: "",
          cell64: "",
          cell65: "",
          cell66: "",
          cell67: "",
          cell68: "",
          cell69: "",
          cell70: "",
          cell72: "",
          cell73: "",
          cell74: "",
          cell75: "",
          cell76: "",
          cell77: "",
          cell78: "",
          cell79: "",
          cell80: "",
          cell81: "",
          cell82: "",
          cell83: "",
          cell84: "",
          cell85: "",
        },
        table113: {
          name1: "",
          name2: "",
          name3: "",
          name4: "",
          name5: "",
          demand1: "",
          demand2: "",
          demand3: "",
          demand4: "",
          demand5: "",
          content1: "",
          content2: "",
          content3: "",
          content4: "",
          content5: "",
        },
        textareaVal: "",
      },
    };
  },
  components: {
    examinations,
    customTable,
  },
  created() {
    this.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
    this.qustionData = getQuestionData(testData[1]);
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter001"));
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) };
    }

    this.chapter001.videOneUrl = getResourcePath(
      "68ebd5c05bcb742999a9ebdce4b4bd53"
    );
    this.chapter001.qustionData = await getQuestionData("1", testData[1]);
  },
  methods: {
    activityOne() {
      this.isOpenOne = !this.isOpenOne;
      this.chapter001.isOpenOne = !this.chapter001.isOpenOne;
    },
    activityThree() {
      this.idOpenThree = !this.idOpenThree;
      this.chapter001.idOpenThree = !this.chapter001.idOpenThree;
    },
    onBlurChange(val) {
      console.log(this.chapter001, "local");
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
    onBlurChangeTable(val) {
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
    onBlurChangeTable112(val) {
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
    onBlurChangeText112() {
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
    onBlurChangeTable113() {
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
    },
  },
};
</script>

<style lang="less" scoped></style>