0~3 岁婴幼儿认知与语言发展及教育样章完成

zhongshujie

1 天以前 263992109e5b4d76e545fc2bc4e2e1753af22567

 src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue

@@ -4,10 +4,13 @@
    <div class="page-box" page="163">
      <div v-if="showPageList.indexOf(163) > -1">
        <div class="UnitCover">
          <h1 class="seriesTitle">第五章&nbsp;</h1>
          <h1 class="seriesTitle mb-20">
            婴幼儿常见运动伤害的处理与急救&nbsp;
          </h1>
          <div class="seriesTitle">
            <span style="margin-right: 0px;">第五章</span>
          </div>
          <br />
          <div class="seriesTitle mb-20">
            <span style="margin-right: 70px;">婴幼儿常见运动伤害的处理与急救</span>
          </div>
          <p class="rotate-up">^</p>
          <p class="rotate-down">v</p>
          <p class="rotate-down">v</p>
@@ -16,12 +19,12 @@
          <p class="rotate-down">v</p>
          <p class="rotate-down">v</p>
          <p class="rotate-down mb-20">v</p>
          <p class="content">
          <p class="content td-0">
            <img class="g-pic" src="../../assets/images/0013_01.jpg" alt="" />
          </p>
          <p class="quotation">1．理解运动伤害处理的原则。</p>
          <p class="quotation">2．掌握运动伤害的判断与处理方法。</p>
          <p class="content">
          <p class="content td-0">
            <img class="g-pic" src="../../assets/images/0013_02.jpg" alt="" />
          </p>
          <div class="bodyPic openImgBox">
@@ -32,7 +35,7 @@
              active="true"
            />
          </div>
          <p class="content">
          <p class="content td-0">
            <img class="g-pic" src="../../assets/images/0013_04.jpg" alt="" />
          </p>
          <p class="quotation">
@@ -82,21 +85,26 @@
            <p class="content">
              运动伤害事件出现后正确的判断和处理流程对救护的效果起着决定性作用。幼教机构和家长应熟悉正确的处理流程，为应对紧急情况做好准备。幼教机构应提前制订运动伤害事件紧急处理程序预案。预案里应包括不同运动伤害事件的类型、疏散、急救常识和处理流程等。在出现运动伤害事件后可以按照以下流程处理。
            </p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
          </div>
          <ul class="header-right">
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">155</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">155</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -188,7 +196,9 @@
            <p class="content td-0">
              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
            </p>
            <p class="imgdescript">急性运动伤害遵循PRICE原则（见图5-3）</p>
            <p class="imgdescript-title">
              急性运动伤害遵循PRICE原则（见图5-3）
            </p>
            <div class="img-rights w210 openImgBox`">
              <img
                src="../../assets/images/0169-03.jpg"
@@ -220,16 +230,18 @@
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">157</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">167</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -267,7 +279,7 @@
              3．冰敷还是热敷？一般热敷可以刺激血液流动，放松肌肉，总体上能产生镇静的作用，从而促进治疗。但是受伤后立刻热敷会使肿胀更严重、增强疼痛感、延缓伤口愈合过程。所以受伤处理方式是先冰敷，48小时后肿胀和疼痛感减轻后，再使用热敷的方法。
            </p>
            <p class="poemtitle-l">（二）开放性软组织损伤</p>
            <div class="img-rights w200 openImgBox mt-20">
            <div class="img-rights w200 openImgBox">
              <img
                src="../../assets/images/0170-01.jpg"
                style="width: 100%"
