Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

YM

2024-05-31 781876372311fa27266a223062b460ac09e93a40

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

@@ -53,8 +53,9 @@
            />
            专题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterEight/0223-1.jpg" class="w100">
           
          </p>
        </div>
      </div>
@@ -76,13 +77,26 @@
          <div class="mb-20 fm-st fl fl-cn t2">
            <span class="primary-color wh-no">自主学习任务单：</span>
            <span class="t0">专题八学习主题一 常用护理技术自主学习任务单</span>
            <img
            <span class="t0 svg-btn" @click="changeResources('learnTableOne')">
              <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('learnTableOne')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableOne"
@@ -598,7 +612,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题八 学习主题一</span>
            <examinations :cardList="questionData[223]" :chapter="8" :page="215" />
            <examinations v-if="questionData && questionData[223]" :cardList="questionData[223]" :chapter="8" :page="215" />
          </p>
        </div>
      </div>
@@ -623,13 +637,26 @@
            <span class="t0"
              >专题八学习主题二 学前儿童常见的意外事故及急救自主学习任务单</span
            >
            <img
            <span class="t0 svg-btn" @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>
            <!-- <img
              src="../../../assets/images/icon/document.png"
              alt=""
              @click="changeResources('learnTableTwo')"
              style="margin-left: 10px"
              class="btn"
            />
            /> -->
          </div>
          <table
            v-if="learnTableTwo"
@@ -973,7 +1000,7 @@
        </div>
        <div class="padding-96">
          <h5 id="e270">2.咽部异物</h5>
          <div class="fl fl-around">
          <div class="fl fl-around ">
            <div class="left" style="width: 38%">
              <p>
                咽部异物以鱼刺、骨头渣、枣核等较为多见。异物大多扎在扁桃体或其周围，引起疼痛，吞咽时疼痛加剧。咽部异物最好用镊子取出，切不可采用食醋或大口吞饭的办法，否则会使异物越扎越深，出现危险。若无法取出，应立即送医院处理。
@@ -1008,20 +1035,16 @@
            处理办法：对较小幼儿，宜速将其抱起，头低脚高，拍背（见图8-1）。经上述处理，有时可使夹在喉部的异物咳出。使用该法无效，则速送医院急救。对较大幼儿可采用海姆利希手法。救护者可从后方搂住幼儿腰部，用大拇指的一侧顶住幼儿上腹部，间断地向上、向后，冲击性推压，促使横膈肌挤压肺部，产生气流，将进入气管的异物冲出（见图8-2）。使用该法无效，则速送医院急救。
          </p>
  
          <div class="fl fl-around">
          <div class="fl fl-around openImgBox">
            <div class="left" style="width: 60%">
              <p class="center">
                <el-image
                  :src="backslapping"
                  :preview-src-list="[backslapping]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0231-2.jpg" class="w100">
              </p>
              <p class="img">图8-1 拍背法操作示意图</p>
            </div>
            <div class="right" style="width: 33%">
              <p class="center">
                <el-image :src="backsla" :preview-src-list="[backsla]" class="open-image" />
                <img src="../../../assets/images/chapterEight/0231-3.jpg" class="w100">
              </p>
              <p class="img">图8-2 海姆利希手法操作示意图</p>
            </div>
@@ -1129,8 +1152,8 @@
              </p>
            </div>
            <div class="right" style="width: 20%">
              <p class="center">
                <el-image :src="syncope" :preview-src-list="[syncope]" class="open-image" />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterEight/0233-2.jpg" class="w100">
              </p>
              <p class="img">图8-3 晕厥的处理</p>
            </div>
@@ -1436,26 +1459,16 @@
        </div>
        <div class="padding-96">
          <p class="t0">处，见图8-5）。</p>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 60%"
                  :src="pressingOne"
                  :preview-src-list="[pressingOne]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-1.jpg" class="w100">
              </p>
              <p class="img">图8-4 双指按压法</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 60%"
                  :src="pressingTwo"
                  :preview-src-list="[pressingTwo]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-2.jpg" class="w100">
              </p>
              <p class="img">图8-5 双手环抱拇指按压法</p>
            </div>
