优化

unknown

2024-06-05 c3a97e9da90ab1a34f766acd35944d295cc5a6bf

 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>
@@ -611,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>
@@ -999,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>
                咽部异物以鱼刺、骨头渣、枣核等较为多见。异物大多扎在扁桃体或其周围，引起疼痛，吞咽时疼痛加剧。咽部异物最好用镊子取出，切不可采用食醋或大口吞饭的办法，否则会使异物越扎越深，出现危险。若无法取出，应立即送医院处理。
@@ -1034,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>
@@ -1155,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>
@@ -1462,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>
@@ -1490,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>
@@ -1552,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>
@@ -1608,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>
@@ -1659,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">
@@ -2139,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">
@@ -2396,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>
@@ -2409,7 +2395,7 @@

<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";
import {getResourcePath} from "@/assets/methods/resources";
export default {
  name: "chapterEight",
  components: { examinations },
@@ -2420,27 +2406,13 @@
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  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,
@@ -2542,17 +2514,19 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterEnightData");
    if (localData) {
      this.chapterEnightData = JSON.parse(localData);
    }
    window.timerEnight = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterEnightData");
      if (localData) {
        this.chapterEnightData = JSON.parse(localData);
      }
    }, 1000);
    this.getVideoPath();
      window.timerEnight = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
      this.getVideoPath();
    }
  },
  unmounted() {
    if (window.timerEnight) {
@@ -2581,23 +2555,23 @@
        JSON.stringify(this.chapterEnightData)
      );
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath("53d9f18bbb3250e624ab608210ae3d1d");
      this.$data.pathTwo = getResourcePath("faf38c63d16c12a7e415f9aee6e23880");
      this.$data.pathThree = getResourcePath(
    async getVideoPath() {
      this.$data.pathOne = await getResourcePath("53d9f18bbb3250e624ab608210ae3d1d");
      this.$data.pathTwo = await getResourcePath("faf38c63d16c12a7e415f9aee6e23880");
      this.$data.pathThree = await getResourcePath(
        "e791b057b3f750aff6817824030a273a"
      );
      this.$data.pathFour = getResourcePath("e79fdcbd2f8237a837f5b3ebd8d77fed");
      this.$data.pathFive = getResourcePath("03538bf15c4368ba80a3c9e298268df7");
      this.$data.pathSix = getResourcePath("11f13bd738b960faa42be7267cfdcbb6");
      this.$data.pathSeven = getResourcePath(
      this.$data.pathFour = await getResourcePath("e79fdcbd2f8237a837f5b3ebd8d77fed");
      this.$data.pathFive = await getResourcePath("03538bf15c4368ba80a3c9e298268df7");
      this.$data.pathSix = await getResourcePath("11f13bd738b960faa42be7267cfdcbb6");
      this.$data.pathSeven = await getResourcePath(
        "36a4b835e252c744d53fbb331de3f1cf"
      );
      this.$data.pathEight = getResourcePath(
      this.$data.pathEight = await getResourcePath(
        "0f415d69790bd6044b74b30947f628f5"
      );
      this.$data.pathNine = getResourcePath("bf45a94562ab237da0ef65ba33631022");
      this.$data.pathTen = getResourcePath("f7b5594f23b2ded96e15b99c296be54d");
      this.$data.pathNine = await getResourcePath("bf45a94562ab237da0ef65ba33631022");
      this.$data.pathTen = await getResourcePath("f7b5594f23b2ded96e15b99c296be54d");
    },
  },
};