@@ -329,21 +341,27 @@
                动脉出血：由于动脉血管内压力较高，所以出血时呈泉涌、搏动性，尤其是大的动脉血管破裂，血液呈喷射状，颜色鲜红，常在短时内造成大量失血，易引起生命危险。
              </p>
            </span>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
          </div>
          <ul class="header-right">
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">159</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">159</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -362,24 +380,46 @@
          <div class="bodystyle">
            <p class="poemtitle-l">（一）止血方法</p>
            <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：婴幼儿出血处理</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '758EFE380803FE03E335BBBE8204F0BC'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
              <p class="center text td-0">
                <video
                  :src="videoPathOne"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video"
                  style="border-radius: 10px"
                ></video>
              </p>
              <p class="center videoname">
                <span>视频：婴幼儿出血处理</span>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="
                    chapterData.isCollectVideoOne ? '点击取消' : '点击收藏'
                  "
                  placement="top-start"
                >
                  <img
                    :src="
                      collectResourceList.findIndex(
                        (item) => item.id == '758EFE380803FE03E335BBBE8204F0BC'
                      ) > -1
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect('video-01')"
                  />
                </el-tooltip>
              </p>
            </div>
            <p class="content">1．指压止血法</p>
            <p class="content">
              在伤口的上方，即近心端，找到跳动的血管，用手指紧紧压住。在不能使用止血带的部位，在身边没有器材或紧急情况下，可暂用指压止血法。此法为紧急的临时止血法，与此同时，应准备材料换用其他止血方法。采用此法，救护人必须熟悉各部位血管出血的压迫点。
@@ -521,22 +561,30 @@
            <p class="content">
              用于腹股沟、腋窝、鼻腔出血或一些大而深的伤口。应先用无菌纱布或洁净的布料填塞伤口，再选用加压包扎止血法。
            </p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
          </div>
          <ul class="header-right">
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>

            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">161</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">161</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -605,16 +653,18 @@
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">163</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">163</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -747,21 +797,25 @@
                5．股骨骨折固定：选用长木板两块，将大腿小腿连同腰部齐平，一起固定。置于大腿前后长达腰部，并将踝关节一起固定，以防这两部位活动引起骨折错位（见图5-21、图5-22）。
              </p>
            </span>
            <p><br /></p>
            <p><br /></p>
          </div>
          <ul class="header-right">
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">165</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">165</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -850,24 +904,46 @@
              </div>
            </div>
            <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频： 婴幼儿骨折处理流程</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '672F54E4542A0BB15AE6DAD12C1AA74C'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
              <p class="center text td-0">
                <video
                  :src="videoPathTwo"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video"
                  style="border-radius: 10px"
                ></video>
              </p>
              <p class="center videoname">
                <span>视频： 婴幼儿骨折处理流程</span>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="
                    chapterData.isCollectVideoTwo ? '点击取消' : '点击收藏'
                  "
                  placement="top-start"
                >
                  <img
                    :src="
                      collectResourceList.findIndex(
                        (item) => item.id == '672F54E4542A0BB15AE6DAD12C1AA74C'
                      ) > -1
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect('video-02')"
                  />
                </el-tooltip>
              </p>
            </div>
            <p class="poemtitle-l">（三）脊柱损伤搬运方法</p>
            <p class="content">
              只要怀疑有脊柱损伤就应按脊柱损伤情况处理，将脊柱不稳定的患儿仰卧固定在一块坚硬长背板上并将其放置在中心直线位置，即头部、颈部、躯干、骨盆应以中心直线位置逐一固定，保持脊柱伸直位，严禁弯曲或扭转。
@@ -903,24 +979,46 @@
              <p class="imgdescript">图5-24　脊柱损伤搬运</p>
            </div>
            <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频： 婴幼儿脊柱损伤搬运方法</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '52D13E40E39BA98987EC269C1F41C16E'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
              <p class="center text td-0">
                <video
                  :src="videoPathThree"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video"
                  style="border-radius: 10px"
                ></video>
              </p>
              <p class="center videoname">
                <span>视频： 婴幼儿脊柱损伤搬运方法</span>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="
                    chapterData.isCollectVideoThree ? '点击取消' : '点击收藏'
                  "
                  placement="top-start"
                >
                  <img
                    :src="
                      collectResourceList.findIndex(
                        (item) => item.id == '52D13E40E39BA98987EC269C1F41C16E'
                      ) > -1
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect('video-03')"
                  />
                </el-tooltip>
              </p>
            </div>
            <p class="content td-0">
              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
            </p>
