嵌入式优化

闫增涛

2024-06-06 57ebfaedfe6364ab0c3beb1afe01c00fe2798a2c

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

@@ -41,6 +41,7 @@

        <h6 class="Conclusion-title2">
          <img
            data-imgurl="../../../assets/images/icon/gjc.png"
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/gjc.png"
@@ -48,18 +49,19 @@
          专题导学
        </h6>
        <p class="blockh6 m0-t0">
          <el-image
            alt=""
            :src="introductionImg"
            :preview-src-list="[introductionImg]"
            class="mb-20 open-image"
          />
          <span class="openImgBox">
            <img
              src="../../../assets/images/chapterOne/0014-1.jpg"
              data-imgurl="/books/book/img/0014-1.56a5dd0f.jpg"
              class="w100 mt-20"
            />
          </span>
        </p>
      </div>
    </div>
    <!-- 2 -->
    <div class="page-box" page="10">
      <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">
@@ -77,13 +79,40 @@
            <span class="fl fl-cn mb-20">
              <span class="learn-title-text">自主学习任务单：</span>
              <span class="t0">专题一学习主题一 运动系统自主学习任务单</span>
              <span class="t0" @click="changeResources('learnTbaleOne')">
                <img
              <span
                class="svg-btn t0"
                @click="changeResources('learnTbaleOne')"
              >
                <!-- <img
                  src="../../../assets/images/icon/document.png"
                  alt=""
                  style="margin-left: 10px"
                  class="btn"
                />
                /> -->
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="17"
                  viewBox="0 0 19.28 20.563"
                >
                  <g transform="translate(-109.056 -82.941)">
                    <path
                      class="a"
                      d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                      transform="translate(-3316.14 15289.201)"
                    />
                    <path
                      class="a"
                      d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                      transform="translate(-196.896 -148.921)"
                    />
                    <path
                      class="a"
                      d="M763.392,793.79l3.262-3.262h-3.262Z"
                      transform="translate(-638.661 -690.634)"
                    />
                  </g>
                </svg>
              </span>
            </span>
            <table
@@ -149,7 +178,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qOne"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -160,7 +188,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qTwo"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -171,7 +198,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qTHree"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -182,7 +208,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qFour"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -193,7 +218,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qFive"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -204,7 +228,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qSix"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -215,7 +238,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qSeven"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -226,7 +248,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qEight"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
@@ -237,7 +258,6 @@
                    rows="4"
                    v-model="chapterOneData.learnTableOne.qNine"
                    placeholder="请输入内容"
                    
                    class="w100 ta-br textarea-text"
                  ></textarea>
                </td>
@@ -257,13 +277,33 @@
            <span class="fl fl-cn mb-20">
              <span class="learn-title-text">视频：</span>
              <span class="t0">人体概述</span>
              <span class="t0" @click="changeResources('videoOne')">
                <img
              <span class="svg-btn t0" @click="changeResources('videoOne')">
                <!-- <img
                  src="../../../assets/images/icon/video.png"
                  alt=""
                  style="margin-left: 10px"
                  class="btn"
                />
                /> -->
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="16"
                  height="15"
                  viewBox="0 0 19.863 13.817"
                >
                  <g transform="translate(-40.961 -184.321)">
                    <path
                      class="a"
                      d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                      transform="translate(51.824 196.82) rotate(-90)"
                    />
                    <path
                      class="b"
                      d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                      transform="translate(-3269 15293.001)"
                    />
                  </g>
                </svg>
              </span>

              <!-- <svg  @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> -->
@@ -288,21 +328,33 @@
              <span class="learn-title-text">云测试：</span>
              <span class="t0">人体概述</span>
              <!-- <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg> -->
              <span class="t0" @click="changeResources('testOne')">
                <img
              <span class="svg-btn t0" @click="changeResources('testOne')">
                <!-- <img
                  src="../../../assets/images/icon/topic.png"
                  alt=""
                  style="margin-left: 10px"
                  class="btn"
                />
                /> -->
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="16"
                  height="16"
                  viewBox="0 0 20.115 19.988"
                >
                  <path
                    class="a"
                    d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z"
                    transform="translate(-3351.001 15212)"
                  />
                </svg>
              </span>
            </span>
            <examinations
              v-if="testOne && questionData"
              ref="examinationOne"
              :cardList="questionData[2]"
              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">
