学前儿童保存优化

闫增涛

2024-06-07 7944d624d5adf492a4a5ead068b2a88c707e2388

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

@@ -49,13 +49,7 @@
          专题导学
        </h6>
        <p class="blockh6 m0-t0">
          <!-- <el-image
            alt=""
            :src="introductionImg"
            :preview-src-list="[introductionImg]"
            class="mb-20 open-image"
          /> -->
          <span id="open-image" @click="openImage">
          <span class="openImgBox">
            <img
              src="../../../assets/images/chapterOne/0014-1.jpg"
              data-imgurl="/books/book/img/0014-1.56a5dd0f.jpg"
@@ -66,8 +60,8 @@
      </div>
    </div>
    <!-- 2 -->
    <div class="page-box" page="10"  :show="showPageList.indexOf(10) > -1">
      <div v-if="showPageList.indexOf(10) > -1">
    <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1">
      <div v-show="showPageList.indexOf(10) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
          <div class="header-num-box">
@@ -185,6 +179,7 @@
                    v-model="chapterOneData.learnTableOne.qOne"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >2.学前儿童的骨（骼）有什么特点？日常生活中应该如何保健？</span
@@ -195,6 +190,7 @@
                    v-model="chapterOneData.learnTableOne.qTwo"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >3.为什么学前儿童不宜从事拔河、攀岩、引体向上等活动？</span
@@ -205,6 +201,7 @@
                    v-model="chapterOneData.learnTableOne.qTHree"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >4.学前儿童骨骼肌有什么特点？运动过程中应该注意哪些事项？</span
@@ -215,6 +212,7 @@
                    v-model="chapterOneData.learnTableOne.qFour"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >5.幼儿园能组织幼儿练习写字吗？为什么？</span
@@ -225,6 +223,7 @@
                    v-model="chapterOneData.learnTableOne.qFive"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >6.学前儿童的关节有什么特点？日常生活中应该注意哪些问题？</span
@@ -235,6 +234,7 @@
                    v-model="chapterOneData.learnTableOne.qSix"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >7.什么是扁平足？怎样预防学前儿童形成扁平足？</span
@@ -245,6 +245,7 @@
                    v-model="chapterOneData.learnTableOne.qSeven"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >8.学前儿童运动系统的保育要点有哪些？</span
@@ -255,6 +256,7 @@
                    v-model="chapterOneData.learnTableOne.qEight"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >9.日常保教活动中，如何科学组织体育锻炼和户外活动？</span
@@ -265,6 +267,7 @@
                    v-model="chapterOneData.learnTableOne.qNine"
                    placeholder="请输入内容"
                    class="w100 ta-br textarea-text"
                    @input="saveChapterOneData"
                  ></textarea>
                </td>
              </tr>
@@ -357,11 +360,10 @@
              </span>
            </span>
            <examinations
              v-if="testOne && questionData"
              ref="examinationOne"
              :cardList="questionData[10]"
              v-if="testOne && questionData && questionData[10]"
              :chapter="1"
              :page="2"
              :page="10"
              :cardList="questionData[10]"
            />
          </div>
          <h2 class="module_block" id="b001" style="margin: 0">
@@ -382,6 +384,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br fm-st cl-66 fz-14"
                  @input="saveChapterOneData"
                ></textarea>
              </p>
              <p class="block">
@@ -395,11 +398,11 @@
                运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。
              </p>
              <div class="text-img-box">
                <div style="margin-right: 50px">
                  <el-image
                    :src="bonesImg"
                    :preview-src-list="[bonesImg]"
                    class="open-image"
                <div style="margin-right: 50px" class="openImgBox">
                  <img
                    src="../../../assets/images/chapterOne/0015-5.jpg"
                    class="w100"
                    alt=""
                  />
                  <span class="img">图1-1 人体全身骨骼（前面观）</span>
                </div>
@@ -434,7 +437,7 @@
    </div>
    <!-- 3 -->
    <div class="page-box" page="11" :show="showPageList.indexOf(11) > -1">
      <div v-if="showPageList.indexOf(11) > -1">
      <div v-show="showPageList.indexOf(11) > -1">
        <div class="page-header-box">
          <span class="page-header-text"
            >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -457,9 +460,6 @@
          <p class="text-left text-height lh2">
            学前儿童的骨盆和成人不同，还没长结实，在蹦跳时要注意安全。比如，幼儿从高处往硬地上跳，就可能导致组成骨盆的骨发生不易察觉的移位，使骨盆变形。若女童骨盆变形，将会直接影响成年后的正常生理功能，这一点应引起家长和教师的特别注意。
          </p>
          <p class="text-left text-height lh2">
            学前儿童的骨盆和成人不同，还没长结实，在蹦跳时要注意安全。比如，幼儿从高处往硬地上跳，就可能导致组成骨盆的骨发生不易察觉的移位，使骨盆变形。若女童骨盆变形，将会直接影响成年后的正常生理功能，这一点应引起家长和教师的特别注意。
          </p>
          <div class="fl">
            <div class="bottom-left" style="width: 65%">
              <h5 id="e005">5.脊柱的生理弯曲还未定型</h5>