@@ -934,21 +1032,24 @@
            <p class="content">
              心脏骤停一旦发生，如得不到即刻及时地抢救复苏，4～6分钟后会造成患儿脑和其他人体重要器官组织的不可逆的损害，因此心脏骤停后的心肺复苏必须在现场立即进行。心脏复苏通俗地讲就是当患儿停止呼吸和心停时，用人工呼吸和闭胸按压进行抢救的一种技术。人在心脏病、溺水、车祸、药物中毒、高血压、触电、异物堵塞时都可能会心脏骤停，呼吸停止，均可用心肺复苏术来抢救。其处置流程如下。
            </p>
            <p><br /></p>
          </div>
          <ul class="header-right">
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">167</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">167</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -1020,24 +1121,46 @@
              5．停止心肺复苏的指征。在施救的同时也要时刻观察患儿的生命体征。触摸患儿的手足，若温度有所回升，则进一步触摸颈动脉，发现有搏动即可停止心肺复苏，尽快把患儿送往医院进行进一步的治疗。
            </p>
            <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频： 婴幼儿心跳呼吸骤停处理</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '1DA74ED152C683BF7716A53EAAF304E9'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
              <p class="center text td-0">
                <video
                  :src="videoPathFour"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video"
                  style="border-radius: 10px"
                ></video>
              </p>
              <p class="center videoname">
                <span>视频： 婴幼儿心跳呼吸骤停处理</span>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="
                    chapterData.isCollectVideoFour ? '点击取消' : '点击收藏'
                  "
                  placement="top-start"
                >
                  <img
                    :src="
                      collectResourceList.findIndex(
                        (item) => item.id == '1DA74ED152C683BF7716A53EAAF304E9'
                      ) > -1
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect('video-04')"
                  />
                </el-tooltip>
              </p>
            </div>
            <p class="content td-0 mt-20">
              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
            </p>
@@ -1064,16 +1187,18 @@
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">169</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">169</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -1086,7 +1211,7 @@
            <li class="headerText">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <li class="headerNumber">179</li>
            <li class="headerNumber">170</li>
            <img src="../../assets/images/a1.jpg" alt="" />
          </ul>
          <div class="bodystyle">
@@ -1141,24 +1266,46 @@
              如肩部脱位，可把患儿肘部弯成直角，再用三角巾把前臂和肘部托起，挂在颈上，再用一条宽带缠过脑部，在对侧脑作结。如髋部脱位，则应立即让患儿躺在平板上送往医院。
            </p>
            <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：  婴幼儿关节脱位处理</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '439863064461BF97467E94EA53280FBF'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
              <p class="center text td-0">
                <video
                  :src="videoPathFive"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video"
                  style="border-radius: 10px"
                ></video>
              </p>
              <p class="center videoname">
                <span>视频： 婴幼儿关节脱位处理</span>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="
                    chapterData.isCollectVideoFive ? '点击取消' : '点击收藏'
                  "
                  placement="top-start"
                >
                  <img
                    :src="
                      collectResourceList.findIndex(
                        (item) => item.id == '439863064461BF97467E94EA53280FBF'
                      ) > -1
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect('video-05')"
                  />
                </el-tooltip>
              </p>
            </div>
            <p class="content td-0 mt-20">
              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
            </p>