@@ -336,11 +388,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>
@@ -374,8 +426,8 @@
      </div>
    </div>
    <!-- 3 -->
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
    <div class="page-box" page="11" :show="showPageList.indexOf(11) > -1">
      <div v-show="showPageList.indexOf(11) > -1">
        <div class="page-header-box">
          <span class="page-header-text"
            >专题一&nbsp;学前儿童生理发展特点与保健</span
@@ -398,9 +450,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>
@@ -412,25 +461,37 @@
              <p>新生儿骨骼肌的质量仅占体重的1/5左右，随着年龄</p>
            </div>
            <div class="bottom-right" style="width: 35%">
              <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>
              <div class="mt-40">
                <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%">
                          <img
                            src="../../../assets/images/chapterOne/bones1.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <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%">
                          <img
                            src="../../../assets/images/chapterOne/bones3.png"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              </div>
              <p class="img">图1-2 成人脊柱模式图</p>
            </div>
          </div>
@@ -459,13 +520,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>
@@ -483,26 +544,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">
@@ -538,28 +603,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>
@@ -617,8 +689,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题一</span>
            <examinations
              :cardList="questionData[6]"
              v-if="questionData"
              :cardList="questionData[14]"
              v-if="questionData && questionData[14]"
              :chapter="1"
              :page="6"
            />
@@ -656,13 +728,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题二 呼吸系统自主学习任务单</span>
            <img
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableTwo')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
            <span class="svg-btn t0" @click="changeResources('learnTableTwo')">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
          </div>
          <table
            v-if="learnTableTwo"
@@ -862,11 +960,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>
@@ -937,11 +1035,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>
@@ -965,11 +1063,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>
@@ -1034,8 +1132,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题二</span>
            <examinations
              :cardList="questionData[9]"
              v-if="questionData"
              :cardList="questionData[17]"
              v-if="questionData && questionData[17]"
              :chapter="1"
              :page="9"
            />
@@ -1084,13 +1182,42 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题三 循环系统自主学习任务单</span>
            <img
            <span
              class="t0 svg-btn"
              @click="changeResources('learnTableThree')"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableThree')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableThree"
@@ -1290,12 +1417,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>
@@ -1331,11 +1457,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>
@@ -1386,11 +1512,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>
@@ -1499,8 +1625,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题三</span>
            <examinations
              :cardList="questionData[14]"
              v-if="questionData"
              :cardList="questionData[22]"
              v-if="questionData && questionData[22]"
              :chapter="1"
              :page="14"
            />
@@ -1512,13 +1638,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题四 消化系统自主学习任务单</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableFour')">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableFour')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableFour"
@@ -1726,11 +1878,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>
@@ -1790,21 +1942,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>
@@ -1950,8 +2100,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题四</span>
            <examinations
              :cardList="questionData[19]"
              v-if="questionData"
              :cardList="questionData[27]"
              v-if="questionData && questionData[27]"
              :chapter="1"
              :page="19"
            />
@@ -1992,13 +2142,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题五 学前儿童生理发育特点与保健</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableFive')">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableFive')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableFive"
@@ -2173,11 +2349,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>
@@ -2295,13 +2471,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题六 生殖系统自主学习任务单</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableSix')">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableSix')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableSix"
@@ -2464,21 +2666,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>
@@ -2534,8 +2736,8 @@
              >专题一 学习主题五、学习主题六</span
            >
            <examinations
              :cardList="questionData[24]"
              v-if="questionData"
              :cardList="questionData[32]"
              v-if="questionData && questionData[32]"
              :chapter="1"
              :page="24"
            />
@@ -2558,13 +2760,42 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题七 内分泌系统自主学习任务单</span>
            <img
            <span
              class="t0 svg-btn"
              @click="changeResources('learnTableSeven')"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableSeven')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableSeven"
@@ -2768,11 +2999,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>
@@ -2795,11 +3026,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>
@@ -2851,8 +3082,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题七</span>
            <examinations
              :cardList="questionData[26]"
              v-if="questionData"
              :cardList="questionData[34]"
              v-if="questionData && questionData[34]"
              :chapter="1"
              :page="26"
            />
@@ -2864,13 +3095,42 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题八 神经系统自主学习任务单</span>
            <img
            <span
              class="t0 svg-btn"
              @click="changeResources('learnTableEight')"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableEight')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableEight"