@@ -472,34 +472,25 @@
            </div>
            <div class="bottom-right" style="width: 35%">
              <div class="mt-40">
                <div class="banshi openImgBox">
                  <div class="swiper-container">
                <div class="banshi openImgBox" style="height: 364px">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones1.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones2.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones3.png"
                          />
@@ -511,25 +502,6 @@
                  </div>
                </div>
              </div>
              <!-- <el-carousel
                trigger="click"
                class="bones-carousel carousel-image"
                arrow="always"
                indicator-position="none"
              >
                <el-carousel-item
                  v-for="(item, index) in bonesList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="bonesList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel> -->
              <p class="img">图1-2 成人脊柱模式图</p>
            </div>
          </div>
@@ -558,13 +530,13 @@

          <div class="fl">
            <div
              class="left fl fl-di fl-evenly"
              class="left fl fl-di fl-evenly openImgBox"
              style="width: 30%; margin-top: 5px"
            >
              <el-image
                :src="jointImg"
                :preview-src-list="[jointImg]"
                class="open-image"
              <img
                src="../../../assets/images/chapterOne/0017-1.jpg"
                alt=""
                class="w100"
              />
              <p class="img">图1-3 关节模式图</p>
            </div>
@@ -582,26 +554,30 @@
          </div>
          <div class="fl">
            <div class="left" style="width: 30%">
              <el-carousel
                loop
                trigger="click"
                class="bones-carousel carousel-image"
                arrow="always"
                indicator-position="none"
              >
                <el-carousel-item
                  v-for="(item, index) in footList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="footList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              <div class="banshi openImgBox">
                <div class="swiper-container swiper-img">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/foot-01.png"
                          alt="正常足"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/foot-02.png"
                          alt="扁平足"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
              <p class="img">图1-4 正常足和扁平足</p>
            </div>
            <div class="right" style="width: 70%; padding-left: 20px">
@@ -637,28 +613,35 @@
              为了保证学前儿童身心健康发育。不良体态，如驼背、严重脊柱侧弯等，导致胸廓畸形，可严重影响学前儿童的心肺发育，容易患呼吸系统疾病。体态不良的儿童也容易自卑，影响健全人格的形成。为防止脊柱、胸廓等骨骼变形，形成良好体态，须注意以下几点：婴儿不宜过早坐、站，不宜睡软床和久坐沙
            </p>
            <div class="right fl fl-cn fl-di" style="width: 55%">
              <!-- <el-image :src="sitImg" :preview-src-list="[sitImg]" /> -->
              <el-carousel
                loop
                trigger="click"
                class="posure-carousel carousel-image"
                style="width: 300px"
                arrow="always"
                indicator-position="none"
              >
                <el-carousel-item
                  v-for="(item, index) in posureList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="posureList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              <div class="banshi openImgBox">
                <div class="swiper-container swiper-img">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/posture-01.png"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/posture-02.png"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/posture-03.png"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
              <p class="img">图1-5 坐姿对脊柱的影响</p>
            </div>
          </div>
@@ -717,7 +700,7 @@
            <span class="img center dl-bl w100">专题一 学习主题一</span>
            <examinations
              :cardList="questionData[14]"
              v-if="questionData"
              v-if="questionData && questionData[14]"
              :chapter="1"
              :page="6"
            />
@@ -855,6 +838,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.学前儿童的鼻腔有什么特点?怎样进行科学保健?</span
@@ -866,6 +850,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.学前儿童的声带有什么特点?幼儿教师讲话为什么要轻声细语?</span
@@ -877,6 +862,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.学前儿童张口呼吸有哪些危害?怎样纠正?</span
@@ -888,6 +874,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">5.学前儿童的呼吸运动有什么特点?</span>
                <textarea
@@ -897,6 +884,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">6.学前儿童以什么模式的呼吸为主?</span>
                <textarea
@@ -906,6 +894,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">7.擤鼻涕的正确方法是什么?</span>
                <textarea
@@ -915,6 +904,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >8.针对学前儿童呼吸系统的特点，如何培养学前儿童良好的卫生习惯?</span
@@ -926,6 +916,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -970,6 +961,7 @@
              placeholder="请输入内容"
              maxlength="300"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              当家长及幼儿园教师发现孩子的鼻腔内有异物时，切勿紧张急躁，更不能严厉训斥和打骂孩子，以免孩子惊慌哭闹，将异物吸入下呼吸道，导致呼吸道异物的严重后果。同时，千万别用手、镊子等夹取鼻腔异物，这有可能致使异物越陷越深，难以取出，也很容易造成小孩鼻腔黏膜损伤，引起出血或发炎。而应设法劝阻孩子哭闹，改用口腔呼吸，然后迅速送往医院检查。本主题主要讲述学前儿童呼吸系统的生理特点及相关的保健知识，以便幼儿教师在教育教学活动中科学地对学前儿童的呼吸系统开展保健工作。
@@ -987,11 +979,11 @@
              <h4 id="d009">（一）呼吸器官的特点</h4>
              <h5 id="e012">1.鼻</h5>
            </div>
            <div class="right" style="width: 50%">
              <el-image
                :src="breathing"
                :preview-src-list="[breathing]"
                class="open-image"
            <div class="right openImgBox" style="width: 50%">
              <img
                src="../../../assets/images/chapterOne/0020-2.jpg"
                alt=""
                class="w100"
              />
              <p class="img">图1-6 呼吸系统示意图</p>
            </div>