@@ -1182,24 +1329,46 @@
              婴幼儿头部着地受到损伤时，教师、家长应给予足够的重视。情况较轻者，可卧床休息1～2天，如无特殊表现才可以下床活动，并应持续观察一周。如发现头部伴有血肿，应去医院拍片检查，判明有无颅骨骨折。凡有明显意识障碍，伴有休克的，应立即平卧、固定头部，紧急送往三级医院抢救。严禁摇动、牵扯，更不要随意移动位置，头部两侧用衣物填塞，以免左右摇晃，同时用毛巾浸湿冷敷头部，身体衣着要保暖。对神志不清者可用手指掐人中、合谷等穴，使其苏醒。
            </p>
            <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：  婴幼儿脑震荡处理</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'D85245AAC0CFCBDB8287FD5BEBFBBB51'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
              <p class="center text td-0">
                <video
                  :src="videoPathSix"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video"
                  style="border-radius: 10px"
                ></video>
              </p>
              <p class="center videoname">
                <span>视频： 婴幼儿脑震荡处理</span>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="
                    chapterData.isCollectVideoSix ? '点击取消' : '点击收藏'
                  "
                  placement="top-start"
                >
                  <img
                    :src="
                      collectResourceList.findIndex(
                        (item) => item.id == 'D85245AAC0CFCBDB8287FD5BEBFBBB51'
                      ) > -1
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect('video-06')"
                  />
                </el-tooltip>
              </p>
            </div>
            <p class="content td-0 mt-20">
              <img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
            </p>
@@ -1216,16 +1385,18 @@
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">171</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">171</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -1348,16 +1519,18 @@
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">173</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">173</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -1396,24 +1569,46 @@
            </p>
            <p class="titleQuot-1">九、运动性休克的处理与急救</p>
            <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：  幼儿运动性休克处理</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '558BD52BD08066945D05B243F61772B6'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
              <p class="center text td-0">
                <video
                  :src="videoPathSeven"
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video"
                  style="border-radius: 10px"
                ></video>
              </p>
              <p class="center videoname">
                <span>视频： 幼儿运动性休克处理</span>
                <el-tooltip
                  class="item"
                  effect="dark"
                  :content="
                    chapterData.isCollectVideoSeven ? '点击取消' : '点击收藏'
                  "
                  placement="top-start"
                >
                  <img
                    :src="
                      collectResourceList.findIndex(
                        (item) => item.id == '558BD52BD08066945D05B243F61772B6'
                      ) > -1
                        ? collectCheck
                        : collectImg
                    "
                    alt=""
                    class="collect-btn"
                    @click="handleCollect('video-07')"
                  />
                </el-tooltip>
              </p>
            </div>
            <p class="content">
              运动性休克是指在特定的运动环境中，因受到各种不利因素的侵袭，而迅速出现循环系统及其他系统功能急剧下降的一种病理生理状态。多见于平素体育锻炼较少的人，尤以少年儿童为多见。过分紧张、激动或带病参加运动为其诱因。有时少年儿童剧烈奔跑或赛跑后，如果立即站立不动，会使下肢的毛细血管和静脉失去肌肉收缩时产生的挤压作用，血液由于重力作用而淤积于下肢扩张的静脉和毛细血管里，也会产生休克。
            </p>
@@ -1473,21 +1668,27 @@
            <p class="quotation">
              4．幼儿会比成人丢失的钠和氯化物少，因而补充水分的饮料要比成人的稀薄一点。
            </p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
            <p><br /></p>
          </div>
          <ul class="header-right">
            <li class="header-right-img">
              <img src="../../assets/images/a2.jpg" alt="" />
            </li>
            <img
              class="header-right-imgTop"
              src="../../assets/images/a3.jpg"
              alt=""
            />
            <li class="header-right-Number">175</li>
            <li class="header-right-Text">第<br />五<br />章</li>
            <li class="header-right-Text-bottom">
              婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
            </li>
            <div class="header-right-imgBottom">
              <img
                class="header-right-imgTop"
                src="../../assets/images/a3.jpg"
                alt=""
              />
              <li class="header-right-Number">175</li>
              <li class="header-right-Text">第<br />五<br />章</li>
              <li class="header-right-Text-bottom">
                婴<br />幼<br />儿<br />常<br />见<br />运<br />动<br />伤<br />害<br />的<br />处<br />理<br />与<br />急<br />救
              </li>
            </div>
          </ul>
        </div>
      </div>