@@ -3058,11 +3318,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>
@@ -3127,22 +3387,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>
@@ -3205,11 +3464,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>
@@ -3235,11 +3494,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>
@@ -3308,8 +3567,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题一 学习主题八</span>
            <examinations
              :cardList="questionData[31]"
              v-if="questionData"
              :cardList="questionData[39]"
              v-if="questionData && questionData[39]"
              :chapter="1"
              :page="31"
            />
@@ -3373,13 +3632,39 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="learn-title-text">自主学习任务单：</span>
            <span class="t0">专题一学习主题九 感觉器官自主学习任务单</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableNine')">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="17"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </span>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableNine')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableNine"
@@ -3604,11 +3889,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>
@@ -3717,11 +4002,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>
@@ -3744,11 +4029,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>
@@ -4062,8 +4347,8 @@
            <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> -->
            <span class="img center dl-bl w100">专题一 学习主题九</span>
            <examinations
              :cardList="questionData[40]"
              v-if="questionData"
              :cardList="questionData[48]"
              v-if="questionData && questionData[48]"
              :chapter="1"
              :page="40"
            />
@@ -4275,16 +4560,16 @@
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
              :cardList="questionData[421]"
              v-if="questionData"
              :cardList="questionData[50][1]"
              v-if="questionData && questionData[50][1]"
              :chapter="1"
              :page="421"
            />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
            <examinations
              :cardList="questionData[422]"
              v-if="questionData"
              :cardList="questionData[50][2]"
              v-if="questionData && questionData[50][2]"
              :chapter="1"
              :page="422"
            />
@@ -4305,70 +4590,32 @@
    </div>
  </div>
</template>

<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";
import getQuestionData from "@/assets/methods/examination";
import testData from "../../../assets/examinationList";
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapter-one",
  components: { examinations },
  props: {
    showPageList:{
      type:Array,
      default:[]
    }
    showPageList: {
      type: Array,
      default: [],
    },
    questionData: {
      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: [
        require("../../../assets/images/chapterOne/bones1.png"),
        require("../../../assets/images/chapterOne/bones2.png"),
        require("../../../assets/images/chapterOne/bones3.png"),
      ],
      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"),
      ],
      bonesList: [],
      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,
      videoOne: true,
@@ -4381,7 +4628,6 @@
      learnTableSeven: true,
      learnTableEight: true,
      learnTableNine: true,
      questionData: {},
      pathOne: "",
      pathTwo: "",
      pathThree: "",
@@ -4536,25 +4782,23 @@
          },
        },
      },
      swiper: null,
    };
  },
  async mounted() {
    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();
    if (!this.isSearch) {
      this.getVideoPath();
      const localData = localStorage.getItem("chapterOneData");
      if (localData) {
        this.chapterOneData = JSON.parse(localData);
      }
    }, 1000);
    this.$data.questionData = await getQuestionData(
      "1",
      testData[1],
      this.config.activeBook
    );
      window.timerOne = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
    }
  },
  unmounted() {
    if (window.timerOne) {
@@ -4562,9 +4806,16 @@
    }
    localStorage.setItem("chapterOneData", JSON.stringify(this.chapterOneData));
  },
  watch: {
    showPageList: {
      handler(newVal, oldVal) {
        console.log(newVal, "章节接收内容");
      },
    },
  },
  methods: {
    changeResources(type) {
      console.log("点击", type, this.learnTbaleOne, this.$data.questionData);
      console.log("点击", this.$props.questionData);
      if (type == "learnTbaleOne") {
        this.$data.learnTbaleOne = !this.$data.learnTbaleOne;
      } else if (type == "videoOne") {
@@ -4589,29 +4840,45 @@
        this.$data.learnTableNine = !this.$data.learnTableNine;
      }
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1");
      this.$data.pathTwo = getResourcePath("e5993b62684fe55d13190cfe52bf00ed");
    async getVideoPath() {
      console.log(
        "pathOne",
        await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1")
      );
      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() {
      // 记录第一张输入数据
      console.log("20miao");
      this.saveTime = 20;
      console.log(this.chapterOneData);
      localStorage.setItem(
        "chapterOneData",
        JSON.stringify(this.chapterOneData)
@@ -4701,4 +4968,11 @@
  display: flex;
  justify-content: space-evenly;
}

.banshi {
  margin-top: 40px;
  width: 100%;
  height: 250px;
  margin: 0 auto;
}
</style>