@@ -1028,7 +1020,7 @@
            </div>
            <div class="right" style="width: 60%">
              <video
                :src="getResourcePath('163c06871b763954952d1cd74373c618')"
                :src="pathFive"
                poster="../../../assets/images/chapterOne/people-video-img.jpg"
                webkit-playsinline="true"
                x-webkit-airplay="true"
@@ -1062,11 +1054,11 @@
              </p>
            </div>
            <div class="right" style="width: 20%">
              <p class="center">
                <el-image
                  :src="throat"
                  :preview-src-list="[throat]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0021-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-7 喉腔模式图</p>
@@ -1090,11 +1082,11 @@
            学前儿童新陈代谢旺盛，在新陈代谢过程中，机体需氧量相对比成人多，只有加快呼吸频率才能满足自身对氧气的需求量，所以，年龄越小，呼吸频率越快。新生儿每分钟呼吸40～44次，1岁以内约30次，1～3岁25～30次，4～7岁约22次。不同年龄的人的呼吸频率见表1-1。
          </p>
          <p class="img">表1-1 不同年龄的人的呼吸频率</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0021-2.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
@@ -1160,7 +1152,7 @@
            <span class="img center dl-bl w100">专题一 学习主题二</span>
            <examinations
              :cardList="questionData[17]"
              v-if="questionData"
              v-if="questionData && questionData[17]"
              :chapter="1"
              :page="9"
            />
@@ -1317,6 +1309,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.循环系统由哪几个部分组成?各自的结构和功能是什么?</span
@@ -1328,6 +1321,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.学前儿童的心脏有什么特点?日常保教活动中应如何保健?</span
@@ -1339,6 +1333,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.学前儿童的血管有什么特点?日常保教活动中应如何保健?</span
@@ -1350,6 +1345,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >5.学前儿童的淋巴系统有什么特点?日常保教活动中应如何保健?</span
@@ -1361,6 +1357,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >6.为什么要预防学前儿童缺铁性贫血?怎样预防?</span
@@ -1372,6 +1369,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >7.如何组织幼儿参加适合年龄特点的体育锻炼和户外活动才利于其血液循环的保健?</span
@@ -1383,6 +1381,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >8.学前儿童会患动脉粥样硬化吗?如何早期预防动脉样硬化?</span
@@ -1394,6 +1393,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -1420,6 +1420,7 @@
              placeholder="请输入内容"
              maxlength="300"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              要想了解这些问题，就必须了解学前儿童循环系统的特点。本主题主要讲述学前儿童循环系统的生理知识，阐明科学开展学前儿童循环系统保健的要点，以帮助幼儿教师在教育教学活动中科学开展学前儿童循环系统的保健工作。
@@ -1444,12 +1445,11 @@
          <p>
            循环系统包括血液循环系统（心血管系统）和淋巴系统。血液循环系统由心脏和血管组成，血管包括动脉、静脉和毛细血管（见图1-8）。淋巴系统由淋巴管道、淋巴器官和淋巴组织组成。
          </p>
          <p class="center">
            <el-image
              :src="blood"
              :preview-src-list="[blood]"
              style="width: 60%"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0024-1.jpg"
              alt=""
              style="width: 80%"
            />
          </p>
          <p class="img">图1-8 血液循环示意图</p>
@@ -1485,11 +1485,11 @@
          <p>学前儿童的血液量及成分和成人不同。具体来说，有以下几方面不同。</p>
          <p>（1）血液量占体重的比例大于成人（见表1-2）</p>
          <p class="img">表1-2 不同年龄的血液量</p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0024-3.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
@@ -1540,11 +1540,11 @@
            由于婴幼儿心输出量少，而新陈代谢旺盛，为满足机体对血液的需求量，只有加快心率来保障供血量。年龄越小，心率越快。不同年龄的心率，如表1-3所示。
          </p>
          <p class="img">表1-3 不同年龄的心率</p>
          <p class="center">
            <el-image
              :src="tableThree"
              :preview-src-list="[tableThree]"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0025-1.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
@@ -1654,7 +1654,7 @@
            <span class="img center dl-bl w100">专题一 学习主题三</span>
            <examinations
              :cardList="questionData[22]"
              v-if="questionData"
              v-if="questionData && questionData[22]"
              :chapter="1"
              :page="14"
            />
@@ -1767,6 +1767,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.乳牙的结构特点是什么?除咀嚼食物外，乳牙还有哪些作用?</span
@@ -1778,6 +1779,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.乳牙一共有多少颗?什么时候全部出齐?</span
@@ -1789,6 +1791,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">4.什么叫龋齿?龋齿需要治疗吗?</span>
                <textarea
@@ -1798,6 +1801,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >5.为什么 3~6个月的婴儿容易发生“生理性流涎”?</span
@@ -1809,6 +1813,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">6.为什么新生儿容易溢奶?</span>
                <textarea
@@ -1818,6 +1823,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">7.学前儿童的肠道有什么特点?</span>
                <textarea