@@ -1538,38 +1739,165 @@
            </div>

            <p class="content td-0 mb-10 mt-30">
              <img class="img-15" src="../../assets/images/0027_02.jpg" alt="" />
              <img
                class="img-15"
                src="../../assets/images/0027_02.jpg"
                alt=""
              />
            </p>
            <p class="content">
              软组织损伤　骨折　脑震荡　运动性腹痛　心肺复苏　运动性脱水
            </p>
            <p class="content td-0 mb-10 mt-30">
              <img class="img-15" src="../../assets/images/0028_01.jpg" alt="" />
              <img
                class="img-15"
                src="../../assets/images/0028_01.jpg"
                alt=""
              />
            </p>
            <p class="content"><span class="bold">一、简单题</span></p>
            <p class="content">1．婴幼儿运动伤害的判断与处理流程是什么？</p>
            <textarea
              v-model="videoQuestionData.one"
              placeholder="请输入内容"
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content">2．急性运动伤害的PRICE原则是什么？</p>
            <textarea
              v-model="videoQuestionData.two"
              placeholder="请输入内容"
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content">3．外伤出血的处理方法是什么？</p>
            <textarea
              v-model="videoQuestionData.three"
              placeholder="请输入内容"
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content">4．骨折的处置流程是什么？</p>
            <textarea
              v-model="videoQuestionData.four"
              placeholder="请输入内容"
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content">5．心肺复苏的操作流程有哪些？</p>
            <textarea
              v-model="videoQuestionData.five"
              placeholder="请输入内容"
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content">6．牙外伤后的处理方法是什么？</p>
            <textarea
              v-model="videoQuestionData.six"
              placeholder="请输入内容 "
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content">7．运动性腹痛的处理方法是什么？</p>
            <textarea
              v-model="videoQuestionData.seven"
              placeholder="请输入内容"
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content">8．运动性休克的处理方法是什么？</p>
            <textarea
              v-model="videoQuestionData.eight"
              placeholder="请输入内容"
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content">9．运动性脱水的表现及预防方法是什么？</p>
            <textarea
              v-model="videoQuestionData.nine"
              placeholder="请输入内容"
              rows="5"
              style="max-width: 100%; width: 90%"
              class="fz-16 fm-son ml-40 textarea-question"
              @change="saveVideoQuestionData"
            ></textarea>
            <p class="content"><span class="bold">二、实践与练习</span></p>
            <p class="content">
              三个人为一组，一人扮演患儿，两人扮演教师，练习踝关节扭伤后的急救处理和心肺复苏操作方法。
            </p>
            <p class="content td-0 mb-10 mt-30">
              <img class="img-15" src="../../assets/images/0028_02.jpg" alt="" />
              <img
                class="img-15"
                src="../../assets/images/0028_02.jpg"
                alt=""
              />
            </p>
            <p class="content">
              王国祥、王虎主编：《体育运动伤害防护》，苏州，苏州大学出版社，2017。该书从运动损伤的发生机制、症状体征以及处理方法与措施等方面，对人体各部位常见运动损伤进行了详细介绍，着重介绍了头部、躯干和四肢主要关节部位的120多种急、慢性损伤，能满足进一步深入研究的需求。
            </p>
            <p class="dialogQuestion" @click="openQuestion(1)">
              <span class="td-0">【本节测试】</span>
              <span class="td-0">
                <svg
                  t="1736157124915"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2536"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="28"
                  height="28"
                >
                  <path
                    d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                    fill="#fff"
                    p-id="2537"
                  ></path>
                  <path
                    d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                    fill="#fff"
                    p-id="2538"
                  ></path>
                  <path
                    d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                    fill="#fff"
                    p-id="2539"
                  ></path>
                </svg>
              </span>
            </p>
          </div>
        </div>
      </div>
    </div>
    <dialogExaminations
      :isClear="dialogVisibleOne"
      :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]"
      v-if="interfaceQuestion"
      :chapter="2"
      :page="questionNum"
      :questionTitle="questionTitleMain"
      ref="dialogRef"
    >
    </dialogExaminations>
  </div>