@@ -1464,36 +1477,45 @@
          <p>
            ③对于较大儿童，可用单手或双手按压胸骨下半部。单手胸外按压时，可用一只手固定患儿头部，以便通气，另一手的手掌根部置于胸骨下半段，手掌根的长轴与胸骨的长轴一致（见图8-6）。双手胸外按压时，将一手掌根部重叠放在另一手背上，十指相扣，下面手的手指抬起，手掌根部垂直按压胸骨下半部（见图8-7）。
          </p>
          <div class="fl fl-around">
          <div class="fl fl-around openImgBox">
            <div class="left" style="width: 40%">
              <p class="center">
                <el-image
                  :src="pressingThree"
                  :preview-src-list="[pressingThree]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0238-3.jpg" class="w100">
              </p>
              <p class="img">图8-6 单手胸外按压</p>
            </div>
            <div class="right" style="width: 40%">
              <el-carousel loop trigger="click" class="bones-carousel carousel-image">
                <el-carousel-item
                  v-for="(item, index) in pressList"
                  :key="index"
                  class="bones-carousel-item"
                >
                  <el-image
                    :src="item"
                    :preview-src-list="pressList"
                    :preview-teleported="true"
                    class="open-image"
                  />
                </el-carousel-item>
              </el-carousel>
              <div class="banshi openImgBox" style="height:214px">
                  <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/chapterEight/pase1.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterEight/pase2.png"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                  </div>
                </div>
              <p class="img">图8-7 双手胸外按压</p>
            </div>
          </div>
  
          <p>
            注意：①按压深度至少为胸前后径的1/3（婴儿大约为4厘米，幼儿大约为5厘米）。按压频率为100～120次/分。每一次按压后，让胸廓充分回弹，以保障心脏血流的充盈。应保持胸外按压的连续性，尽量减少胸外按压的中断（＜10秒）。有条件时在每5个循环心肺复苏即2分钟后换人按压，以保证按压效果。
          </p>
@@ -1526,26 +1548,16 @@
          <p>
            （2）托颌法。当患儿颈椎不能运动或怀疑有颈椎损伤时可采用托颌法。将双手放置在患儿头部两侧，握住下颌角，向上托下颌，使头部后仰程度为下颌角与耳垂连线和地面成60°（幼儿）或30°（婴儿）（见图8-9）。操作过程中需注意手指不可压颌下软组织，以免阻塞气道。
          </p>
          <div class="fl">
          <div class="fl openImgBox">
            <div class="left" style="width: 50%">
              <p class="center">
                <el-image
                  :src="upward"
                  :preview-src-list="[upward]"
                  style="width: 50%"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0239-1.jpg" class="w100">
              </p>
              <p class="img">图8-8 仰头抬颌法</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image
                  style="width: 65%"
                  :src="upwards"
                  :preview-src-list="[upwards]"
                  class="open-image"
                />
                <img src="../../../assets/images/chapterEight/0239-2.jpg" class="w100">
              </p>
              <p class="img">图8-9 托颌法</p>
            </div>
@@ -1582,8 +1594,8 @@
          <h5 id="e286">2.指压止血法</h5>
          <div class="fl fl-around">
            <div class="left" style="width: 25%">
              <p class="center">
                <el-image :src="hemostasis" :preview-src-list="[hemostasis]"  class="open-image" />
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterEight/0240-1.jpg" class="w100">
              </p>
              <p class="img">图8-10 指压止血法常用止血部位</p>
            </div>
@@ -1633,7 +1645,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题八 学习主题二</span>
            <examinations :cardList="questionData[235]" :chapter="8" :page="227" />
            <examinations v-if="questionData && questionData[235]" :cardList="questionData[235]" :chapter="8" :page="227" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -1689,13 +1701,26 @@
              >专题八学习主题三
              托幼机构意外事故的常见原因与安全管理自主学习任务单</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"
@@ -2100,7 +2125,7 @@
          </h6>
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题八 学习主题三</span>
            <examinations :cardList="questionData[240]" :chapter="8" :page="232" />
            <examinations v-if="questionData && questionData[240]" :cardList="questionData[240]" :chapter="8" :page="232" />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
          <div class="fieldset">
@@ -2357,10 +2382,10 @@
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations :cardList="questionData[242][1]" :chapter="8" :page="2431" />
            <examinations v-if="questionData && questionData[242][1]" :cardList="questionData[242][1]" :chapter="8" :page="2431" />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
            <examinations :cardList="questionData[242][2]" :chapter="8" :page="2342" />
            <examinations  v-if="questionData && questionData[242][2]" :cardList="questionData[242][2]" :chapter="8" :page="2342" />
          </p>
        </div>
      </div>
@@ -2384,24 +2409,6 @@
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterEight/0223-1.jpg"),
      taskOne: require("../../../assets/images/chapterEight/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterEight/task-sheet2.png"),
      taskThree: require("../../../assets/images/chapterEight/task-sheet3.png"),
      backslapping: require("../../../assets/images/chapterEight/0231-2.jpg"),
      backsla: require("../../../assets/images/chapterEight/0231-3.jpg"),
      syncope: require("../../../assets/images/chapterEight/0233-2.jpg"),
      pressingOne: require("../../../assets/images/chapterEight/0238-1.jpg"),
      pressingTwo: require("../../../assets/images/chapterEight/0238-2.jpg"),
      pressingThree: require("../../../assets/images/chapterEight/0238-3.jpg"),
      pressingFour: require("../../../assets/images/chapterEight/0238-4.jpg"),
      pressList: [
        require("../../../assets/images/chapterEight/pase1.png"),
        require("../../../assets/images/chapterEight/pase2.png"),
      ],
      upward: require("../../../assets/images/chapterEight/0239-1.jpg"),
      upwards: require("../../../assets/images/chapterEight/0239-2.jpg"),
      hemostasis: require("../../../assets/images/chapterEight/0240-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,