@@ -1827,6 +1833,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">8.日常生活中如何保护乳牙?</span>
                <textarea
@@ -1836,6 +1843,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >9.学前儿童消化系统的保健要点有哪些?</span
@@ -1847,6 +1855,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -1873,6 +1882,7 @@
              placeholder="请输入内容"
              maxlength="300"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              不断地为机体供应各种营养素是维持正常生理功能和促进生长发育的前提。而多种营养成分，尤其是产能营养素的结构比较复杂，摄入的食物不能直接为人体所用，必须通过消化系统将食物转变成结构简单的营养物质，才能供机体吸收、利用。学前儿童的消化系统发育尚不完善，需要成人根据其特点，合理喂养。本主题主要讲述学前儿童消化系统的生理知识，阐述对学前儿童消化系统进行保健的要点，以帮助幼儿教师在实际工作中科学开展学前儿童消化系统的保健工作。
@@ -1906,11 +1916,11 @@
              <h5 id="e020">1.牙齿</h5>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image
                  :src="digestion"
                  :preview-src-list="[digestion]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0028-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-9 消化系统模式图</p>
@@ -1970,21 +1980,19 @@
          </p>
          <p>每一颗乳牙和恒牙的萌出都有固定的时间，见表1-4、表1-5。</p>
          <p class="img">表1-4 乳牙萌出时间顺序（以月龄计算）</p>
          <p class="center">
            <el-image
              :src="tableFive"
              :preview-src-list="[tableFive]"
              style="width: 100%"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0029-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <p class="img">表1-5 恒牙萌出时间</p>
          <p class="center">
            <el-image
              :src="tableSix"
              :preview-src-list="[tableSix]"
              style="width: 100%"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0029-2.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h5 id="e021">2.舌</h5>
@@ -2131,7 +2139,7 @@
            <span class="img center dl-bl w100">专题一 学习主题四</span>
            <examinations
              :cardList="questionData[27]"
              v-if="questionData"
              v-if="questionData && questionData[27]"
              :chapter="1"
              :page="19"
            />
@@ -2275,6 +2283,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.学前儿童的肾脏有哪些特点?日常生活中应如何保健?</span
@@ -2286,6 +2295,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.学前儿童的膀胱有什么特点?这些特点导致哪些表现?</span
@@ -2297,6 +2307,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.为什么学前儿童容易出现遗尿现象?</span
@@ -2308,6 +2319,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >5.什么是上行性泌尿系统感染?应如何预防?</span
@@ -2319,6 +2331,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >6.学前儿童泌尿系统的日常保健要点有哪些?</span
@@ -2330,6 +2343,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -2356,6 +2370,7 @@
              placeholder="请输入内容"
              maxlength="300"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
          </div>
        </div>
@@ -2379,11 +2394,11 @@
          </div>
          <div class="fl fl-around">
            <div class="left" style="width: 35%">
              <p class="center" style="margin-top: 0">
                <el-image
                  :src="urology"
                  :preview-src-list="[urology]"
                  class="open-image"
              <p class="center openImgBox" style="margin-top: 0">
                <img
                  src="../../../assets/images/chapterOne/0033-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-10 泌尿系统模式图（男性）</p>
@@ -2602,6 +2617,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">2.学前儿童生殖系统有什么特点?</span>
                <textarea
@@ -2611,6 +2627,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.学前儿童生殖系统的日常保健措施有哪些?</span
@@ -2622,6 +2639,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.学前儿童生殖器官的清洁卫生工作有哪些注意要点?</span
@@ -2633,6 +2651,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >5.为什么要重视学前儿童早期性教育?如何开展?</span
@@ -2644,6 +2663,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -2670,6 +2690,7 @@
              placeholder="请输入内容"
              maxlength="300"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              儿童通常在两三岁时会对性产生好奇，他们想了解许多有关性差别的问题，如果大人对他们采取隐瞒或回避的态度，儿童心中就会产生“性是不可以知道的”观念，并对性产生不正当的好奇心。本主题主要讲述学前儿童生殖系统的生理特点及相关的保健知识，以帮助幼儿教师在教育教学过程中正确开展学前儿童生殖系统的保健工作。
@@ -2696,21 +2717,21 @@
          </p>
          <div class="fl">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  :src="man"
                  :preview-src-list="[man]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0036-1.png"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-11 男性生殖系统示意图</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="woman"
                  :preview-src-list="[woman]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0036-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-12 女性生殖系统示意图</p>
@@ -2767,7 +2788,7 @@
            >
            <examinations
              :cardList="questionData[32]"
              v-if="questionData"
              v-if="questionData && questionData[32]"
              :chapter="1"
              :page="24"
            />
@@ -2893,6 +2914,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">2.内分泌系统的功能有哪些?</span>
                <textarea
@@ -2902,6 +2924,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.什么是呆小病?哪些因素会影响甲状腺素的生理功能?</span
@@ -2913,6 +2936,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.学前儿童的脑垂体有什么特点?为什么睡眠不足会影响身高的增长?</span
@@ -2924,6 +2948,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">5.什么是侏症?</span>
                <textarea