</template>

@@ -1579,13 +1907,19 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import preView from "@/components/pdfview/index.vue";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterOne",
  props: {
    showPageList: {
      type: Array,
    },
    interfaceQuestion: {
      type: Object,
    },
  },
  components: {
    dialogExaminations,
  },
  data() {
    return {
@@ -1609,8 +1943,29 @@
      },
      videoQuestionData: {
        one: "",
        two: "",
        three: "",
        four: "",
        five: "",
        six: "",
        seven: "",
        eight: "",
        nine: "",
      },
      collectResourceList:[],
      collectResourceList: [],
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#7acab4",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "第五章　婴幼儿常见运动伤害的处理与急救",
            questionNum: 185,
          },
        },
      },
    };
  },
  async mounted() {
@@ -1660,7 +2015,6 @@
      );
    },


    handleCollect(e) {
      if (e == "video-01") {
        this.handleCollectResource(
@@ -1669,10 +2023,76 @@
          "",
          "视频",
          "bits",
          "活动视频：宝宝发现美"
          "活动视频：婴幼儿出血处理"
        );
        this.chapterData.isCollectVideoOne =
          !this.chapterData.isCollectVideoOne;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "672F54E4542A0BB15AE6DAD12C1AA74C",
          "672F54E4542A0BB15AE6DAD12C1AA74C",
          "",
          "视频",
          "bits",
          "活动视频：婴幼儿骨折处理流程"
        );
        this.chapterData.isCollectVideoTwo =
          !this.chapterData.isCollectVideoTwo;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "52D13E40E39BA98987EC269C1F41C16E",
          "52D13E40E39BA98987EC269C1F41C16E",
          "",
          "视频",
          "bits",
          "活动视频：婴幼儿脊柱损伤搬运方法"
        );
        this.chapterData.isCollectVideoThree =
          !this.chapterData.isCollectVideoThree;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "1DA74ED152C683BF7716A53EAAF304E9a",
          "1DA74ED152C683BF7716A53EAAF304E9a",
          "",
          "视频",
          "bits",
          "活动视频：婴幼儿心跳呼吸骤停处理"
        );
        this.chapterData.isCollectVideoFour =
          !this.chapterData.isCollectVideoFour;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "439863064461BF97467E94EA53280FBF",
          "439863064461BF97467E94EA53280FBF",
          "",
          "视频",
          "bits",
          "活动视频：婴幼儿关节脱位处理"
        );
        this.chapterData.isCollectVideoFive =
          !this.chapterData.isCollectVideoFive;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "D85245AAC0CFCBDB8287FD5BEBFBBB51",
          "D85245AAC0CFCBDB8287FD5BEBFBBB51",
          "",
          "视频",
          "bits",
          "活动视频：婴幼儿脑震荡处理"
        );
        this.chapterData.isCollectVideoSix =
          !this.chapterData.isCollectVideoSix;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "558BD52BD08066945D05B243F61772B6",
          "558BD52BD08066945D05B243F61772B6",
          "",
          "视频",
          "bits",
          "活动视频：幼儿运动性休克处理"
        );
        this.chapterData.isCollectVideoSeven =
          !this.chapterData.isCollectVideoSeven;
      }
      this.saveVideoStatus();
    },
@@ -1721,6 +2141,15 @@
        this.collectResourceList
      );
    },

    openQuestion(num) {
      if (num) {
        this.questionNum = this.chapter001.question[num].questionNum;
        this.questionTitleMain =
          this.chapter001.question[num].questionTitleMain;
        this.$refs.dialogRef.openDialogQuestion();
      }
    },
  },
};
</script>