@@ -2933,6 +2958,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >6.学前儿童内分泌系统的保健要点有哪些?资源小贴士?</span
@@ -2944,6 +2970,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -2970,6 +2997,7 @@
              placeholder="请输入内容"
              maxlength="300"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              专家提醒，想要孩子长高，除了注意营养、运动、睡眠等外，还要注意某些疾病，尤其是内分泌系统疾病，它是影响孩子身高最常见的疾病因素。本主题主要讲述学前儿童内分泌系统的生理特点及相关的保健知识，以帮助幼儿教师科学安排幼儿的生活，保障学前儿童内分泌系统的正常发育和良好发展。
@@ -3029,11 +3057,11 @@
              </p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="endocrineImg"
                  :preview-src-list="[endocrineImg]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0038-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-13 内分泌系统示意图</p>
@@ -3056,11 +3084,11 @@
              </p>
            </div>
            <div class="right" style="width: 36%">
              <p class="center">
                <el-image
                  :src="stature"
                  :preview-src-list="[stature]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0038-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-14 成年侏儒症患者与正常成人的身高比较</p>
@@ -3113,7 +3141,7 @@
            <span class="img center dl-bl w100">专题一 学习主题七</span>
            <examinations
              :cardList="questionData[34]"
              v-if="questionData"
              v-if="questionData && questionData[34]"
              :chapter="1"
              :page="26"
            />
@@ -3229,6 +3257,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.什么是神经元?神经元由哪几部分组成?神经元的功能是什么?</span
@@ -3240,6 +3269,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">3.什么是脊髓?脊髓的功能是什么?</span>
                <textarea
@@ -3249,6 +3279,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">4.什么是反射?反射分为哪两类?</span>
                <textarea
@@ -3258,6 +3289,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >5.脑由哪几个部分结构?各部分的功能是什么?</span
@@ -3269,6 +3301,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">6.学前儿童神经系统的特点有哪些?</span>
                <textarea
@@ -3278,6 +3311,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >7.日常生活中，如何对学前儿童的神经系统进行保健?</span
@@ -3289,6 +3323,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -3315,6 +3350,7 @@
              placeholder="请输入内容"
              maxlength="300"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              本主题讲述学前儿童神经系统的生理特点和相关的保教知识，以帮助幼儿教师在实际工作中科学组织教育活动，合理开发儿童的智力。
@@ -3348,11 +3384,11 @@
              </p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  :src="nerve"
                  :preview-src-list="[nerve]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0040-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img cneter">图1-15 神经元模式图</p>
@@ -3417,22 +3453,21 @@
          <p>
            大脑分左、右两半球（见图1-16），表面凹凸不平，凹陷处称为“沟”，隆起处称为“回”，“沟”与“回”大大增加了大脑的表面积。较大的沟有中央沟、大脑外侧沟和顶枕沟，这些沟将大脑表面分成额叶、顶叶、颞叶和枕叶四部分。
          </p>
          <p class="center">
            <el-image
              :src="brainImg"
              :preview-src-list="[brainImg]"
              style="width: 70%"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0041-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <p class="img">图1-16 大脑左、右两半球的功能比较</p>
          <div class="fl fl-around">
            <div class="left" style="width: 48%; margin-right: 10px">
              <p class="center">
                <el-image
                  :src="brainsImg"
                  :preview-src-list="[brainsImg]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0041-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-17 大脑皮层分区图</p>
@@ -3495,11 +3530,11 @@
            自主神经可分为交感神经和副交感神经两类，它们分布于同一器官，作用相反，相互制约，使内脏器官的活动协调、准确（见表1-6）。
          </p>
          <p class="img">表1-6 交感神经和副交感神经的作用与区别</p>
          <p class="center">
            <el-image
              :src="tableNine"
              :preview-src-list="[tableNine]"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0042-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h3 id="c016">二、学前儿童神经系统的特点＞＞＞＞＞＞</h3>
@@ -3525,11 +3560,11 @@
            脑的迅速生长可从脑质量的变化上得到反映。不同年龄脑质量的变化见表1-7。
          </p>
          <p class="img">表1-7 不同年龄脑质量的变化</p>
          <p class="center">
            <el-image
              :src="tableTen"
              :preview-src-list="[tableTen]"
              class="open-image"
          <p class="center openImgBox">
            <img
              src="../../../assets/images/chapterOne/0043-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h4 id="d057">（二）中枢神经系统的发育不均衡</h4>
@@ -3599,7 +3634,7 @@
            <span class="img center dl-bl w100">专题一 学习主题八</span>
            <examinations
              :cardList="questionData[39]"
              v-if="questionData"
              v-if="questionData && questionData[39]"
              :chapter="1"
              :page="31"
            />
@@ -3758,6 +3793,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.眼、耳、皮肤各自的组成结构是什么?它们各有什么功能?</span
@@ -3769,6 +3805,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.学前儿童的眼球有什么特点?如何进行眼的保健?</span
@@ -3780,6 +3817,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.什么叫生理性近视?如何预防和纠正?</span
@@ -3791,6 +3829,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >5.学前儿童的耳朵有什么特点?如何进行耳的保健?</span
@@ -3802,6 +3841,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">6.如何预防中耳炎?</span>
                <textarea
@@ -3811,6 +3851,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >7.学前儿童的皮肤有什么特点?如何进行皮肤保健?</span
@@ -3822,6 +3863,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >8.学前儿童的鼻、舌有什么特点?如何进行鼻、舌的保健?</span
@@ -3833,6 +3875,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -3859,6 +3902,7 @@
              placeholder="请输入内容"
              maxlength="300"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              相关调查发现，幼儿的视力问题已经成为越来越多的家长和幼儿的困扰，而且有年龄趋小的表现。幼儿视力的保护刻不容缓。本主题主要讲述学前儿童感觉器官的生理知识及保育保健要点，以帮助幼儿教师了解如何促进学前儿童感觉器官的正常发育和良好发展。
@@ -3920,11 +3964,11 @@
              <h5 id="e036">1.眼球的前后径较短</h5>
            </div>
            <div class="right" style="width: 35%">
              <p class="center">
                <el-image
                  :src="eyesImg"
                  :preview-src-list="[eyesImg]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0046-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-18 眼球结构模式图</p>
@@ -4033,11 +4077,11 @@
              </p>
            </div>
            <div class="right" style="width: 58%">
              <p class="center">
                <el-image
                  :src="ersImg"
                  :preview-src-list="[ersImg]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0048-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-19 耳的结构图</p>
@@ -4060,11 +4104,11 @@
              <h5 id="e046">3.耳蜗的感受性较强</h5>
            </div>
            <div class="right" style="width: 48%">
              <p class="center">
                <el-image
                  :src="erImg"
                  :preview-src-list="[erImg]"
                  class="open-image"
              <p class="center openImgBox">
                <img
                  src="../../../assets/images/chapterOne/0048-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-20 成人和学前儿童咽鼓管之比较</p>
@@ -4379,7 +4423,7 @@
            <span class="img center dl-bl w100">专题一 学习主题九</span>
            <examinations
              :cardList="questionData[48]"
              v-if="questionData"
              v-if="questionData && questionData[48]"
              :chapter="1"
              :page="40"
            />
@@ -4395,6 +4439,7 @@
              type="text"
              class="judge-input"
              v-model="chapterOneData.question.judge.qOne"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -4418,6 +4463,7 @@
              type="text"
              class="judge-input"
              v-model="chapterOneData.question.judge.qTwo"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -4425,6 +4471,8 @@
              type="text"
              class="judge-input"
              v-model="chapterOneData.question.judge.qThree"
              @input="saveChapterOneData"
              
            />）
          </p>
          <p class="block">
@@ -4432,6 +4480,7 @@
              type="text"
              class="judge-input"
              v-model="chapterOneData.question.judge.qFour"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block"><b>二、填空</b></p>
@@ -4440,10 +4489,12 @@
              type="text"
              class="lineInput completion-input"
              v-model="chapterOneData.question.fill.qOne.one"
              @input="saveChapterOneData"
            />的正常发育。幼儿过于肥胖，走路、站立时间过长，或负重过度，都可能导致足弓塌陷，引起<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterOneData.question.fill.qOne.two"
              @input="saveChapterOneData"
            />。
          </p>
          <p class="block">
@@ -4451,10 +4502,12 @@
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qTwo.one
              @input="saveChapterOneData"
            />的力量，促进胸廓和肺的正常发育，增加其<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qTwo.two
              @input="saveChapterOneData"
            />。
          </p>
          <p class="block">
@@ -4462,10 +4515,12 @@
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.one
              @input="saveChapterOneData"
            />较差，所以，婴幼儿用药剂量要比成人小；学前儿童肝糖原储存较少，饥饿时易发生<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.two
              @input="saveChapterOneData"
            />；学前儿童的胆汁分泌也较少，因此对差。
          </p>
          <p class="block">
@@ -4473,17 +4528,20 @@
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.one
              @input="saveChapterOneData"
            />过程强于<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.two
              @input="saveChapterOneData"
            />过程。
          </p>
          <p class="block">
            5.为保护学前儿童的视力，要定期为学前儿童调换座位，以防<input
              type="text"
              class="lineInput completion-input"
            />或<input type="text" class="lineInput completion-input" />。
              @input="saveChapterOneData"
            />或<input type="text" class="lineInput completion-input" @input="saveChapterOneData" />。
          </p>
          <p class="block"><b>三、思考</b></p>
          <p class="block">
@@ -4494,6 +4552,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterOneData.question.short.qOne"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">2.学前儿童声带有什么特点？怎样保护声带？</p>
          <textarea
@@ -4501,6 +4560,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterOneData.question.short.qTwo"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">3.乳牙有哪些生理功能？如何保护乳牙？</p>
          <textarea
@@ -4508,6 +4568,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterOneData.question.short.qThree"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">4.学前儿童皮肤有哪些特点？如何保护皮肤？</p>
          <textarea
@@ -4515,6 +4576,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterOneData.question.short.qFour"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">5.学前儿童的眼睛有哪些生理特点？如何保护眼睛？</p>
          <textarea
@@ -4522,6 +4584,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterOneData.question.short.qFive"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">6.学前儿童的耳有哪些生理特点？怎样保护耳？</p>
          <textarea
@@ -4529,6 +4592,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterOneData.question.short.qSix"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">
            7.训练学前儿童嗅觉、味觉和触觉有哪些意义？如何训练？
@@ -4538,6 +4602,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterOneData.question.short.qSeven"
            @input="saveChapterOneData"
          ></textarea>
          <div>
            <p class="custom_tag">•应用与探讨•</p>
@@ -4592,7 +4657,7 @@
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
              :cardList="questionData[50][1]"
              v-if="questionData"
              v-if="questionData && questionData[50][1]"
              :chapter="1"
              :page="421"
            />
@@ -4600,7 +4665,7 @@
            <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
            <examinations
              :cardList="questionData[50][2]"
              v-if="questionData"
              v-if="questionData && questionData[50][2]"
              :chapter="1"
              :page="422"
            />
@@ -4614,6 +4679,7 @@
              placeholder="请输入内容"
              maxlength="800"
              class="w100 ta-br textarea-text"
              @input="saveChapterOneData"
            ></textarea>
          </p>
        </div>
@@ -4623,65 +4689,29 @@
</template>
<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";

import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapter-one",
  components: { examinations },
  props: {
    showPageList: {
      type: Array,
      default: []
      default: [],
    },
    questionData: {
      type: Object
    }
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      // 学习一
      introductionImg: require("../../../assets/images/chapterOne/0014-1.jpg"),
      bonesImg: require("../../../assets/images/chapterOne/0015-5.jpg"),
      foot1: require("../../../assets/images/chapterOne/foot-01.png"),
      foot2: require("../../../assets/images/chapterOne/foot-02.png"),
      jointImg: require("../../../assets/images/chapterOne/0017-1.jpg"),
      footImg: require("../../../assets/images/chapterOne/0017-2.jpg"),
      sitImg: require("../../../assets/images/chapterOne/0018-1.jpg"),
      bonesList: [],
      footList: [
        require("../../../assets/images/chapterOne/foot-01.png"),
        require("../../../assets/images/chapterOne/foot-02.png")
      ],
      posureList: [
        require("../../../assets/images/chapterOne/posture-01.png"),
        require("../../../assets/images/chapterOne/posture-02.png"),
        require("../../../assets/images/chapterOne/posture-03.png")
      ],
      resourceState: "",
      type: "option",
      snipaste: require("../../../assets/images/chapterOne/snipaste.png"),
      breathing: require("../../../assets/images/chapterOne/0020-2.jpg"),
      throat: require("../../../assets/images/chapterOne/0021-1.jpg"),
      tableOne: require("../../../assets/images/chapterOne/0021-2.jpg"),
      blood: require("../../../assets/images/chapterOne/0024-1.jpg"),
      tableTwo: require("../../../assets/images/chapterOne/0024-3.jpg"),
      tableThree: require("../../../assets/images/chapterOne/0025-1.jpg"),
      digestion: require("../../../assets/images/chapterOne/0028-1.jpg"),
      tableFive: require("../../../assets/images/chapterOne/0029-1.jpg"),
      tableSix: require("../../../assets/images/chapterOne/0029-2.jpg"),
      urology: require("../../../assets/images/chapterOne/0033-1.jpg"),
      man: require("../../../assets/images/chapterOne/0036-1.jpg"),
      woman: require("../../../assets/images/chapterOne/0036-2.jpg"),
      endocrineImg: require("../../../assets/images/chapterOne/0038-1.jpg"),
      stature: require("../../../assets/images/chapterOne/0038-2.jpg"),
      nerve: require("../../../assets/images/chapterOne/0040-1.jpg"),
      brainImg: require("../../../assets/images/chapterOne/0041-1.jpg"),
      brainsImg: require("../../../assets/images/chapterOne/0041-2.jpg"),
      tableNine: require("../../../assets/images/chapterOne/0042-1.jpg"),
      tableTen: require("../../../assets/images/chapterOne/0043-1.jpg"),
      eyesImg: require("../../../assets/images/chapterOne/0046-2.jpg"),
      ersImg: require("../../../assets/images/chapterOne/0048-1.jpg"),
      erImg: require("../../../assets/images/chapterOne/0048-2.jpg"),
      img: require("@/books/childHealth/assets/images/chapterOne/0014-1.jpg"),
      productLinkPath: "",
      learnTbaleOne: true,
@@ -4705,7 +4735,6 @@
      pathEight: "",
      pathNine: "",
      pathTen: "",
      saveTime: 20,
      chapterOneData: {
        experienceOne: "",
        experienceTwo: "",
@@ -4726,7 +4755,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableTwo: {
          qOne: "",
@@ -4737,7 +4766,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableThree: {
          qOne: "",
@@ -4748,7 +4777,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableFour: {
          qOne: "",
@@ -4759,7 +4788,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableFive: {
          qOne: "",
@@ -4770,14 +4799,14 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableSix: {
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: ""
          qFive: "",
        },
        learnTableSeven: {
          qOne: "",
@@ -4786,7 +4815,7 @@
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: ""
          qSeven: "",
        },
        learnTableEnight: {
          qOne: "",
@@ -4797,7 +4826,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableNine: {
          qOne: "",
@@ -4807,36 +4836,36 @@
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: ""
          qEight: "",
        },
        question: {
          judge: {
            qOne: "",
            qTwo: "",
            qThree: "",
            qFour: ""
            qFour: "",
          },
          fill: {
            qOne: {
              one: "",
              two: ""
              two: "",
            },
            qTwo: {
              oen: "",
              two: ""
              two: "",
            },
            qThree: {
              one: "",
              two: ""
              two: "",
            },
            qFour: {
              one: "",
              two: ""
              two: "",
            },
            qFive: {
              one: "",
              two: ""
            }
              two: "",
            },
          },
          short: {
            qOne: "",
@@ -4845,48 +4874,24 @@
            qFour: "",
            qFive: "",
            qSix: "",
            qSeven: ""
          }
        }
            qSeven: "",
          },
        },
      },
      swiper: null
      swiper: null,
    };
  },
  async mounted() {
    this.getResourcePath = getResourcePath;
    this.getVideoPath();
    const localData = localStorage.getItem("chapterOneData");
    if (localData) {
      this.chapterOneData = JSON.parse(localData);
    }
    window.timerOne = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
      }
    }, 1000);
    // this.$data.questionData = await getQuestionData(
    //   "1",
    //   testData[1],
    //   this.config.activeBook
    // );
  },
  unmounted() {
    if (window.timerOne) {
      clearInterval(window.timerOne);
    }
    localStorage.setItem("chapterOneData", JSON.stringify(this.chapterOneData));
  },
  watch: {
    showPageList: {
      handler(newVal, oldVal) {
        console.log(newVal, "章节接收内容");
    if (!this.isSearch) {
      this.getVideoPath();
      const localData = localStorage.getItem("chapterOneData");
      if (localData) {
        this.chapterOneData = JSON.parse(localData);
      }
    }
  },
  methods: {
    changeResources(type) {
      console.log("点击", this.$props.questionData);
      if (type == "learnTbaleOne") {
        this.$data.learnTbaleOne = !this.$data.learnTbaleOne;
      } else if (type == "videoOne") {
@@ -4911,54 +4916,45 @@
        this.$data.learnTableNine = !this.$data.learnTableNine;
      }
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1");
      this.$data.pathTwo = getResourcePath("e5993b62684fe55d13190cfe52bf00ed");
    async getVideoPath() {
      this.$data.pathOne = await getResourcePath(
        "f6f6588a75086576b87bed2fb9ca1ec1"
      );
      this.$data.pathTwo = await getResourcePath(
        "e5993b62684fe55d13190cfe52bf00ed"
      );
      this.$data.pathThree = getResourcePath(
        "6b6d42213aa85aa5ff7724aaf96ffee6"
      );
      this.$data.pathFour = getResourcePath("17fb1555f98c8fceabce5ff75077af58");
      this.$data.pathFive = getResourcePath("163c06871b763954952d1cd74373c618");
      this.$data.pathSix = getResourcePath("1d57d897974b22f7f3191f4073ea0641");
      this.$data.pathSeven = getResourcePath(
      this.$data.pathFour = await getResourcePath(
        "17fb1555f98c8fceabce5ff75077af58"
      );
      this.$data.pathFive = await getResourcePath(
        "163c06871b763954952d1cd74373c618"
      );
      this.$data.pathSix = await getResourcePath(
        "1d57d897974b22f7f3191f4073ea0641"
      );
      this.$data.pathSeven = await getResourcePath(
        "e67262b8e73ca5b05374b903defd874f"
      );
      this.$data.pathEight = getResourcePath(
      this.$data.pathEight = await getResourcePath(
        "6731ebf8ea78297eedcb56521726481d"
      );
      this.$data.pathNine = getResourcePath("5ef5496040abee4013a5f61e3c5b42b9");
      this.$data.pathTen = getResourcePath("4afe59338bb841a498593cbe458c7d7d");
      this.$data.pathNine = await getResourcePath(
        "5ef5496040abee4013a5f61e3c5b42b9"
      );
      this.$data.pathTen = await getResourcePath(
        "4afe59338bb841a498593cbe458c7d7d"
      );
    },
    saveChapterOneData() {
      // 记录第一张输入数据
      this.saveTime = 20;
      localStorage.setItem(
        "chapterOneData",
        JSON.stringify(this.chapterOneData)
      );
    },

    openImage() {
      let container = document.getElementById("open-image");
      let viewr = new Viewer(container, {
        inline: false, // 是否以内联方式显示预览
        url: "data-imgurl",
        toolbar: {
          zoomIn: 1, // 是否显示放大按钮
          zoomOut: 1, // 是否显示缩小按钮
          oneToOne: 1, // 是否显示实际大小按钮
          reset: 1, // 是否显示重置按钮
          prev: 1, // 是否显示上一页按钮
          play: 0, // 是否显示播放按钮
          next: 1, // 是否显示下一页按钮
          rotateLeft: 0, // 是否显示向左旋转按钮
          rotateRight: 0, // 是否显示向右旋转按钮
          flipHorizontal: 0, // 是否显示水平翻转按钮
          flipVertical: 0 // 是否显示垂直翻转按钮
        }
      });
    }
  }
  },
};
</script>