diam

user1

2024-06-13 59b7c7975f7ee38fc5a048a6b63cdaf9312908ee

diam

 src/App.vue

@@ -8,7 +8,11 @@
      v-if="activeBook.name == 'sportsAndHealth'"
    ></sportsAndHealth>
    <artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance>

    <artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama>

    <math v-if="activeBook.name == 'math'"></math>

  </div>
</template>

@@ -19,8 +23,12 @@
import english from "./books/English/view/index.vue";
import sportsAndHealth from "./books/sportsAndHealth/view/index";
import artAndDance from './books/artAndDance/view/index.vue'
<<<<<<< HEAD
import artAndDrama from './books/artAndDrama/view/index.vue'

=======
import math from './books/math/view/index.vue'
>>>>>>> 5502440dd8d7c8f7d911904150d14bdfc2c35944
export default {
  name: "App",
  components: {
@@ -30,7 +38,11 @@
    english,
    sportsAndHealth,
    artAndDance,
<<<<<<< HEAD
    artAndDrama
=======
    math
>>>>>>> 5502440dd8d7c8f7d911904150d14bdfc2c35944
  },
  data() {
    return {
@@ -75,8 +87,13 @@
        // embedded
        // english
        // artAndDance
<<<<<<< HEAD
        // artAndDrama
        this.config.resourceCtx + "artAndDrama"
=======
        // math
        this.config.resourceCtx + "math"
>>>>>>> 5502440dd8d7c8f7d911904150d14bdfc2c35944
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

 src/books/artAndDance/view/components/header.vue

@@ -1,8 +1,9 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box mt-20" page="1" style="min-height: auto;">
      <div v-if="showPageList.indexOf(1) > -1"></div>
      <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
      <div v-if="showPageList.indexOf(1) > -1">
        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
      </div>
    </div>
    <div class="page-box" page="2" style="min-height: auto;">
      <div v-if="showPageList.indexOf(2) > -1">

 src/books/artAndDance/view/components/index.vue

@@ -60,6 +60,7 @@
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name:"pageContent",
  data() {
    return {
      catalogLength: 7, // 总章节数

 src/books/childHealth/assets/main.less

@@ -635,6 +635,9 @@
      background-color: #fff;
    }
  }
  a {
    cursor: default;
  }
}

body {

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

@@ -359,46 +359,8 @@
          <p>
            体重测量应在早晨、空腹、便后进行。儿童可裸体或穿背心、短裤，也可在测后扣除衣服质量。
          </p>
          <!-- <p>（2）身高（长）</p>
  
          <p>
            身高（长）是人体站立时颅顶到脚跟（与地面相及处）的垂直高度。3岁以下儿童立位测量不准确，应采用仰卧位测量，故身高又称身长；3岁以后可立位测量，称身高。立位与仰卧位测量值相差1～2厘米。
          </p> -->
          <!-- <div class="fl fl-around">
            <div class="left" style="width: 38%">
              <p>
                身高（长）有较大的个体差异，中国新生儿出生时身长平均50厘米，第一年增长最快，前半年平均每月增长2.5厘米，后半年平均每月增长1～1.5厘米，1岁时约为出生时身长的1.5倍，即75厘米左右。第二年增长速度减慢，平均增长10厘米，以后每年递增5
              </p>
            </div>
            <div class="right" style="width: 60%">
              <video
                :src="pathTwo"
                poster="../../../assets/images/chapterOne/people-video-img.jpg"
                webkit-playsinline="true"
                x-webkit-airplay="true"
                playsinline="true"
                x5-video-orientation="h5"
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="w100 video-border"
              ></video>
              <p class="img">视频：学前儿童身高的测量</p>
            </div>
          </div> -->
          <div>
            <!-- <p class="m0-t0">
              每月平均增加200～250克；1岁时体重是出生时的3倍。2岁时为出生时的4倍；2岁后到七八岁，体重每年增长不足2千克，可用以下公式估算体重。
            </p>
            <p>1～10岁　体重（千克）=实足年龄×2+7（或8）</p>
            <p>
              称体重时，1岁以下可取卧位，孩子能站稳了，可取站位。使用前应先校正零点。测量时，调整砝码至杠杆平衡，记录读数。测量误差不得超过0.1千克。读数时，以千克为单位，至小数点后两位。
            </p>
            <p>
              体重测量应在早晨、空腹、便后进行。儿童可裸体或穿背心、短裤，也可在测后扣除衣服质量。
            </p> -->
            <p>（2）身高（长）</p>

            <p>
              身高（长）是人体站立时颅顶到脚跟（与地面相及处）的垂直高度。3岁以下儿童立位测量不准确，应采用仰卧位测量，故身高又称身长；3岁以后可立位测量，称身高。立位与仰卧位测量值相差1～2厘米。
            </p>
@@ -436,11 +398,15 @@
            <p>
              3岁以上儿童用身高计测量身高。在使用身高计测量时，受测儿童脱去鞋帽，取立正姿势站在身高计的底板上，头部保持正直，两眼平视前方，胸部稍挺起，两臂自然下垂，手指并拢，脚跟靠拢，足尖分开，足跟、臀部、两肩胛间三点同时靠在身高计的垂直立柱上，然后测量。测量者将滑侧板轻轻移动，直至接触受测儿童头顶，读立柱上数字，误差不得超过0.1厘米。
            </p>

            <p>
              某些生长发育指标在一天内变化较大，例如，身高在早晨是最高的，儿童经过一天的活动，受到椎间盘的重力性压缩、脊柱弯曲加大、足弓变平等因素影响，到傍晚时降低1～2厘米。因此追踪调查时，个体儿童的前后测量时间应相对固定。
            </p>
            <div class="fl fl-around">
              <div class="left" style="width: 38%">
                <p>（3）头围</p>
                <p>头围反映脑和颅骨的发育程度。</p>
                <p>
                  某些生长发育指标在一天内变化较大，例如，身高在早晨是最高的，儿童经过一天的活动，受到椎间盘的重力性压缩、脊柱弯曲加大、足弓变平等因素影响，到傍晚时降低1～2厘米。因此追踪调查时，个体儿童的前后测量时间应相对固定。
                  因胎儿脑的发育在全身处于领先地位，故出生时头相对较大。新生儿头围平均为34厘米，6个月增加9厘米，1岁时增加3厘米，平均为46厘米；第二年头围
                </p>
              </div>
              <div class="right" style="width: 60%">
@@ -460,11 +426,6 @@
                <p class="img">视频：学前儿童头围的测量</p>
              </div>
            </div>
            <p>（3）头围</p>
            <p>头围反映脑和颅骨的发育程度。</p>
            <p>
              因胎儿脑的发育在全身处于领先地位，故出生时头相对较大。新生儿头围平均为34厘
            </p>
          </div>
        </div>
      </div>
@@ -481,7 +442,7 @@
        </div>
        <div class="padding-96">
          <p class="t0">
            米，6个月增加9厘米，1岁时增加3厘米，平均为46厘米；第二年头围增长减慢，增加2厘米，头围约为48厘米；2～14岁再增加6～7厘米。因此，头围的监测在出生后头两年意义重大。
            增长减慢，增加2厘米，头围约为48厘米；2～14岁再增加6～7厘米。因此，头围的监测在出生后头两年意义重大。
          </p>
          <p>
            测量头围时，测量者立于被测者的前方或右方，以儿童额部眉间为起点，将软尺从右侧经过枕骨突起处，绕至左侧，然后回至原起点，该距离即为头围。测量时软尺须紧贴头皮，在头两侧的水平要一致，左右对称。测量女孩应将头发向上下分开，以免影响读数。头围测量误差不得超过0.1厘米。
@@ -1206,7 +1167,7 @@
            第十七，检查者嘱儿童：①把积木放在桌子上。②把积木放在桌子下。③把积木放在椅子前。④把积木放在椅子后。检查者不要指点，或用头、眼示意。（4试3对算通过。）
          </p>
          <p>
            第十八，检查者问以下问题，嘱儿童回答：火是热的，冰是________的；妈妈是女人，爸爸是________；马是大的，老鼠是________。（3问2答对算通过。）
            第十八，检查者问以下问题，嘱儿童回答：火是热的，冰是 <input type="text" class="lineInput completion-input" style="border-color:#000"  /> 的；妈妈是女人，爸爸是<input type="text" class="lineInput completion-input" style="border-color:#000"  />；马是大的，老鼠是<input type="text" class="lineInput completion-input" style="border-color:#000" />。（3问2答对算通过。）
          </p>
          <p>
            第十九，嘱儿童解释下列字的意义：球、湖、河、香蕉（或其他水果，如苹果）、桌子、房屋、天花板、窗帘、篱笆（围墙）、人行道。能说出用途、结构、成分或分类都算通过。
@@ -1261,7 +1222,7 @@
              发展的天性通常会在疗程中展现出来。增加一些象征性经验，那种被包裹住的感觉可以满足早期没有得到足够关爱的儿童，缓慢地摇晃也可以用来安抚多动或沮丧的儿童。<a
                id="w1"
              ></a
              ><a href="chapter004.html#m1"><sup>[1]</sup></a>
              ><a href="javascript: void(0)"><sup>[1]</sup></a>
            </p>
          </div>
          <h5 id="e093">2.绘人测试（Drawing A Man Test）</h5>
@@ -1302,7 +1263,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m1"></a><a href="chapter004.html#w1">[1]</a>
            <a id="m1"></a><a href="javascript: void(0)">[1]</a>
            ［美］海德·卡杜森、查理斯·雪芙尔：《游戏治疗101》，陈志鹏译，196页，成都，四川大学出版社，2005。
          </p>
        </div>
@@ -1377,7 +1338,7 @@
            美国心理学家韦克斯勒编制了三套量表：韦克斯勒成人智力量表（WAIS），适用于16～64岁的人群（第三版扩展为16～89岁）；韦克斯勒学龄儿童智力量表（WISC），适用于6～16岁儿童；韦克斯勒学前儿童智力量表（WPPSI），适用于4～6.5岁儿童（修订版扩展为3～7岁）。这三套量表既相互独立又相互衔接，可以评定幼儿至老人的智力水平。<a
              id="w2"
            ></a
            ><a href="chapter004.html#m2"><sup>[2]</sup></a>
            ><a href="javascript: void(0)"><sup>[2]</sup></a>
          </p>
          <p>
            韦克斯勒学前儿童智力量表是韦克斯勒于1967年为评估学前儿童的智力发展设计的，对学前儿童进行测验，衡量儿童各方面的能力，以获得儿童多方面智能水平的信息。中国心理学家对该量表进行了修订，形成了中国—韦氏学前儿童智力量表（C-WYCSI），用来测量中国学前儿童的智力发展水平。
@@ -1393,7 +1354,7 @@
            />
            云测试
          </h6>
          <p class="blockh6-c center">
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题四 学习主题二</span>
            <examinations
              v-if="questionData"
@@ -1410,7 +1371,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m2"></a><a href="chapter004.html#w2">[2]</a>
            <a id="m2"></a><a href="javascript: void(0)">[2]</a>
            解亚宁、戴晓阳：《实用心理测验》，30～35页，北京，中国医药科技出版社，2006。
          </p>
        </div>
@@ -1428,7 +1389,7 @@
        </div>
        <div class="padding-96">
          <p class="custom_tag">•回顾与反思•</p>
          <p>1.生长发育形态指标有哪些？</p>
          <p class="block">1.生长发育形态指标有哪些？</p>
          <textarea
            style="width: 80%; margin: 0 0 0 40px"
            :rows="8"
@@ -1436,7 +1397,7 @@
            v-model="chapterFourData.question.short.qOne"
            @input="saveChapterOneData"
          ></textarea>
          <p>2.影响学前儿童生长发育的因素是什么？</p>
          <p class="block">2.影响学前儿童生长发育的因素是什么？</p>
          <textarea
            style="width: 80%; margin: 0 0 0 40px"
            :rows="8"
@@ -1444,7 +1405,7 @@
            v-model="chapterFourData.question.short.qTwo"
            @input="saveChapterOneData"
          ></textarea>
          <p>3.评价学前儿童生长发育常用的方法有哪些？</p>
          <p class="block">3.评价学前儿童生长发育常用的方法有哪些？</p>
          <textarea
            style="width: 80%; margin: 0 0 0 40px"
            :rows="8"
@@ -1452,7 +1413,7 @@
            v-model="chapterFourData.question.short.qThree"
            @input="saveChapterOneData"
          ></textarea>
          <p>4.儿童健康检查应包括哪些项目？</p>
          <p class="block">4.儿童健康检查应包括哪些项目？</p>
          <textarea
            style="width: 80%; margin: 0 0 0 40px"
            :rows="8"
@@ -1460,7 +1421,7 @@
            v-model="chapterFourData.question.short.qFour"
            @input="saveChapterOneData"
          ></textarea>
          <p>5.儿童心理评估的特点是什么？</p>
          <p class="block">5.儿童心理评估的特点是什么？</p>
          <textarea
            style="width: 80%; margin: 0 0 0 40px"
            :rows="8"
@@ -1477,7 +1438,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
              v-if="questionData"
@@ -1548,6 +1509,11 @@
        experienceOne: "",
        experienceTwo: "",
        introspection: "",
        option:{
          one:"",
          two:"",
          three:""
        },
        learnTableOne: {
          qOne: "",
          qTwo: "",

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

@@ -1918,6 +1918,10 @@
                消化系统由消化道和消化腺组成（见图1-9）。消化道包括口腔、咽、食管、胃、小肠和大肠。消化腺包括唾液腺、胃腺、肝、胰、小肠腺等。消化腺能分泌消化液。消化液含有水、无机盐和多种消化酶，能分别消化分解不同的营养物质。
              </p>
              <h3 id="c007">一、学前儿童消化系统的特点＞＞＞＞＞＞</h3>
              <h4 id="d022">（一）口腔</h4>
              <p>
                口腔是消化道的起始部分，口腔内有牙齿、舌和三对唾液腺的开口。学前期，尤其是婴儿期，口腔较小，黏膜柔嫩，血管丰富，容易破损和感染。
              </p>
              <h5 id="e020">1.牙齿</h5>
            </div>
            <div class="right" style="width: 35%">
@@ -1931,10 +1935,6 @@
              <p class="img">图1-9 消化系统模式图</p>
            </div>
          </div>
          <h4 id="d022">（一）口腔</h4>
          <p>
            口腔是消化道的起始部分，口腔内有牙齿、舌和三对唾液腺的开口。学前期，尤其是婴儿期，口腔较小，黏膜柔嫩，血管丰富，容易破损和感染。
          </p>
          <div class="fl fl-around">
            <div class="left" style="width: 32%">
              <p>
@@ -2078,7 +2078,7 @@
          </div>
        </div>
        <div class="padding-96">
          <p>
          <p class="t0">
            粉和脂肪的消化能力较弱，主要依靠小肠液来消化。随着年龄的增长，胰的功能日趋完善。
          </p>
          <h3 id="c008">二、学前儿童消化系统的保健＞＞＞＞＞＞</h3>
@@ -3016,7 +3016,7 @@
                人体各机能之所以能根据不同的内外环境产生特定的变化，维持内外环境的动态平衡，与内分泌系统有着密不可分的关系。
              </p>
              <p>
                内分泌系统（见图1-13）由内分泌腺和内分泌组织组成，对人体的生命活动起着重
                内分泌系统（见图1-13）由内分泌腺和内分泌组织组成，对人体的生命活动起着重要的调节作用。内分泌腺分泌的生物活性
              </p>
            </div>
            <div class="right" style="width: 60%">
@@ -3036,8 +3036,8 @@
              <p class="img">视频：学前儿童内分泌系统的生理特点与保健</p>
            </div>
          </div>
          <p>
            要的调节作用。内分泌腺分泌的生物活性物质叫作激素。激素直接渗入腺体周围的毛细血管和毛细淋巴管，经循环系统到达身体的各个部位，控制和调节机体的新陈代谢、生长发育及生殖等生理过程。
          <p class="t0">
            物质叫作激素。激素直接渗入腺体周围的毛细血管和毛细淋巴管，经循环系统到达身体的各个部位，控制和调节机体的新陈代谢、生长发育及生殖等生理过程。
          </p>
        </div>
      </div>
@@ -3282,7 +3282,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterOneData.learnTableEnight.qTwo"
                  v-model="chapterOneData.learnTableEnight.qThree"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -3409,12 +3409,14 @@
          <p>
            脊髓是中枢神经系统的低级部位。从脊髓发出许多神经，通过椎间孔，分布于躯干、四肢和内脏，称为脊神经。来自躯干、四肢及内脏器官的刺激先传到脊髓，再传入大脑。如果脊髓受到横断损伤，损伤面以下的身体各部位将失去与脑的联系，发生感觉和运动障碍，称为截瘫。
          </p>

          <p>
            反射是人体对内外环境中各种刺激产生的反应，是神经系统调节机体活动的基本方式。反射可分为非条件反射和条件反射两种。非条件反射是指先天具备的、不学就会的反射活动。例如，将母亲的乳头放到新生儿嘴里，他就能吸吮并吞咽乳汁；膀胱储满尿液后,新生儿就要排尿等。非条件反射在脊髓及脑干参与下即可完成。在非条件反射的基础上，经过后天学习训练而形成的反射叫条件反射。例如，妈妈每次给新生儿喂奶时，都抱成一定的姿势，大约到新生儿出生后的第11天，当妈妈把新生儿抱成喂奶的“一定姿势”
          </p>
          <div class="fl">
            <div class="left" style="width: 35%">
              <p>
                反射是人体对内外环境中各种刺激产生的反应，是神经系统调节机体活动的基本方式。反射可分为非条件反射和条件反射两种。非条件反射是指先天具备的、不学就会的反射活动。例如，将母亲的乳头放到新生儿嘴里，他就能吸吮并吞咽乳汁；膀胱储满尿液后,
              </p>
              <p class="t0">，乳头还没放到新生儿的嘴里时，新生儿便做出吸吮的动作，这就是对喂奶姿势的条件反射。</p>
              <h4 id="d054">（三）脑的结构和功能</h4>
              <p>脑位于颅腔内，分为大脑、小脑、脑干和间脑四部分。</p>
            </div>
            <div class="right" style="width: 63%; margin-left: 10px">
              <p class="center">
@@ -3435,11 +3437,6 @@
              <p class="img">视频：学前儿童大脑的生理特点及保健</p>
            </div>
          </div>
          <p class="m0-t0">
            新生儿就要排尿等。非条件反射在脊髓及脑干参与下即可完成。在非条件反射的基础上，经过后天学习训练而形成的反射叫条件反射。例如，妈妈每次给新生儿喂奶时，都抱成一定的姿势，大约到新生儿出生后的第11天，当妈妈把新生儿抱成喂奶的“一定姿势”，乳头还没放到新生儿的嘴里时，新生儿便做出吸吮的动作，这就是对喂奶姿势的条件反射。
          </p>
          <h4 id="d054">（三）脑的结构和功能</h4>
          <p>脑位于颅腔内，分为大脑、小脑、脑干和间脑四部分。</p>
        </div>
      </div>
    </div>
@@ -3938,8 +3935,9 @@
          </p>
          <div class="fl fl-between">
            <div class="left" style="width: 38%">
              <h4 id="d066">（一）眼球的结构和功能</h4>
              <p>
                眼球的结构见图1-18。人的眼睛像一部照相机。眼球前面透明的角膜和眼球的内容物晶状体，好比照相机的透镜，起着屈光、聚光的作用。角膜后面的瞳孔能根据外界光线的强弱自动调节，扩大或缩小，好比照相机上的光圈。眼球壁最里面的一层是
                眼球的结构见图1-18。人的眼睛像一部照相机。眼球前面透明的角膜和眼球的内容物晶状体，好比照相机的透镜，起着屈光、聚光的作用。角膜后面的瞳孔能根据外界光线的强弱自动调节，扩大或缩小，好比照相机上
              </p>
            </div>
            <div class="right" style="width: 60%">
@@ -3961,9 +3959,9 @@
            </div>
          </div>
          <p class="t0">
            视网膜，可以感受光线的刺激，产生视觉，好比照相机的感光彩色底片。
            的光圈。眼球壁最里面的一层是视网膜，可以感受光线的刺激，产生视觉，好比照相机的感光彩色底片。
          </p>
          <h4 id="d066">（一）眼球的结构和功能</h4>
          
          <div class="fl">
            <div class="left" style="width: 65%">
              <p>
@@ -4146,7 +4144,7 @@
          </div>
        </div>
        <div class="padding-96">
          <p>
          <p class="t0">
            学前儿童挖耳朵。因为这些锐利的工具易碰伤外耳道皮肤，引发感染，还有可能戳破鼓膜，影响听力。
          </p>
          <h6 class="Conclusion-title2">
@@ -4295,7 +4293,7 @@
          </div>
        </div>
        <div class="padding-96">
          <p>以，皮肤是感觉器官。</p>
          <p class="t0">以，皮肤是感觉器官。</p>
          <p>
            皮肤上有触觉、痛觉和温觉等感受器，它们的分布并不均匀，密度越大，感觉越灵敏。触觉最灵敏的地方是腹部，最不灵敏的是颈、背部。
          </p>
@@ -4512,12 +4510,12 @@
            2.经常参加户外活动和体育锻炼，可以增强学前儿童<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qTwo.one
              v-model="chapterOneData.question.fill.qTwo.one" 
              @input="saveChapterOneData"
            />的力量，促进胸廓和肺的正常发育，增加其<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qTwo.two
              v-model="chapterOneData.question.fill.qTwo.two"
              @input="saveChapterOneData"
            />。
          </p>
@@ -4525,12 +4523,12 @@
            3.学前儿童肝脏相对较大，但肝脏的<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.one
              v-model="chapterOneData.question.fill.qThree.one"
              @input="saveChapterOneData"
            />较差，所以，婴幼儿用药剂量要比成人小；学前儿童肝糖原储存较少，饥饿时易发生<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.two
              v-model="chapterOneData.question.fill.qThree.two"
              @input="saveChapterOneData"
            />；学前儿童的胆汁分泌也较少，因此对差。
          </p>
@@ -4538,12 +4536,12 @@
            4.学前儿童高级神经活动的特点是<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.one
              v-model="chapterOneData.question.fill.qFour.one"
              @input="saveChapterOneData"
            />过程强于<input
              type="text"
              class="lineInput completion-input"
              chapterOneData.question.fill.qThree.two
              v-model="chapterOneData.question.fill.qFour.two"
              @input="saveChapterOneData"
            />过程。
          </p>
@@ -4551,8 +4549,9 @@
            5.为保护学前儿童的视力，要定期为学前儿童调换座位，以防<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterOneData.question.fill.qFive.one"
              @input="saveChapterOneData"
            />或<input type="text" class="lineInput completion-input" @input="saveChapterOneData" />。
            />或<input type="text" class="lineInput completion-input" @input="saveChapterOneData" v-model="chapterOneData.question.fill.qFive.two" />。
          </p>
          <p class="block"><b>三、思考</b></p>
          <p class="block">
@@ -4664,7 +4663,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
              :cardList="questionData[50] ? questionData[50][1] : []"
@@ -4862,7 +4861,7 @@
              two: "",
            },
            qTwo: {
              oen: "",
              one: "",
              two: "",
            },
            qThree: {

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

@@ -218,7 +218,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableOne.qEnight"
                  v-model="chapterTwoData.learnTableOne.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -495,7 +495,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableTwo.qTwo"
                  v-model="chapterTwoData.learnTableTwo.qThree"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -547,7 +547,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableTwo.qEnight"
                  v-model="chapterTwoData.learnTableTwo.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -1045,9 +1045,6 @@
            <p class="block">
              乐乐已经6岁了，在幼儿园上大班，从入园开始，他就一直站前排。乐乐的父母很烦恼：“我们夫妻两人都是中等偏上的身高，怎么儿子老是长不高？”谈谈你的看法。
            </p>
            <p class="block">
              学前儿童的身高、体重等生长发育情况很大程度上取决于遗传基因，同时也与营养、运动等后天因素密不可分。把握先天优势，充分利用后天因素，促进学前儿童良好地生长发育。本主题主要讲述影响学前儿童生长发育的因素，以帮助保教工作者在工作中有效控制影响学前儿童生长发育的不良因素，保障学前儿童正常发育发展。
            </p>
            <textarea
              cols="30"
              rows="4"
@@ -1058,9 +1055,12 @@
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              学前儿童的生长发育过程是个体在先天遗传和后天环境中各种因素相互作用的结果。影响生长发育的因素很多，概括起来有两类：内在的遗传因素和外在的环境因素。遗传因素一般是不会改变的，而环境条件是可以改变的。遗传因素决定了生长发育的潜力，而环境和教育条件影响了遗传潜力的发挥，最后决定发育的速度及达到的程度。
              学前儿童的身高、体重等生长发育情况很大程度上取决于遗传基因，同时也与营养、运动等后天因素密不可分。把握先天优势，充分利用后天因素，促进学前儿童良好地生长发育。本主题主要讲述影响学前儿童生长发育的因素，以帮助保教工作者在工作中有效控制影响学前儿童生长发育的不良因素，保障学前儿童正常发育发展。
            </p>
          </div>
          <p class="block">
            学前儿童的生长发育过程是个体在先天遗传和后天环境中各种因素相互作用的结果。影响生长发育的因素很多，概括起来有两类：内在的遗传因素和外在的环境因素。遗传因素一般是不会改变的，而环境条件是可以改变的。遗传因素决定了生长发育的潜力，而环境和教育条件影响了遗传潜力的发挥，最后决定发育的速度及达到的程度。
          </p>
          <h3 id="c029">一、遗传因素＞＞＞＞＞＞</h3>
          <p>
            先天遗传因素是影响生长发育的最基本因素，它为儿童的生长发育提供了可能性。学前儿童生长发育的特征、潜力、趋向、限度都受父母双方遗传因素的影响，遗传性疾病对生长发育也有影响。研究表明，同卵双生子成年后身高差别很小，头围也很接近，但体重
@@ -1154,7 +1154,7 @@
            />
            云测试
          </h6>
          <p class="blockh6-c center">
          <p class="blockh6-c ">
            <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
            <span class="img center dl-bl w100">专题二 学习主题三</span>
            <examinations
@@ -1349,7 +1349,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations v-if="questionData" :cardList="questionData[62] ? questionData[62][1] : []" />
            <span class="span-border"></span>

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

@@ -441,7 +441,7 @@
            000个词。在掌握语法方面，由掌握简单陈述句的语法形式，发展到掌握多种句式（并列句及主从复合句等）的语法形式。在正确教育下，儿童入学前就能自如地运用口语表达自己的见闻、愿望、情感等。如果婴幼儿在发展语言的关键期没有条件学习口语，以后就很难学会说话。众所周知，印度7岁的“狼孩”回到人类社会后，开始学习说话，经过几年的训练，只记住四五个单词。这个实例说明，婴幼儿语言的发展如错过了关键时期是难以弥补的。因此，学前期的语言教育在家庭和幼儿园中，应该处于举足轻重的位置，其成果对人的一生发展有着重要的影响。<a
              id="w1"
            ></a
            ><a href="chapter003.html#m1"><sup>[1]</sup></a>
            ><a href="javascript: void(0)"><sup>[1]</sup></a>
          </p>
          <h4 id="d095">（四）情绪情感的发展</h4>
          <p>
@@ -461,7 +461,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note t0">
            <a id="m1"></a><a href="chapter003.html#w1">[1]</a>
            <a id="m1"></a><a href="javascript: void(0)">[1]</a>
            祝士媛：《学前儿童语言学习的意义和语言发展的条件》，见《幼儿园课程研究论文集萃（二）》，内部资料。
          </p>
        </div>
@@ -665,7 +665,7 @@
          </div>
        </div>
        <div class="padding-96">
          <p>
          <p class="t0">
            心理在本身及环境条件许可范围内所能达到的最佳功能状态，但不是指绝对的十全十美的状态。一般来说，心理健康的人能够善待自己，善待他人，适应环境，情绪正常，人格和谐。心理健康的人并非没有痛苦和烦恼，而是他们能适时地从痛苦和烦恼中解脱出来，积极地寻求改变不利现状的新途径。他们能够深切领悟人生冲突的严峻性和不可回避性，也能深刻体察人性的善恶。他们是那些能够自由、适度地表达、展现自己个性的人，是能够与环境和谐相处的人。他们善于不断地学习，利用各种资源，不断地充实自己。他们也会享受美好人生，善于从不同角度看待问题。
          </p>
          <h4 id="d102">（二）学前儿童心理健康的标准</h4>
@@ -1054,7 +1054,7 @@
            过度依赖是指发生于婴幼儿时期在行为、情感、活动等方面独立性不足，过分依赖父母或养育者的行为，也就是许多儿童行为量表中所说的不成熟行为。正常情况下，婴儿首先与母亲在情感上发生依恋关系，这种依恋对建立儿童早期的安全感颇为重要，是其情绪正常分化的前提条件，也是逐步适应社会环境所必需的过程。国内资料表明，过度依赖在儿童群体中占21%左右，女孩多见，甚至可持续到成年期。<a
              id="w2"
            ></a
            ><a href="chapter003.html#m2"><sup>[2]</sup></a>
            ><a href="javascript: void(0)"><sup>[2]</sup></a>
          </p>
          <div class="fl fl-around">
            <div class="left" style="width: 38%">
@@ -1090,7 +1090,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m2"></a><a href="chapter003.html#w2">[2]</a>
            <a id="m2"></a><a href="javascript: void(0)">[2]</a>
            杨晓晶：《家园共育，改善幼儿行为偏异探析》，载《新课程（教研版）》，2011（18）。
          </p>
        </div>
@@ -1244,7 +1244,7 @@
            />
            云测试
          </h6>
          <p class="blockh6-c center">
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题三 学习主题二</span>
            <examinations :cardList="questionData[81]" v-if="questionData" />
          </p>
@@ -1521,7 +1521,7 @@
        </div>
        <div class="padding-96">
          <div class="fieldset">
            <p class="t0">
            <p class="block t0">
              里乱跑乱跳。面对这样的楠楠，老师束手无策，刚开始的好感渐渐消失殆尽。假如你是老师，你会怎么处理？
            </p>
            <textarea
@@ -1614,7 +1614,7 @@
            遗传因素、母亲妊娠期的致病因素、围产期的各种因素、婴幼儿期的脑疾等有关。精神发育迟滞是一组症状，是由某些疾病或其他有害因素引起的，它本身不是一个疾病单元。在精神发育迟滞患者中，有的大脑萎缩、脑发育不良或伴发共济失调。世界卫生组织报道该症患病率为1%～2%；我国0～14岁儿童的患病率为1.2%，其中，城市为0.5%～0.8%，农村为1.2%～1.7%，农村高于城市，不发达地区高于发达地区，男性略高于女性。<a
              id="w3"
            ></a
            ><a href="chapter003.html#m3"><sup>[3]</sup></a>
            ><a href="javascript: void(0)"><sup>[3]</sup></a>
          </p>
          <p>
            根据儿童智力落后的程度，一般把弱智儿童分为轻度、中度、重度三类。轻度弱智一般脑本身没有损伤，只是功能有障碍，中度、重度弱智大多数有脑损伤和其他神经障碍，脑功能也有问题。儿童有明显的智力低下，基本在婴儿期就能识别，而轻度弱智往往要在进入小学，出现学习困难之后才能发现。因此，家长若发现婴幼儿有运动发育落后、对外界反应迟钝、语言发育差、表情呆板或有特殊面容的，应尽早到医院检查，以便早诊断、早治疗。诊断主要解决两个问题：第一，确定是否有精神发育迟滞；第二，确定病因。
@@ -1627,7 +1627,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m3"></a><a href="chapter003.html#w3">[3]</a>
            <a id="m3"></a><a href="javascript: void(0)">[3]</a>
            左启华、雷贞武：《全国0～14岁儿童智力低下的病因流行病学研究》，载《中华医学杂志》，1994（3）；全国协作组、左启华、雷贞武：《全国0～14岁儿童智力低下流行学调查——智力低下的患病率》，载《中国优生优育》，1991（3）。
          </p>
        </div>
@@ -1771,7 +1771,7 @@
            />
            云测试
          </h6>
          <p class="blockh6-c center">
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题三 学习主题三</span>
            <examinations :cardList="questionData[86]" v-if="questionData" />
          </p>
@@ -1976,7 +1976,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations v-if="questionData" :cardList="questionData[88] ? questionData[88][1] : []" />
            <span class="span-border"></span>

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

@@ -701,7 +701,7 @@
            <p class="center">
              <b
                >中国居民膳食指南<a id="w1"></a
                ><a href="chapter005.html#m1"><sup>[1]</sup></a></b
                ><a href="javascript: void(0)"><sup>[1]</sup></a></b
              >
            </p>
            <p class="block">
@@ -731,7 +731,7 @@
          </div>
          <div class="annotation-border"></div>
          <p class="note t0 word-break-all">
            <a id="m1"></a><a href="chapter005.html#w1">[1]</a>
            <a id="m1"></a><a href="javascript: void(0)">[1]</a>
            摘自《〈中国居民膳食指南（2022）〉平衡膳食八准则》，http：//dg.cnsoc.org/article/04/J4-AsD_DR3OLQMnHG0-jZA.html，2022-12-28。
          </p>
        </div>
@@ -834,7 +834,7 @@
            </p>
            <p class="block">
              第五，经常户外活动；定期体格测量，保障健康成长。<a id="w2"></a
              ><a href="chapter005.html#m2"><sup>[2]</sup></a>
              ><a href="javascript: void(0)"><sup>[2]</sup></a>
            </p>
            <p class="center openImgBox">
              <img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100">
@@ -861,7 +861,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note word-break-all">
            <a id="m2"></a><a href="chapter005.html#w2">[2]</a>
            <a id="m2"></a><a href="javascript: void(0)">[2]</a>
            摘自《中国婴幼儿喂养指南（2022）》，http：//dg.cnsoc.org/article/04/gc5cUak3RhSGheqSaRljnA.html，
            2022-12-28。
          </p>
@@ -1385,7 +1385,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterFiveData.learnTableTwo.qEnight"
                  v-model="chapterFiveData.learnTableTwo.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -1847,7 +1847,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterFiveData.learnTableThree.qEnight"
                  v-model="chapterFiveData.learnTableThree.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -1986,7 +1986,7 @@
            <p class="center">
              <b
                >中华饮食文化及其对学前儿童饮食的影响<a id="w3"></a
                ><a href="chapter005.html#m3"><sup>[3]</sup></a></b
                ><a href="javascript: void(0)"><sup>[3]</sup></a></b
              >
            </p>
            <p class="block">
@@ -2017,7 +2017,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m3"></a><a href="chapter005.html#w3">[3]</a>
            <a id="m3"></a><a href="javascript: void(0)">[3]</a>
            摘自江琳：《浅谈幼儿饮食生活中的课程资源及其开发》，载《学前教育研究》，2007（2）。引用时有改动。
          </p>
        </div>
@@ -2317,7 +2317,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterFiveData.learnTableFour.qEnight"
                  v-model="chapterFiveData.learnTableFour.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -2757,7 +2757,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
                v-if="questionData"
@@ -2872,8 +2872,8 @@
            qTwo: {
              oen: "",
              two: "",
              Three: "",
              Four: "",
              three: "",
              four: "",
            },
          },
          short: {

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

@@ -223,7 +223,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterSixData.learnTableOne.qEnight"
                  v-model="chapterSixData.learnTableOne.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -267,12 +267,12 @@
            282个儿童样本中发现，许多出生缺陷属于“随时畸形”，即在孕期的任何时间都可能发生由致畸因素导致的问题。<a
              id="w1"
            ></a
            ><a href="chapter006.html#m1"><sup>[1]</sup></a
            ><a href="javascript: void(0)"><sup>[1]</sup></a
            >因此，整个孕期都可以被看作人类发展的关键期。
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m1"></a><a href="chapter006.html#w1">[1]</a> Heinonen O P，
            <a id="m1"></a><a href="javascript: void(0)">[1]</a> Heinonen O P，
            Slone D， Monson R R， et al.， Cardiovascular Birth Defects and
            Antenatal Exposure to Female Sex Hormones， Obstetrical and
            Gynecological Survey，1977，32（6）：385-389.
@@ -323,11 +323,11 @@
            胎儿源之于孕妇，所以胎儿的成长是否健全，与孕妇的健康息息相关，这是中外学者一致认同的观点。赫洛克<a
              id="w2"
            ></a
            ><a href="chapter006.html#m2"><sup>[2]</sup></a
            ><a href="javascript: void(0)"><sup>[2]</sup></a
            >认为，为孕妇提供良好的环境，能供给个体一个充分发展其遗传素质的机会。还有学者研究认为，胎儿可以在一个原始的水平看、听、体验生活，甚至学习，孩子将来快乐或悲伤、攻击或温顺、安全或焦虑，部分与在子宫内所接受的信息有关。<a
              id="w3"
            ></a
            ><a href="chapter006.html#m3"><sup>[3]</sup></a>
            ><a href="javascript: void(0)"><sup>[3]</sup></a>
          </p>
          <p>
            中国古代就很重视胎教的问题。贾谊在《新书》中提及：古代王后怀孕时，令负责礼节、声乐、饮食等有关的官吏，立于门内，以随时注意王后听的礼乐是否不正、所食用的餐食是否不适。到了胎儿形成的时候，王后就要注意自己的言行，站要站直，坐要坐正，笑不可太大声，生气时不可过分动怒。举凡一切措施，都是为了避免胎儿受到不良影响。刘向在《列女传》中提及：古者妇人妊子寝不侧，坐不边，立不跸，不食邪味，耳不听于淫声，夜则令瞽诵诗书，道正事，如此则生子形容端正，才德必过人矣。又说：太姒妊文王也，目不视恶色，耳不听恶声，文王因之生而圣明。
@@ -350,11 +350,11 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m2"></a><a href="chapter006.html#w2">[2]</a> Hurlock EB，Child
            <a id="m2"></a><a href="javascript: void(0)">[2]</a> Hurlock EB，Child
            Development（6ed），New York，McGraw-Hill Inc，1983.
          </p>
          <p class="note">
            <a id="m3"></a><a href="chapter006.html#w3">[3]</a> Verny
            <a id="m3"></a><a href="javascript: void(0)">[3]</a> Verny
            Thomas，Kelly John，The Secret Life of the Unborn Child， New
            York，Dell，1982.
          </p>
@@ -455,7 +455,7 @@
            000米的孕妇中有75%生出的孩子严重残疾，不久就死去了，活下来的婴儿大多智力落后。<a
              id="w4"
            ></a
            ><a href="chapter006.html#m4"><sup>[4]</sup></a>
            ><a href="javascript: void(0)"><sup>[4]</sup></a>
          </p>
          <p>
            没有人能准确知道多大剂量的辐射才会危害到胚胎或胎儿，受辐射严重影响的婴儿即使出生时看起来正常，以后出现并发症的可能性也不容小觑。因此，医生建议怀孕妇女除非迫不得已，不要进行X射线检查，尤其是子宫和腹部X射线检查。
@@ -475,7 +475,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m4"></a><a href="chapter006.html#w4">[4]</a> [美]David R.
            <a id="m4"></a><a href="javascript: void(0)">[4]</a> [美]David R.
            Shaffer， Katherine
            Kipp：《发展心理学（第八版）》，邹泓等译，北京，中国轻工业出版社，2009：125。
          </p>
@@ -526,7 +526,7 @@
            <p class="center">
              <b
                >有关致畸因素的知识<a id="w5"></a
                ><a href="chapter006.html#m5"><sup>[5]</sup></a></b
                ><a href="javascript: void(0)"><sup>[5]</sup></a></b
              >
            </p>
            <p class="block">
@@ -554,7 +554,7 @@
          </div>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m5"></a><a href="chapter006.html#w5">[5]</a> 摘自[美]David R.
            <a id="m5"></a><a href="javascript: void(0)">[5]</a> 摘自[美]David R.
            Shaffer， Katherine
            Kipp：《发展心理学（第八版）》，邹泓等译，北京，中国轻工业出版社，2009：115。
          </p>
@@ -1998,7 +1998,7 @@
            有调查表明，在全球范围内，儿童意外死亡率很高，目前意外死亡已成为中国0～14岁儿童死亡的首要因素，已超过小儿肺炎、恶性肿瘤、先天性畸形以及心脏病等疾病的死亡总和。<a
              id="w6"
            ></a
            ><a href="chapter006.html#m6"><sup>[6]</sup></a
            ><a href="javascript: void(0)"><sup>[6]</sup></a
            >因此，儿童期意外伤害已被国际学术界确认为21世纪儿童期重要的健康问题。
          </p>
          <p>
@@ -2021,7 +2021,7 @@
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m6"></a><a href="chapter006.html#w6">[6]</a>
            <a id="m6"></a><a href="javascript: void(0)">[6]</a>
            蒋竞雄：《中国儿童意外伤害研究现状分析》，载《中华儿科保健杂志》，2000（8）。
          </p>
        </div>
@@ -2754,7 +2754,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
            v-if="questionData"

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

@@ -1134,7 +1134,7 @@
            <p class="center">
              <b
                >新生儿抚触<a id="w1"></a
                ><a href="chapter007.html#m1"><sup>[1]</sup></a></b
                ><a href="javascript: void(0)"><sup>[1]</sup></a></b
              >
            </p>
            <p class="block">
@@ -1360,14 +1360,15 @@
              </td>
            </tr>
          </table>
          <p class="custom_tag"><b>•学习初体验•</b></p>
          <div class="fieldset">
            <p>
            <p class="block">
              乐乐的妈妈开始发愁了，儿子已经过了2岁，可牙齿还没有出齐，长出来的几颗也是七零八落，排列很不规则。已是寒冬季节，乐乐晚上睡觉还是不停地出汗，并且睡一会就惊一下，闹一阵，好像有人吓唬他似的。而隔壁莉莉和他同岁，已经跑得欢实了，但乐乐的腿还是软软
            </p>
          </div>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m1"></a><a href="chapter007.html#w1">[1]</a>
            <a id="m1"></a><a href="javascript: void(0)">[1]</a>
            整理自北京中医药大学东方医院儿科主管护师王潇相关文章。
          </p>
        </div>
@@ -1384,7 +1385,7 @@
          </div>
        </div>
        <div class="padding-96">
          <p class="custom_tag"><b>•学习初体验•</b></p>
          
          <div class="fieldset">
            <p class="block t0">
              的，走路跌跌撞撞，步态不稳。乐乐到底得了什么病呢？
@@ -2860,7 +2861,7 @@
          <p>（2）护理</p>
          <p>①患急性肝炎应卧床休息，病情好转后可轻微活动，但以不感觉疲劳为宜。</p>
          <p>
            ②饮食宜少吃脂肪，适当增加蛋白质和糖类的供给量，多吃水果蔬菜。蛋白质是肝细胞再生和修复所必需的营养物质，糖类是供给能量的主要来源。脂肪过多，只能加重肝脏的负担。但也不宜吃过多的蛋白质和糖类，过剩的蛋白质、糖类可转化为脂肪，并
            ②饮食宜少吃脂肪，适当增加蛋白质和糖类的供给量，多吃水果蔬菜。蛋白质是肝细胞再生和修复所必需的营养物质，糖类是供给能量的主要来源。脂肪过多，只能加重肝脏的负担。但也不宜吃过多的蛋白质和糖类，过剩的蛋白质、糖类可转化为脂肪，并可加重
          </p>
        </div>
      </div>
@@ -2875,7 +2876,7 @@
          <span class="page-header-num">199</span>
        </div>
        <div class="padding-96">
          <p class="t0">可加重腹胀。</p>
          <p class="t0">腹胀。</p>
          <p>
            ③做好消毒隔离工作。患者的食具、水杯、牙刷要专用。食具、水杯、毛巾每日煮沸消毒一次。便盆用消毒液浸泡，衣服、被褥常晒（暴晒4～6小时）。
          </p>
@@ -2952,7 +2953,7 @@
          <p>手足口病是由肠道病毒感染引起的疱疹性传染病。</p>
          <h5 id="e229">1.流行特点</h5>
          <p>
            患者是主要的传染源。患儿的水疱液、咽分泌物及粪便中均可带有病毒。夏季高
            患者是主要的传染源。患儿的水疱液、咽分泌物及粪便中均可带有病毒。夏季高发，
          </p>
        </div>
      </div>
@@ -2967,7 +2968,7 @@
          <span class="page-header-num">201</span>
        </div>
        <div class="padding-96">
          <p class="t0">发，1～2岁幼儿多见。</p>
          <p class="t0">1～2岁幼儿多见。</p>
          <h5 id="e230">2.症状</h5>
          <p>
            潜伏期4～6日。最先出现轻微症状如发热、咳嗽、咽痛及全身不适。以手、足、口腔等部位的皮疹和疱疹为主要特征。在指（趾）的背面、侧缘、手掌、足跖，尤其是指（趾）甲周围，有时在臀部、躯干和四肢发生红色斑丘疹，很快发展为水疱。口腔内在舌、硬腭、颊黏膜、齿龈上发生水疱，破溃后形成浅在的糜烂，因疼痛而影响进食。8～10天水疱结痂，疾病痊愈。
@@ -3052,7 +3053,7 @@
          </p>
          <h5 id="e241">1.流行特点</h5>
          <p>
            手癣和中医学中记载的“鹅掌风”相类似，足癣俗称“脚气”，甲癣俗称“灰指甲”。以足癣多见。主要通过直接接触病原体侵犯部位或使用病原体污染的物品，如
            手癣和中医学中记载的“鹅掌风”相类似，足癣俗称“脚气”，甲癣俗称“灰指甲”。以足癣多见。主要通过直接接触病原体侵犯部位或使用病原体污染的物品，如拖
          </p>
        </div>
      </div>
@@ -3067,7 +3068,7 @@
          <span class="page-header-num">203</span>
        </div>
        <div class="padding-96">
          <p class="t0">拖鞋、洗脚盆、毛巾而感染。</p>
          <p class="t0">鞋、洗脚盆、毛巾而感染。</p>
          <h5 id="e242">2.症状</h5>
          <p>
            病程缓慢，有不同程度瘙痒，夏季较重，冬季减轻。穿不透气的胶鞋、球鞋加重，治愈后可再感染。
@@ -3157,7 +3158,7 @@
          <p>①口服脊髓灰质炎减毒活疫苗糖丸，未服糖丸者可注射丙种球蛋白。</p>
          <p>②注意个人卫生和环境卫生。</p>
          <p>
            ③食具、用具、玩具、家具等日常用品及患儿生活环境彻底用紫外线或消毒液消
            ③食具、用具、玩具、家具等日常用品及患儿生活环境彻底用紫外线或消毒液消毒。
          </p>
        </div>
      </div>
@@ -3172,7 +3173,6 @@
          <span class="page-header-num">205</span>
        </div>
        <div class="padding-96">
          <p class="t0">毒。</p>
          <p>④早发现、早隔离、早治疗。</p>
          <h4 id="d286">（十八）狂犬病</h4>
          <p>狂犬病又称“恐水症”，是由狂犬病毒感染引起的急性传染病。</p>
@@ -3228,7 +3228,7 @@
          </p>
          <h5 id="e257">1.病因及流行病学</h5>
          <p>
            人蛔虫是寄生在人体的最大线虫之一，雌雄异体。其成虫状如蚯蚓，色淡红，寄生于肠道内，寿命约1年。雌成虫身体较长，尾端伸直，每日产卵20余万个；雄成虫较短，尾端向腹侧卷曲。虫卵随粪便排出。刚产出的卵无感染力，但生命力顽强。虫卵污染泥土、食物，在适宜的温度、湿度条件下，2周左右发展为感染性虫卵。学前儿童
            人蛔虫是寄生在人体的最大线虫之一，雌雄异体。其成虫状如蚯蚓，色淡红，寄生于肠道内，寿命约1年。雌成虫身体较长，尾端伸直，每日产卵20余万个；雄成虫较短，尾端向腹侧卷曲。虫卵随粪便排出。刚产出的卵无感染力，但生命力顽强。虫卵污染泥土、食物，在适宜的温度、湿度条件下，2周左右发展为感染性虫卵。学前儿童喜玩泥土，若
          </p>
        </div>
      </div>
@@ -3245,7 +3245,7 @@
        </div>
        <div class="padding-96">
          <p class="t0">
            喜玩泥土，若饭前不认真洗手，或生吃不洁的瓜果蔬菜、喝不洁生冷水，或使用虫卵污染的食具、玩具等，均可感染该病。
            饭前不认真洗手，或生吃不洁的瓜果蔬菜、喝不洁生冷水，或使用虫卵污染的食具、玩具等，均可感染该病。
          </p>
          <h5 id="e258">2.症状</h5>
          <p>
@@ -3260,14 +3260,51 @@
            ①进行广泛的卫生宣传，注意环境卫生，消灭蝇类。做好粪便管理和改良积肥，不随地大小便。
          </p>
          <p>②讲究饮食卫生，生吃瓜果蔬菜一定要洗干净。</p>
          <p>
            ③讲究个人卫生，勤剪指甲，进餐前后肥皂、流动水洗手，不吸吮手指。
          </p>
          <p>④托幼机构可于每年9月、10月进行集体驱蛔。</p>
          <p>（2）治疗</p>
          <p>服驱蛔虫药，驱蛔虫。</p>
          <div class="fl fl-around">
            <div class="left" style="width: 48%">
              <p class="center openImgBox" style="margin-top: 50px">
                <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%">
              </p>
              <p class="img">图7-1 蛲虫生活史</p>
            </div>
            <div class="right" style="width: 50%">
              <h4 id="d288" class="tl">（二）蛲虫病</h4>
              <p>
                蛲虫病是蛲虫寄生于人体所致的一种常见的寄生虫病。临床以会阴及肛门附近瘙痒为特征，易在家庭及托幼机构中流行。
              </p>
              <h5 id="e260" class="tl">1.病因及流行病学</h5>
              <p>
                蛲虫为乳白色，约1厘米长，状如棉线线头，故又名线头虫。雌雄异体。一般寄生于人体小肠下段、阑尾、直肠等处。雌雄交配，雄虫交配后即死亡。雌虫于夜间移行至肛门附近产卵，每条雌虫可含卵5000～17000个，成熟的雌虫在爬行时连续产卵，数分钟内可连续产卵达10000个左 右。具有感染性的虫卵被吞入后至发育为成虫需1个月左右，
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 207 -->
    <div class="page-box" page="215">
      <div v-if="showPageList.indexOf(215) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题七&nbsp;学前儿童疾病及其预防</span
          >
          <span class="page-header-num">207</span>
        </div>
        <div class="padding-96">
          <p class="m0-t0">
           成虫的寿命为20～30天。成熟的虫卵对外界抵抗力甚大，在自然环境中可保持感染性10～14天。
          </p>
          <div class="fl fl-around">
            <div class="left" style="width: 38%">
              <p>
                ③讲究个人卫生，勤剪指甲，进餐前后肥皂、流动水洗手，不吸吮手指。
              <p class="tl">
                儿童主要经手—口传染。被虫卵污染的手、食物、食具可使人进食时感染。由于雌虫夜间在肛门处产卵，引起瘙痒，儿童用手抓挠，手或指甲内沾上虫卵可使患儿反复感染。虫卵排出后还可污染衣裤、被褥或玩具，也可造成传播。
              </p>
              <p>④托幼机构可于每年9月、10月进行集体驱蛔。</p>
              <p>（2）治疗</p>
              <p>服驱蛔虫药，驱蛔虫。</p>
            </div>
            <div class="right" style="width: 60%">
              <video
@@ -3288,43 +3325,6 @@
              <p class="img">视频：学前儿童常见寄生虫病——蛲虫病</p>
            </div>
          </div>
          <div class="fl fl-around">
            <div class="left" style="width: 48%">
              <p class="center openImgBox" style="margin-top: 50px">
                <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%">
              </p>
              <p class="img">图7-1 蛲虫生活史</p>
            </div>
            <div class="right" style="width: 50%">
              <h4 id="d288" class="tl">（二）蛲虫病</h4>
              <p>
                蛲虫病是蛲虫寄生于人体所致的一种常见的寄生虫病。临床以会阴及肛门附近瘙痒为特征，易在家庭及托幼机构中流行。
              </p>
              <h5 id="e260" class="tl">1.病因及流行病学</h5>
              <p>
                蛲虫为乳白色，约1厘米长，状如棉线线头，故又名线头虫。雌雄异体。一般寄生于人体小肠下段、阑尾、直肠等处。雌雄交配，雄虫交配后即死亡。雌虫于夜间移行至肛门附近产卵，每条雌虫可含卵5000～17000个，成熟的雌虫在爬行时连续产卵，数分钟内可连续产卵达10000个左
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 207 -->
    <div class="page-box" page="215">
      <div v-if="showPageList.indexOf(215) > -1">
        <div class="page-header-box">
          <span class="page-header-text" 
            >专题七&nbsp;学前儿童疾病及其预防</span
          >
          <span class="page-header-num">207</span>
        </div>
        <div class="padding-96">
          <p class="m0-t0">
            右。具有感染性的虫卵被吞入后至发育为成虫需1个月左右，成虫的寿命为20～30天。成熟的虫卵对外界抵抗力甚大，在自然环境中可保持感染性10～14天。
          </p>
          <p class="tl">
            儿童主要经手—口传染。被虫卵污染的手、食物、食具可使人进食时感染。由于雌虫夜间在肛门处产卵，引起瘙痒，儿童用手抓挠，手或指甲内沾上虫卵可使患儿反复感染。虫卵排出后还可污染衣裤、被褥或玩具，也可造成传播。
          </p>
          <h5 id="e261" class="tl">2.症状</h5>
          <p class="tl">
            雌虫夜间产卵使肛门奇痒，影响睡眠，间接影响小儿的精神状态和食欲。因瘙痒抓破皮肤，可使肛门周围皮肤发炎。
@@ -3448,7 +3448,7 @@
            8.幼儿患上呼吸道感染时，应适当增加运动量，促进痊愈。（<input
              type="text"
              class="judge-input"
              v-model="chapterSevenData.question.judge.qEnight"
              v-model="chapterSevenData.question.judge.qEight"
              @input="saveChapterOneData"
            />）
          </p>
@@ -3456,7 +3456,7 @@
            9.麻疹黏膜斑为麻疹患者特有的征象，是早期诊断麻疹的重要标志。（<input
              type="text"
              class="judge-input"
              v-model="chapterSevenData.question.judge.qEnight"
              v-model="chapterSevenData.question.judge.qNine"
              @input="saveChapterOneData"
            />）
          </p>
@@ -3660,7 +3660,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations v-if="questionData" :cardList="questionData[217] ? questionData[217][1] : []" />
            <span class="span-border"></span>
@@ -3782,7 +3782,7 @@
            qFive:"",
            qSix:"",
            qSeven:"",
            qEnight:"",
            qEight:"",
            qNine:"",
            qTen:"",
            qEleven:"",

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

@@ -512,6 +512,8 @@
          <p>
            ②用左手食指、拇指将患儿上下眼皮轻轻分开，嘱患儿头向后仰，眼睛向上看。
          </p>
          <p>③操作者右手持滴药瓶，轻轻将药液滴于下眼皮内，每次1～2滴。</p>
          <p> ④嘱患儿轻轻闭上眼睛，操作者用拇指、食指轻提其上眼皮，嘱患儿转动眼球，使药液均匀涂满眼内。</p>
          <p class="custom_tag"><b>•温馨提示•</b></p>
          <div class="fieldset">
            <p class="block">①眼药膏宜在睡前涂用。</p>
@@ -522,10 +524,7 @@
              ③若眼药膏和滴眼液合用，应先使用滴眼液，5～10分钟后再涂眼药膏，因为眼药膏的油性会阻碍滴眼液的吸收。
            </p>
            <p class="block">
              ④眼药膏开启后，使用期不要超过4周。③操作者右手持滴药瓶，轻轻将药液滴于下眼皮内，每次1～2滴。
            </p>
            <p class="block">
              ④嘱患儿轻轻闭上眼睛，操作者用拇指、食指轻提其上眼皮，嘱患儿转动眼球，使药液均匀涂满眼内。
              ④眼药膏开启后，使用期不要超过4周。
            </p>
          </div>
          <p>涂眼药膏前也应核对药名，操作如下。</p>
@@ -1178,13 +1177,16 @@
          </p>
          <h4 id="d296">（六）晕厥</h4>
          <p>
            天气过于炎热，未进早餐引起低血糖，或站立过久、疼痛、精神紧张，均可使大脑短时间出现供血不足，引起晕厥。晕厥发生前，患儿多有短时间的头晕、恶心、心慌、眼前发黑、四肢发凉、出冷汗症状，随即摔倒在地。
            天气过于炎热，未进早餐引起低血糖，或站立过久、疼痛、精神紧张，均可使大脑短时间出现供血不足，引起晕厥。晕厥发生前，患儿多有短时间的头晕、恶心、心慌、眼前
          </p>
          <div class="fl fl-around">
            <div class="left" style="width: 75%">
              <p>
                处理办法：让患儿平卧，松开衣领、腰带，头部略放低，脚略抬高，改善脑部供血，不长时间即可恢复（见图8-3）。患儿清醒后，可适当补充热的糖盐水或热饮。
              </p>
              <div>
                <p class="t0">发黑、四肢发凉、出冷汗症状，随即摔倒在地。</p>
                <p>
                  处理办法：让患儿平卧，松开衣领、腰带，头部略放低，脚略抬高，改善脑部供血，不长时间即可恢复（见图8-3）。患儿清醒后，可适当补充热的糖盐水或热饮。
                </p>
              </div>  
            </div>
            <div class="right" style="width: 20%">
              <p class="center openImgBox">
@@ -1197,7 +1199,7 @@
            <div class="left" style="width: 38%">
              <h4 id="d297" class="tl">（七）惊厥</h4>
              <p class="tl">
                幼儿惊厥的原因很多（详见本书专题七），表现通常是突然性意识丧失，头向后仰，眼球凝视，口唇青紫，呼吸微弱，四肢及面部抽搐，持续时间不等，可短至1分钟，长至几十分钟。发生惊厥后，保教人员不可惊慌、大声呼叫或拍打幼儿。
                幼儿惊厥的原因很多（详见本书专题七），表现通常是突然性意识丧失，头向后仰，眼球凝视，口唇青紫，呼吸微弱，四肢及面部抽搐，持续时间不等，可短至1分钟，长至几十分钟。发生
              </p>
            </div>
            <div class="right" style="width: 60%">
@@ -1217,6 +1219,7 @@
              <p class="img">视频：惊厥、晕厥、休克的处理</p>
            </div>
          </div>
          <p class="t0">惊厥后，保教人员不可惊慌、大声呼叫或拍打幼儿。</p>
          <p class="tl">处理办法如下。</p>
          <p class="tl">①让患儿侧卧，便于及时排出分泌物，防止异物入气管。</p>
        </div>
@@ -2445,7 +2448,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations v-if="questionData" :cardList="questionData[242] ? questionData[242][1] : []"  />
            <span class="span-border"></span>

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

@@ -1744,7 +1744,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
            v-if="questionData"

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

@@ -1347,7 +1347,7 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
            v-if="questionData"

 src/books/lifeCare/css/default.less

@@ -241,6 +241,18 @@
        }
      }

      .tk-line {
        width: 100px !important;
        border: 0;
        border-bottom: 1px solid #000 !important;
        font-size: 14px !important;
      }

      .tk-line:focus {
        outline: none;
        border-bottom: 1px solid #000 !important;
      }

      .chapter {
        font-family: "宋体";

@@ -593,6 +605,16 @@
          display: flex;
          justify-content: flex-start;
          align-items: center;

          .btnUpload-chapter006 {
            border-radius: 5px;
            background-color: #f49a4c;
            border: 1px solid #f49a4c;
            cursor: pointer;
            padding: 5px 6px;
            fill: #fff;
            margin-bottom: -10px;
          }
        }

        .bk-inputUpload {
@@ -930,7 +952,7 @@
        }

        .img-gn-zt {
          width: 180px;
          width: 120px;
        }

        div.bodystyle {
@@ -1597,7 +1619,7 @@
      }

      @media screen and (max-width: 800px) {
        .public-bookInnerContent .coverImg {
        .coverImg {
          position: absolute;
          top: 25%;
          left: 0;
@@ -1702,6 +1724,12 @@
          .drawContent_wall {
            margin-bottom: 2em;
          }

          .pic-wall {
            display: flex;
            justify-content: flex-start;
            align-items: center;
          }
        }
      }
    }

 src/books/lifeCare/view/components/chapter001.vue

@@ -636,7 +636,7 @@
            ></textarea>
          </div>
          <p>走访的托育园一日生活日程见表1-1-2。</p>
          <p class="img">表1-1-2　______托育园一日生活日程</p>
          <p class="img">表1-1-2<input type="text" maxlength="6" v-model="chapter001.text112Item" class="tk-line"/>托育园一日生活日程</p>
          <div class="chapter01Table">
            <table class="table112">
              <thead>
@@ -1143,7 +1143,7 @@
                      contenteditable
                      @blur="onBlurChangeTable112($event, 'cell581')"
                    >
                      {{ chapter001.table112.cell58 }}
                      {{ chapter001.table112.cell581 }}
                    </div>
                  </td>
                  <td>

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

@@ -324,7 +324,7 @@
          <p>
            2.查阅阅读手册、托育园的食谱记录，设计一份婴幼儿的一日食谱（见表1-5-2）。
          </p>
          <p class="img">表1-5-2　______月龄一日食谱（ 年 月 日）</p>
          <p class="img">表1-5-2　<input type="text" maxlength="6" v-model="chapter005.text152Item" class="tk-line"/>月龄一日食谱（ 年 月 日）</p>
          <!-- <p class="center">
          <img class="img-a" alt="" src="../../image/0086-1.jpg" />
        </p> -->

 src/books/lifeCare/view/components/chapter006.vue

@@ -3,7 +3,9 @@
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -1">
        <div class="bodystyle topImg">
          <h2 id="b006"><img class="img-0" alt="" src="../../image/dy6.jpg" /></h2>
          <h2 id="b006">
            <img class="img-0" alt="" src="../../image/dy6.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
@@ -623,12 +625,11 @@
          </div> -->
          <p class="pic-wall chapter-006">
            <span
              >1.根据以上情境，针对某一年龄段，以小组合作的方式共同设计一个主题墙饰，使婴幼儿能具体、直观地看到自己的饮水量，同时也便于托育园操作。在下方画出设计草图，并制作完成。</span
            >
            <span class="btnUpload-list btn" @click="handFile('fileThree')">
              >1.根据以上情境，针对某一年龄段，以小组合作的方式共同设计一个主题墙饰，使婴幼儿能具体、直观地看到自己的饮水量，同时也便于托育园操作。在下方画出设计草图，并制作完成。
              <svg
                @click="handFile('fileThree')"
                t="1717059899765"
                class="icon"
                class="icon btnUpload-chapter006"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
@@ -707,21 +708,21 @@
                    主公饮水的习惯
                  </td>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text1')">
                    <div contenteditable @blur="updateCell162($event, 'text1')">
                      {{ chapter006.tableData162.text1 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text2')">
                    <div contenteditable @blur="updateCell162($event, 'text2')">
                      {{ chapter006.tableData162.text2 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text3')">
                    <div contenteditable @blur="updateCell162($event, 'text3')">
                      {{ chapter006.tableData162.text3 }}
                    </div>
                  </td>
@@ -731,21 +732,21 @@
                    愿意喝白开水的习惯
                  </td>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text4')">
                    <div contenteditable @blur="updateCell162($event, 'text4')">
                      {{ chapter006.tableData162.text4 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text5')">
                    <div contenteditable @blur="updateCell162($event, 'text5')">
                      {{ chapter006.tableData162.text5 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text6')">
                    <div contenteditable @blur="updateCell162($event, 'text6')">
                      {{ chapter006.tableData162.text6 }}
                    </div>
                  </td>
@@ -755,21 +756,21 @@
                    其他良好的饮水习惯
                  </td>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text7')">
                    <div contenteditable @blur="updateCell162($event, 'text7')">
                      {{ chapter006.tableData162.text7 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text8')">
                    <div contenteditable @blur="updateCell162($event, 'text8')">
                      {{ chapter006.tableData162.text8 }}
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <div contenteditable @blur="updateCell162($event,'text9')">
                    <div contenteditable @blur="updateCell162($event, 'text9')">
                      {{ chapter006.tableData162.text9 }}
                    </div>
                  </td>
@@ -911,7 +912,7 @@
                  <tr>
                    <th
                      :style="{
                        width: index == 3 ? '300px' : '',
                        width: index == 3 ? '300px' : '80px',
                      }"
                      v-for="(header, index) in chapter006.publicHeader"
                      :key="index"
@@ -1573,9 +1574,9 @@
      this.$set(this.chapter006.tableData161[rowIndex], cellIndex, value);
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    updateCell162(e,val) {
    updateCell162(e, val) {
      // 更新单元格数据
      this.chapter006.tableData162[val] = e.target.innerText
      this.chapter006.tableData162[val] = e.target.innerText;
      localStorage.setItem("chapter006", JSON.stringify(this.chapter006));
    },
    onBlurChange() {

 src/books/lifeCare/view/components/chapter007.vue

@@ -2418,7 +2418,7 @@
            ></textarea>
            <p class="left">消毒</p>
            <textarea
              v-model="chapter007.textAreaItem.text68"
              v-model="chapter007.textAreaItem.text681"
              style="border: 0"
              placeholder="请输入内容"
              rows="3"

 src/books/lifeCare/view/components/chapter010.vue

@@ -3,7 +3,9 @@
    <div class="page-box" page="152">
      <div v-if="showPageList.indexOf(152) > -1">
        <div class="bodystyle topImg">
          <h2 id="b009"><img class="img-0" alt="" src="../../image/zt1.jpg" /></h2>
          <h2 id="b009">
            <img class="img-0" alt="" src="../../image/zt1.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
@@ -58,15 +60,15 @@
          <p><br /></p>
          <div class="zt-yy-brd">
            <div class="bk-zt1">
            <div class="bj1-zt1">
              <p class="left">
                <img class="img-gn-zt" alt="" src="../../image/zt-my.png" />
              <div class="bj1-zt1">
                <p class="left">
                  <img class="img-gn-zt" alt="" src="../../image/zt-my.png" />
                </p>
              </div>
              <p>
                蒙台梭利：“人生的头3年胜过以后发展的各个阶段，胜过3岁直到死亡的总和。”
              </p>
            </div>
            <p>
              蒙台梭利：“人生的头3年胜过以后发展的各个阶段，胜过3岁直到死亡的总和。”
            </p>
          </div>
          </div>
          <p>
            婴幼儿时期是人类发展的最初阶段，是个体发展过程中生长发育最快的阶段，为个体的终身发展奠定了基础，对个体今后智力、情感、运动、社会交往等各方面都有着重要的影响。经验表明，为婴幼儿提供保健护理、充足的营养以及早期发展指导，能提高他们在未来的教育成就、健康水平，对他们获得更公平的经济与社会机会具有显著的促进作用。
@@ -97,25 +99,27 @@
          <p><br /></p>
          <div class="zt-yy-brd">
            <div class="bk-zt1">
            <div class="bj1-zt1">
              <p class="left">
                <img class="img-gn-zt" alt="" src="../../image/zt-yy.png" />
              </p>
              <div class="bj1-zt1">
                <p class="left">
                  <img class="img-gn-zt" alt="" src="../../image/zt-yy.png" />
                </p>
              </div>
              <p>“三岁看大，七岁看老。”</p>
            </div>
            <p>“三岁看大，七岁看老。”</p>
          </div>
          <p><br /></p>
          <div class="bk-zt1">
            <div class="bj1-zt1">
              <p class="left">
                <img class="img-gn-zt" alt="" src="../../image/zt-xyx.png" />
              </p>
            <p><br /></p>
            <div class="bk-zt1">
              <div class="bj1-zt1">
                <p class="left">
                  <img class="img-gn-zt" alt="" src="../../image/zt-xyx.png" />
                </p>
              </div>
              <p>保育的概念是什么？</p>
            </div>
            <p>保育的概念是什么？</p>
          </div>
          </div>
          <h3 id="c032">
            <span class="bk1-h3"><span class="bj2-h3">一</span>　　婴幼儿生活保育的概念　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">一</span>　　婴幼儿生活保育的概念　</span
            >
          </h3>
          <p>
            刚出生的婴儿无法离开成人独自在社会中生存。即使是幼儿，其自我照料、自我保护的能力及意识、经验等也都比较缺乏，必须依赖于成人生存和生活。婴幼儿的这种依赖性，决定了成人要为他们提供必需的生活环境与条件，精心地照护与养育他们，这些是婴幼儿得以生存和健康成长的重要保证。
@@ -154,7 +158,9 @@
                  <p>
                    4.负责本班区域和包干区域的环境和设备的清洁、消毒工作，保持室内外环境整洁。
                  </p>
                  <p>5.与教师共同管理婴幼儿的生活，配合本班教师组织教育活动。</p>
                  <p>
                    5.与教师共同管理婴幼儿的生活，配合本班教师组织教育活动。
                  </p>
                  <p>
                    6.根据婴幼儿的年龄特点，全面关注婴幼儿的身心健康，做好特殊婴幼儿的观察护理工作。
                  </p>
@@ -175,7 +181,10 @@
            </div>
          </div>
          <h3 id="c033">
            <span class="bk1-h3"><span class="bj2-h3">二</span>　　婴幼儿生活保育的主要任务　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">二</span
              >　　婴幼儿生活保育的主要任务　</span
            >
          </h3>
          <p>
            第一，提供良好的环境，包括良好的、符合安全与卫生要求的物质环境，以及良好的精神环境。
@@ -268,7 +277,9 @@
                  <p>2.养成良好的饮食行为习惯。</p>
                  <p>（二）保育要点。</p>
                  <p>1. 7-12个月</p>
                  <p>（1）继续母乳喂养，不能继续母乳喂养的婴儿使用配方奶喂养。</p>
                  <p>
                    （1）继续母乳喂养，不能继续母乳喂养的婴儿使用配方奶喂养。
                  </p>
                  <p>
                    （2）及时添加辅食，从富含铁的泥糊状食物开始，遵循由一种到多种、由少到多、由稀到稠、由细到粗的原则。辅食不添加糖、盐等调味品。
                  </p>
@@ -288,7 +299,9 @@
            </div>
          </div>
          <h3 id="c034">
            <span class="bk1-h3"><span class="bj2-h3">三</span>　　我国保育工作的发展历程　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">三</span>　　我国保育工作的发展历程　</span
            >
          </h3>
          <p>
            1938年，中国战时儿童保育会（简称“保育会”）成立。保育会是抗战时期成立的一个民间性质的以救济、教育受难儿童为宗旨的团体，是国共两党真诚合作的产物，是抗日战争时期中国妇女运动的杰出成果，旨在拯救在日寇铁蹄下亲人被害、无家可归的受难儿童，保护中华民族未来的接班人。保育会理事长是宋美龄，副理事长是李德全，常务理事有邓颖超、曹孟君等人。1937—1945年，保育会在十分艰苦的条件下，先后建立了二十多个分会、六十多个保育院，拯救、培养、教育了近三万名受难儿童，为抗战做出了巨大贡献。抗战胜利后，保育会完成其历史使命，于1946年9月15日宣布停止活动。
@@ -332,12 +345,16 @@
            2001年印发的《幼儿园教育指导纲要（试行）》指出，幼儿园教育要与0～3岁儿童的保育教育以及小学教育相互衔接。《国家中长期教育改革和发展规划纲要（2010—2020年）》指出，要重视0至3岁婴幼儿教育。从2016年开始，政府在相关政策法规中多次提及发展托育。2019年，国务院办公厅印发了《关于促进3岁以下婴幼儿照护服务发展的指导意见》。随着政府对婴幼儿托育服务的重视，中国托育行业受到重点关注，更多家长表示会考虑将孩子送到托育机构。为进一步加强托育机构专业化、规范化建设，国家卫生健康委先后发布了《托育机构设置标准（试行）》《托育机构管理规范（试行）》《托育机构保育指导大纲（试行）》《托育机构婴幼儿伤害预防指南（试行）》。这一阶段，政府高度重视0～3岁婴幼儿的早期发展，不仅重视婴幼儿的生存、保健、营养，还重视婴幼儿的心理发展与教育：从对婴幼儿生命存续的关注提升至对生命质量的关注；能够用生态、系统的眼光看待婴幼儿的发展，关注0～3岁婴幼儿微观系统的质量提升，重视家庭教育指导工作；认识到0～3岁婴幼儿早期发展已逐渐成为社会公共问题；党的二十大更是将“幼有所育”作为保障和改善民生工作的重要内容之一。
          </p>
          <h3 id="c035">
            <span class="bk1-h3"><span class="bj2-h3">四</span>　　婴幼儿生活保育的目标　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">四</span>　　婴幼儿生活保育的目标　</span
            >
          </h3>
          <p>
            保育工作应当遵循婴幼儿发展的年龄特点与个体差异，通过多种途径促进婴幼儿身体发育和心理发展。生活保育的具体目标如下。
          </p>
          <p>第一，获得安全、营养的食物，获得充足睡眠，达到正常生长发育水平。</p>
          <p>
            第一，获得安全、营养的食物，获得充足睡眠，达到正常生长发育水平。
          </p>
          <p>
            第二，学习盥洗、如厕、穿脱衣服等生活技能，逐步养成良好的生活卫生习惯。
          </p>
@@ -365,7 +382,9 @@
        </div>
        <div class="bodystyle">
          <h3 id="c036">
            <span class="bk1-h3"><span class="bj2-h3">五</span>　　婴幼儿生活保育的意义　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">五</span>　　婴幼儿生活保育的意义　</span
            >
          </h3>
          <h4 class="h4-zt" id="d095">（一）保障婴幼儿健康成长</h4>
          <p>
@@ -380,7 +399,9 @@
            婴幼儿的可塑性大，0～3岁正是良好行为习惯形成的敏感时期。婴幼儿吮手指、挖鼻孔、餐后不漱口等不良生活卫生习惯较常见。婴幼儿就像一棵幼苗，只有在开始阶段就细心培育，才能保证他们健康、正常地成长。生活保育在照护婴幼儿的同时，也在潜移默化地培养婴幼儿的良好的生活习惯。
          </p>
          <h3 id="c037">
            <span class="bk1-h3"><span class="bj2-h3">六</span>　　托育机构的一日生活　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">六</span>　　托育机构的一日生活　</span
            >
          </h3>
          <h4 class="h4-zt" id="d098">（一）托育机构的一日生活简介</h4>
          <p>
@@ -600,11 +621,19 @@
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../../image/0174-1.jpg" />
          </p>
          <p><br/></p>
          <p><br /></p>
          <div class="bk-tx border-xxfs">
            <div class="bj3"><span class="cirlce"></span><span>学习反思</span></div>
            <textarea v-model="chapter010.textAreaItem.text39" style="border: 0" placeholder="请输入内容" rows="8"
              class="textareaInput" @blur="onBlurChange('text39')"></textarea>
            <div class="bj3">
              <span class="cirlce"></span><span>学习反思</span>
            </div>
            <textarea
              v-model="chapter010.textAreaItem.text39"
              style="border: 0"
              placeholder="请输入内容"
              rows="8"
              class="textareaInput"
              @blur="onBlurChange('text39')"
            ></textarea>
          </div>
        </div>
      </div>

 src/books/lifeCare/view/components/chapter014.vue

@@ -3,7 +3,9 @@
    <div class="page-box" page="195">
      <div v-if="showPageList.indexOf(195) > -1">
        <div class="bodystyle topImg">
          <h2 id="b013"><img class="img-0" alt="" src="../../image/zt5.jpg" /></h2>
          <h2 id="b013">
            <img class="img-0" alt="" src="../../image/zt5.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
@@ -100,7 +102,9 @@
            生命早期的10000天被世界卫生组织定义为一个人生长发育的“机遇窗口期”，是人的体格和大脑发育最快的时期，这期间的营养状况与其一生的健康息息相关，不仅影响身体和智力发育，还与成年后慢性病的发病率有明显联系。由于婴幼儿的消化系统、免疫系统尚未发育完善，生活自理能力不强，独立进餐能力、良好进餐习惯需要培养，因此，托育机构在进餐活动这一环节需要对婴幼儿进行特别的保育。托育机构应为婴幼儿提供丰富的营养，既可以使他们避免感染感冒和其他的传播性疾病，还可以使他们充分生长并发展最大的潜力。
          </p>
          <h3 id="c068">
            <span class="bk1-h3"><span class="bj2-h3">一</span>　　婴幼儿的营养需求　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">一</span>　　婴幼儿的营养需求　</span
            >
          </h3>
          <p>
            0～3岁婴幼儿处于快速生长发育阶段，合理的营养能促进婴幼儿生长发育并增进身体健康。营养供给不足时，可引起营养素缺乏性疾病，导致婴幼儿生长发育迟缓甚至影响成年后的体格和智力发育；反之，营养过剩则可能引起婴幼儿肥胖，可增加成年后发生糖尿病、高血压和冠心病的概率。
@@ -199,7 +203,10 @@
            人类肠道不能消化吸收膳食纤维。膳食纤维常以原形排出，具有促进肠胃蠕动和控制体重的作用。婴幼儿摄入过多，易产生胃肠胀气；摄入过少，易引起便秘。有丰富膳食纤维的食物是谷物、豆类、蔬菜和水果。
          </p>
          <h3 id="c069">
            <span class="bk1-h3"><span class="bj2-h3">二</span>　　不同年龄段婴幼儿的膳食要求　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">二</span
              >　　不同年龄段婴幼儿的膳食要求　</span
            >
          </h3>
          <h4 class="h4-zt" id="d164">（一）0～1岁婴儿的膳食要求</h4>
          <h5 class="h5-zt" id="e125">1.母乳是最理想的食物</h5>
@@ -249,7 +256,10 @@
            2～3岁幼儿可与成人共同进食普通食物，但应是质地软、清淡的，建议多采用蒸、煮、炖、煨等方式烹调，少放调料、少用油炸。在食物的制作上应多样化，注意食物的色、香、味，尽可能使食物的形态富有童趣。
          </p>
          <h3 id="c070">
            <span class="bk1-h3"><span class="bj2-h3">三</span>　　不同年龄段婴幼儿的喂养原则　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">三</span
              >　　不同年龄段婴幼儿的喂养原则　</span
            >
          </h3>
          <h4 class="h4-zt" id="d167">（一）0～6月龄的喂养原则</h4>
          <h5 class="h5-zt" id="e131">1.坚持第一口是母乳</h5>
@@ -378,7 +388,9 @@

        <div class="bodystyle">
          <h3 id="c071">
            <span class="bk1-h3"><span class="bj2-h3">四</span>　　提高婴幼儿的食欲　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">四</span>　　提高婴幼儿的食欲　</span
            >
          </h3>
          <h4 class="h4-zt" id="d171">（一）影响婴幼儿食欲的因素</h4>
          <h5 class="h5-zt" id="e146">1.进餐环境</h5>
@@ -431,7 +443,10 @@

        <div class="bodystyle">
          <h3 id="c072">
            <span class="bk1-h3"><span class="bj2-h3">五</span>　　不同年龄段婴幼儿的一日饮食　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">五</span
              >　　不同年龄段婴幼儿的一日饮食　</span
            >
          </h3>
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
@@ -646,7 +661,6 @@
            <img class="img-a" alt="" src="../../image/0215-2.jpg" />
          </p>
        </div>

      </div>
    </div>
    <div class="page-box" page="204">
@@ -668,7 +682,9 @@

        <div class="bodystyle">
          <h3 id="c073">
            <span class="bk1-h3"><span class="bj2-h3">六</span>　　为婴幼儿配制食物　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">六</span>　　为婴幼儿配制食物　</span
            >
          </h3>
          <h4 class="h4-zt" id="d176">（一）配方奶粉的配制</h4>
          <h5 class="h5-zt" id="e154">1.做好准备工作</h5>
@@ -752,7 +768,9 @@
          </p> -->
            <!-- <p>扫码看《0～3岁婴幼儿辅食的具体制作方法》。</p> -->
            <div class="tips-bk">
              <div class="bj-tip tip-specail">0～3岁婴幼儿辅食的具体制作方法</div>
              <div class="bj-tip tip-specail">
                0～3岁婴幼儿辅食的具体制作方法
              </div>
              <div class="tips-file">
                <div class="p-text">
                  <p>（一）7～12月龄辅食制作</p>
@@ -894,7 +912,9 @@

        <div class="bodystyle">
          <h3 id="c074">
            <span class="bk1-h3"><span class="bj2-h3">七</span>　　为婴幼儿选择合适的餐具　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">七</span>　　为婴幼儿选择合适的餐具　</span
            >
          </h3>
          <h4 class="h4-zt" id="d179">（一）各类餐具的特点</h4>
          <p>各类婴幼儿餐具的特点见表2-5-6。</p>
@@ -952,7 +972,9 @@
            ③大人的餐具：此类餐具会增加婴幼儿学习用餐的难度；此外，大人的餐具易使婴幼儿感染一些传染性疾病，不利于健康。
          </p>
          <h3 id="c075">
            <span class="bk1-h3"><span class="bj2-h3">八</span>　　为婴幼儿分发餐具与食物　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">八</span>　　为婴幼儿分发餐具与食物　</span
            >
          </h3>
          <h4 class="h4-zt" id="d183">（一）分发餐具与食物的流程</h4>
          <p>分发餐具与食物的流程如下（见图2-5-4）。</p>
@@ -1005,7 +1027,9 @@
            ③添加饭菜时，若幼儿的进餐速度正常且食物快没有了，可及时添加适量饭菜；若幼儿进食速度减慢，又想要添加，可减量添加。
          </p>
          <h3 id="c076">
            <span class="bk1-h3"><span class="bj2-h3">九</span>　　进行餐前教育　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">九</span>　　进行餐前教育　</span
            >
          </h3>
          <h4 class="h4-zt" id="d186">（一）引导婴幼儿关注进餐</h4>
          <p>
@@ -1121,6 +1145,32 @@
          <p>
            保育员应使用恰当的语言提示婴幼儿进餐常规，并以温和、平静、商量、随时准备帮忙的语气和行为，指导婴幼儿进餐。
          </p>
          <div class="zt-yy-brd" style="margin-bottom: 30px">
            <div class="bk-ztgs">
              <p class="bj1-ztgs">⊙　进餐常规要求　⊙</p>
              <p class="block">1.会正确取放餐具。</p>
              <p class="block">
                2.将勺放在碗里，一只手的拇指压勺，双手端碗回座位。
              </p>
              <p class="block">
                3.正确的进餐姿势：身体坐直，双脚平放在椅子前，胸紧贴桌子，一手扶碗，另一手拿勺。
              </p>
              <p class="block">
                4.安静专心进餐，保持桌面、地面的清洁，掉落残渣要捡起。
              </p>
              <p class="block">
                5.细嚼慢咽，坚持把碗里的饭菜吃完，逐渐能接受并喜欢吃各种食物，不挑食。
              </p>
              <p class="block">
                6.餐后整理：清理桌面，送餐具，擦嘴，漱口，搬椅子。
              </p>
            </div>
          </div>

          <h4 class="h4-zt" id="d189">（四）餐前仪式</h4>
          <p>
            采用儿歌、童谣等形式，增加婴幼儿对食物来之不易的感受和爱惜食物的情感，还可以说一些感恩的话。
          </p>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">⊙　进餐常规要求　⊙</p>
            <p class="block">1.会正确取放餐具。</p>
@@ -1140,20 +1190,39 @@
              6.餐后整理：清理桌面，送餐具，擦嘴，漱口，搬椅子。
            </p>
          </div>
          <h4 class="h4-zt" id="d189">（四）餐前仪式</h4>
          <p>
            采用儿歌、童谣等形式，增加婴幼儿对食物来之不易的感受和爱惜食物的情感，还可以说一些感恩的话。
          </p>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">⊙　饭前常用感恩词　⊙</p>
            <p class="block">1.感谢太阳，因为太阳让我们的粮食慢慢长大。</p>
            <p class="block">2.感谢厨师，因为他们给我们准备了丰富的食物。</p>
            <p class="block">3.感谢禾苗，因为禾苗长成了我们吃的粮食。</p>
            <p class="bj1-ztgs">⊙　进餐常规要求　⊙</p>
            <p class="block">1.会正确取放餐具。</p>
            <p class="block">
              4.感谢农民伯伯，因为他们给我们种了好吃的菜和粮食。
              2.将勺放在碗里，一只手的拇指压勺，双手端碗回座位。
            </p>
            <p class="block">5.感谢老师，因为他们教了我们很多就餐礼仪。</p>
            <p class="block">6.感谢包子和馒头，因为它们有各种味道给我们品尝。</p>
            <p class="block">
              3.正确的进餐姿势：身体坐直，双脚平放在椅子前，胸紧贴桌子，一手扶碗，另一手拿勺。
            </p>
            <p class="block">
              4.安静专心进餐，保持桌面、地面的清洁，掉落残渣要捡起。
            </p>
            <p class="block">
              5.细嚼慢咽，坚持把碗里的饭菜吃完，逐渐能接受并喜欢吃各种食物，不挑食。
            </p>
            <p class="block">
              6.餐后整理：清理桌面，送餐具，擦嘴，漱口，搬椅子。
            </p>
          </div>
          <div class="zt-yy-brd" style="margin-bottom: 30px">
            <div class="bk-ztgs">
              <p class="bj1-ztgs">⊙　饭前常用感恩词　⊙</p>
              <p class="block">1.感谢太阳，因为太阳让我们的粮食慢慢长大。</p>
              <p class="block">2.感谢厨师，因为他们给我们准备了丰富的食物。</p>
              <p class="block">3.感谢禾苗，因为禾苗长成了我们吃的粮食。</p>
              <p class="block">
                4.感谢农民伯伯，因为他们给我们种了好吃的菜和粮食。
              </p>
              <p class="block">5.感谢老师，因为他们教了我们很多就餐礼仪。</p>
              <p class="block">
                6.感谢包子和馒头，因为它们有各种味道给我们品尝。
              </p>
            </div>
          </div>
        </div>
      </div>
@@ -1177,7 +1246,9 @@

        <div class="bodystyle">
          <h3 id="c077">
            <span class="bk1-h3"><span class="bj2-h3">十</span>　　喂哺婴儿　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十</span>　　喂哺婴儿　</span
            >
          </h3>
          <h4 class="h4-zt" id="d190">（一）瓶喂</h4>
          <h5 class="h5-zt" id="e161">1.瓶喂的正确操作</h5>
@@ -1239,7 +1310,9 @@
          </p>
          <p>③若婴儿拒绝进食，不要强迫进食，可以过一两周再尝试。</p>
          <h3 id="c078">
            <span class="bk1-h3"><span class="bj2-h3">十一</span>　　指导幼儿用勺进食　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十一</span>　　指导幼儿用勺进食　</span
            >
          </h3>
          <h4 class="h4-zt" id="d192">（一）食物与餐具的准备。</h4>
          <p>
@@ -1295,7 +1368,9 @@
          <p>④不纠正幼儿的用手习惯。</p>
          <p>⑤不阻止幼儿用手抓饭菜。</p>
          <h3 id="c079">
            <span class="bk1-h3"><span class="bj2-h3">十二</span>　　组织幼儿集体自主进餐　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十二</span>　　组织幼儿集体自主进餐　</span
            >
          </h3>
          <h4 class="h4-zt" id="d196">（一）组织幼儿集体进餐的要点</h4>
          <p>①帮助幼儿尝试自己取饭，引导幼儿按活动路线入座。</p>
@@ -1343,7 +1418,9 @@

        <div class="bodystyle">
          <h3 id="c080">
            <span class="bk1-h3"><span class="bj2-h3">十三</span>　　排除进餐中的安全隐患　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十三</span>　　排除进餐中的安全隐患　</span
            >
          </h3>
          <h4 class="h4-zt" id="d198">（一）热源隐患</h4>
          <p>
@@ -1403,7 +1480,9 @@
            ③若幼儿不能自主呼吸、咳嗽或正常发音，但尚有意识反应，应一人拨打120急救电话，另一人实施紧急救助，可采取海姆立克急救法进行急救。
          </p>
          <h3 id="c081">
            <span class="bk1-h3"><span class="bj2-h3">十四</span>　　培养良好的进餐习惯　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十四</span>　　培养良好的进餐习惯　</span
            >
          </h3>
          <h4 class="h4-zt" id="d202">（一）做好餐前准备</h4>
          <h5 class="h5-zt" id="e174">1.充足活动，保证空腹</h5>
@@ -1478,7 +1557,9 @@
            保育员在家长每天接幼儿时，要及时与家长交流幼儿在园情况，如吃饭、饮水、大便等情况。如果发现幼儿在园有不太喜欢吃的食物，需要提醒家长适当给幼儿吃一些；如果幼儿在园已吃了很多食物，就要提醒家长转移其注意力，避免幼儿进食太多。
          </p>
          <h3 id="c082">
            <span class="bk1-h3"><span class="bj2-h3">十五</span>　　纠正不良的进餐习惯　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十五</span>　　纠正不良的进餐习惯　</span
            >
          </h3>
          <h4 class="h4-zt" id="d208">（一）不良进餐习惯的表现</h4>
          <p>①挑食、偏食，食欲低下。对食物挑三拣四，是幼儿进餐中的普遍现象。</p>
@@ -1530,7 +1611,9 @@
            选取与爱惜粮食、不挑食等有关的绘本，如用《多多什么都爱吃》《汉堡男孩》，教育幼儿营养均衡的重要性；用《大公鸡和漏嘴巴》教育幼儿怎样进餐，进而使幼儿逐渐养成好习惯。还可以通过游戏活动将用餐的好习惯渗透进去，如游戏“小鸡吃米”“大鲨鱼和小乌龟”。
          </p>
          <h3 id="c083">
            <span class="bk1-h3"><span class="bj2-h3">十六</span>　　照护特殊婴幼儿进餐　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十六</span>　　照护特殊婴幼儿进餐　</span
            >
          </h3>
          <h4 class="h4-zt" id="d210">（一）体弱儿的进餐照护</h4>
          <h5 class="h5-zt" id="e188">1.维生素D缺乏性佝偻病</h5>
@@ -1590,7 +1673,9 @@
            教师、保育员和家长应保证幼儿在园内、在家都能按照科学的原则调整膳食，共同鼓励幼儿树立控制体重的信心，并持之以恒。
          </p>
          <h3 id="c084">
            <span class="bk1-h3"><span class="bj2-h3">十七</span>　　餐后整理　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十七</span>　　餐后整理　</span
            >
          </h3>
          <h4 class="h4-zt" id="d212">（一）指导幼儿餐后整理</h4>
          <h5 class="h5-zt" id="e196">1.指导幼儿整理餐具</h5>
@@ -1624,24 +1709,28 @@
          <p>
            提前放好幼儿的漱口桶。漱口前，确保口腔内无食物；用漱口杯接适量的水；将水含嘴里，闭口，鼓动两腮，反复冲洗口腔内各个部位附着的食物碎屑；将漱口水吐入专门的漱口桶内。为了便于幼儿掌握漱口操作要领，可用儿歌加以辅助。
          </p>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">⊙　漱口儿歌　⊙</p>
            <p class="block">
              儿歌1：手拿小花杯，喝口清清水。抬起头，闭上嘴。咕噜咕噜，咕噜咕噜，吐出水。　　
            </p>
            <p class="block">
              儿歌2：饭后接杯清清水，送到嘴里咕噜噜，吐出饭菜小渣渣，再把小嘴擦干净。
            </p>
          <div class="zt-yy-brd" style="margin-bottom: 30px">
            <div class="bk-ztgs">
              <p class="bj1-ztgs">⊙　漱口儿歌　⊙</p>
              <p class="block">
                儿歌1：手拿小花杯，喝口清清水。抬起头，闭上嘴。咕噜咕噜，咕噜咕噜，吐出水。　　
              </p>
              <p class="block">
                儿歌2：饭后接杯清清水，送到嘴里咕噜噜，吐出饭菜小渣渣，再把小嘴擦干净。
              </p>
            </div>
          </div>
          <p>（2）指导幼儿正确擦嘴</p>
          <p>
            事先准备好大小适宜的一次性餐巾纸或毛巾，放在备餐桌上。指导幼儿擦嘴时，双手捧住餐巾纸，放在嘴唇上，双手推动纸巾，从嘴角两边向中间擦，擦完一次后对折，再擦一次，最后将手擦干净。
          </p>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">⊙　擦嘴儿歌　⊙</p>
            <p class="block">
              小小纸巾双手托，对准嘴巴轻轻合，变成一块方手绢，擦擦折，擦擦折，照照镜子看一看，擦净嘴巴笑呵呵。
            </p>
          <div class="zt-yy-brd" style="margin-bottom: 30px">
            <div class="bk-ztgs">
              <p class="bj1-ztgs">⊙　擦嘴儿歌　⊙</p>
              <p class="block">
                小小纸巾双手托，对准嘴巴轻轻合，变成一块方手绢，擦擦折，擦擦折，照照镜子看一看，擦净嘴巴笑呵呵。
              </p>
            </div>
          </div>
          <h5 class="h5-zt" id="e198">3.流程</h5>
          <p>保育员应引导幼儿管理个人卫生（见图2-5-5）。</p>
@@ -1694,11 +1783,19 @@
          <p>
            保育员可以在收放餐具处，按照餐具摆放顺序贴上相应的标志。另外，幼儿放碗时经常出现餐具码得太高而倒塌的现象，可以引导幼儿“盖楼房”，哪座“楼房”矮就要盖哪座；可以利用情境引导婴幼儿判断正误，鼓励幼儿判断哪些做得对、哪些做得错，并讲明做出判断的理由；还可以采用分桌或按数量摆放的方法。
          </p>
          <p><br/></p>
          <p><br /></p>
          <div class="bk-tx border-xxfs">
            <div class="bj3"><span class="cirlce"></span><span>学习反思</span></div>
            <textarea v-model="chapter014.textAreaItem.text39" style="border: 0" placeholder="请输入内容" rows="8"
              class="textareaInput" @blur="onBlurChange('text39')"></textarea>
            <div class="bj3">
              <span class="cirlce"></span><span>学习反思</span>
            </div>
            <textarea
              v-model="chapter014.textAreaItem.text39"
              style="border: 0"
              placeholder="请输入内容"
              rows="8"
              class="textareaInput"
              @blur="onBlurChange('text39')"
            ></textarea>
          </div>
        </div>
      </div>

 src/books/lifeCare/view/components/chapter015.vue

@@ -1,9 +1,12 @@
<template>
<!-- eslint-disable no-irregular-whitespace -->
<template>
  <div class="chapter" num="16">
    <div class="page-box" page="220">
      <div v-if="showPageList.indexOf(220) > -1">
        <div class="bodystyle topImg">
          <h2 id="b014"><img class="img-0" alt="" src="../../image/zt6.jpg" /></h2>
          <h2 id="b014">
            <img class="img-0" alt="" src="../../image/zt6.jpg" />
          </h2>
          <div class="bk">
            <div class="bj1">
              <p class="left">
@@ -80,7 +83,9 @@

        <div class="bodystyle">
          <h3 id="c085">
            <span class="bk1-h3"><span class="bj2-h3">一</span>　　水对婴幼儿健康的作用　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">一</span>　　水对婴幼儿健康的作用　</span
            >
          </h3>
          <h4 class="h4-zt" id="d215">（一）构成机体</h4>
          <p>
@@ -99,7 +104,9 @@
            膳食中的水对其他营养素的消化、吸收、代谢都有影响。在含10%蛋白质的饮食中，增加20%的水分，可以使蛋白质的功效比值，即每克蛋白质使体重增加的效率提高15%～20%。
          </p>
          <h3 id="c086">
            <span class="bk1-h3"><span class="bj2-h3">二</span>　　人体内水的来源　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">二</span>　　人体内水的来源　</span
            >
          </h3>
          <p>
            人体内水的来源有三个途径：第一，水和其他饮料，占人体水分总来源的50%以上；第二，固体食物，占人体水分总来源的30%～40%；第三，剩下的10%～20%来自机体内物质的生物氧化过程。
@@ -108,7 +115,10 @@
            各种食物的含水量相差较大，因此，人体从食物中获取的水分因所摄取食物的种类、数量的不同而有所不同。
          </p>
          <h3 id="c087">
            <span class="bk1-h3"><span class="bj2-h3">三</span>　　不同年龄段婴幼儿的需水量　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">三</span
              >　　不同年龄段婴幼儿的需水量　</span
            >
          </h3>
          <p>
            婴幼儿对水的需求量取决于其活动量、饮食量以及气候等因素。通常气温越高，出汗越多，活动量越大，需水量就会增加；若摄入的蛋白质、无机盐较多，在排泄这些物质时需要的水就较多，因此需水量也会增加。
@@ -158,7 +168,10 @@
            ③饮料不能代替白开水。饮料是以水为基本原料，由不同的配方和制造工艺生产出来，供人们直接饮用的饮品。饮料中含有色素、香精、糖精以及防腐剂，会增加婴幼儿肝脏的负担。白开水最能解渴，进入体内后能很快发挥代谢功能。平时喝白开水的人，体内脱氧酶的活性高，肌肉内乳酸堆积少，不容易疲劳。多喝白开水有利于代谢废物的排出。
          </p>
          <h3 id="c088">
            <span class="bk1-h3"><span class="bj2-h3">四</span>　　让不同情况的婴幼儿喝水的注意事项　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">四</span
              >　　让不同情况的婴幼儿喝水的注意事项　</span
            >
          </h3>
          <p>
            对于味蕾正在发育的婴幼儿来说，为了能够让他们在后期更好地接受各种食物的味道，建议为婴幼儿提供烧开后放置至40℃左右的温白开水。
@@ -200,7 +213,9 @@
            在这些特殊的情况下，先观察婴幼儿的嘴唇，如果已经有干裂的情况，建议在平时的基础上增加喝水次数，饮水量可以和平时一样。
          </p>
          <h3 id="c089">
            <span class="bk1-h3"><span class="bj2-h3">五</span>　　安全的饮用水　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">五</span>　　安全的饮用水　</span
            >
          </h3>
          <div class="bk-zt1">
            <!-- <div class="bj1-zt1">
@@ -279,7 +294,10 @@
          <p>③含有新鲜适量的溶解氧。</p>
          <p>④偏碱性，水的分子团要小，活性要强。</p>
          <h3 id="c090">
            <span class="bk1-h3"><span class="bj2-h3">六</span>　　给婴幼儿选择合适的饮用水　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">六</span
              >　　给婴幼儿选择合适的饮用水　</span
            >
          </h3>
          <p>
            对婴幼儿而言，饮用水也是获取营养的重要来源。适合婴幼儿饮用的水中应含有适量的矿物质，如钙、镁、钾、铁、锌、锶、硒、锗、硅、锰等，这些矿物质对于婴幼儿的成长发育有着积极的作用。但是，婴幼儿的饮用水并非矿物质含量越高越好。例如，矿泉水因为矿物质含量高，会造成某种微量元素过量，因为婴幼儿的肾脏系统尚未完全发育，过高的矿物质含量会增加肾脏负担，同时也会抑制其他矿物质的吸收，所以婴幼儿不适合饮用矿泉水。
@@ -314,7 +332,10 @@
            在日常生活中被普遍饮用的自来水矿物质含量适中，可将其煮沸后给婴幼儿饮用。婴幼儿饮用水优选烧开的优质白开水或者低矿无菌水。
          </p>
          <h3 id="c091">
            <span class="bk1-h3"><span class="bj2-h3">七</span>　　常见的与饮用水有关的问题　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">七</span
              >　　常见的与饮用水有关的问题　</span
            >
          </h3>
          <p>常见的与饮用水有关的问题及答案如表2-6-2所示。</p>
          <p class="img">表2-6-2　常见的与饮用水有关的问题及答案</p>
@@ -322,7 +343,10 @@
            <img class="img-a" alt="" src="../../image/0237-1.jpg" />
          </p>
          <h3 id="c092">
            <span class="bk1-h3"><span class="bj2-h3">八</span>　　给不同月龄的婴幼儿选择饮水器具　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">八</span
              >　　给不同月龄的婴幼儿选择饮水器具　</span
            >
          </h3>
          <p>
            水杯是婴幼儿常用的生活物品。为婴幼儿选择的水杯，不仅会影响婴幼儿喝水的习惯，还会影响其身体的健康发展。美国儿科学会提出：婴儿应在6个月之后开始学习并使用杯子；幼儿应在1岁后慢慢停止使用奶瓶，最晚应在2岁以前要彻底戒掉奶瓶，否则会影响牙齿正常发育、身体健康。一个适用的水杯，能够更好地引导婴幼儿多喝水，也有利于婴幼儿口腔、牙齿的正常发育。我们在为婴幼儿选择饮水器具时可参考表2-6-3。
@@ -377,19 +401,26 @@
        </div>
        <div class="bodystyle">
          <h3 id="c093">
            <span class="bk1-h3"><span class="bj2-h3">九</span>　　指导幼儿自主饮水　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">九</span>　　指导幼儿自主饮水　</span
            >
          </h3>
          <p><br /></p>
          <div class="bk-zt1hs">
            <div class="bj1-zt1hs">
              <p class="left">
                <img class="img-gn-zt" alt="" src="../../image/zt-xueyx.png" />
          <div class="zt-yy-brd" style="margin-bottom: 30px">
            <div class="bk-zt1hs">
              <div class="bj1-zt1hs">
                <p class="left">
                  <img
                    class="img-gn-zt"
                    alt=""
                    src="../../image/zt-xueyx.png"
                  />
                </p>
              </div>
              <p>自主饮水</p>
              <p>
                指婴幼儿自己有主动喝水的意识，并且能根据自己身体的需要主动、适量地喝水，养成良好的喝水习惯，以满足身体健康的需要。
              </p>
            </div>
            <p>自主饮水</p>
            <p>
              指婴幼儿自己有主动喝水的意识，并且能根据自己身体的需要主动、适量地喝水，养成良好的喝水习惯，以满足身体健康的需要。
            </p>
          </div>
          <h4 class="h4-zt" id="d223">（一）指导幼儿认识自己的小水杯</h4>
          <p>
@@ -449,7 +480,9 @@
            ④为防止幼儿喝水时洒水，保育员可在桌上或盘子上粘贴放杯子的标志；引导幼儿有序地排队接水；准备一块能及时擦拭水渍的抹布。
          </p>
          <h3 id="c094">
            <span class="bk1-h3"><span class="bj2-h3">十</span>　　组织幼儿集体饮水　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十</span>　　组织幼儿集体饮水　</span
            >
          </h3>
          <h4 class="h4-zt" id="d228">（一）饮水前准备</h4>
          <h5 class="h5-zt" id="e204">1.清洁消毒饮水桶</h5>
@@ -531,7 +564,10 @@
            ⑤及时关注幼儿的前胸或脸部是否有水，及时用毛巾帮幼儿擦干或及时为其更换衣物。
          </p>
          <h3 id="c095">
            <span class="bk1-h3"><span class="bj2-h3">十一</span>　　培养幼儿良好的饮水习惯　</span>
            <span class="bk1-h3"
              ><span class="bj2-h3">十一</span
              >　　培养幼儿良好的饮水习惯　</span
            >
          </h3>
          <h4 class="h4-zt" id="d231">（一）培养幼儿主动喝水的习惯</h4>
          <p>①保育员需要按时提醒幼儿喝水，每次喝足量。</p>
@@ -582,11 +618,19 @@
          <p>
            ④定期向家长了解幼儿在家主动饮水的情况，给予家长真诚的肯定与激励，促进家园合作顺利开展。
          </p>
          <p><br/></p>
          <p><br /></p>
          <div class="bk-tx border-xxfs">
            <div class="bj3"><span class="cirlce"></span><span>学习反思</span></div>
            <textarea v-model="chapter015.textAreaItem.text39" style="border: 0" placeholder="请输入内容" rows="8"
              class="textareaInput" @blur="onBlurChange('text39')"></textarea>
            <div class="bj3">
              <span class="cirlce"></span><span>学习反思</span>
            </div>
            <textarea
              v-model="chapter015.textAreaItem.text39"
              style="border: 0"
              placeholder="请输入内容"
              rows="8"
              class="textareaInput"
              @blur="onBlurChange('text39')"
            ></textarea>
          </div>
        </div>
      </div>

 src/books/math/assets/images/Cover.jpg

 src/books/math/assets/main.less

New file
@@ -0,0 +1,716 @@
.math-book {
  width: 100%;
  height: 100%;
  font-family: "宋体", SimSun, sans-serif;
  ul {
    list-style-type: none;
  }

  li {
    list-style-type: none;
  }

  .ls1 {
    font-family: "HiFont Hei GB";
    color: #30aad1;
    font-weight: bold;
  }
  .hs {
    font-family: "HiFont Hei GB";
    color: #ea6b00;
    font-weight: bold;
  }

  .zs1 {
    font-family: "HiFont Hei GB";
    color: #857eb4;
    font-weight: bold;
  }

  span.under1 {
    border-bottom: 2px solid #f0bd4a;
    border-width: 2px;
  }

  div.bodystyle {
    font-size: 18px;
    text-align: justify;
    margin: 5%;
    line-height: 30px;
  }

  span.zt-0 {
    color: #0087af;
  }

  p.pzt-0 {
    color: #0087af;
    font-size: 18px;
  }
  p.pzt-0-right {
    font-size: 18px;
    color: #0087af;
    text-align: right;
  }
  p.pzt-1 {
    font-weight: bold;
    color: #0087af;
    font-size: 18px;
  }

  .note {
    font-size: 0.85em;
  }

  .img {
    text-align: center;
    font-size:18px;
    color: #000;
    margin-left: 0%;
    margin-right: 0%;
    text-indent: 0em;
  }

  .img1 {
    text-align: right;
    font-size: 0.85em;
    margin-left: 0%;
    margin-right: 2em;
    text-indent: 0em;
  }

  p {
    // margin-top: 1em;
    margin: 0;
    text-indent: 2em;
    line-height: 30px;
    font-size: 18px;
    text-align: justify;
  }
  .cover {
    width: 100%;
    padding: 0px;
  }
  .center {
    text-align: center;
    margin-left: 0%;
    margin-right: 0%;
    text-indent: 0em;
  }

  .center1 {
    font-family: "STKaiti";
    text-align: center;
    margin-left: 0%;
    margin-right: 0%;
    text-indent: 0em;
  }

  .left {
    text-indent: 0em;
    margin-left: 0%;
    margin-right: 0%;
  }
  .right {
    text-align: right;
    margin-left: 0%;
    margin-right: 0%;
  }
  .right1 {
    font-family: "STKaiti";
    text-align: right;
    margin-left: 0%;
    margin-right: 0%;
  }
  .quote {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1em;
    margin-right: 1em;
    text-align: justify;
    font-family: "cnepub", serif;
  }
  h1 {
    font-family: "STKaiti";
    text-align: center;
    font-size: 1.8em;
    color: #515594;
    margin-bottom: 0.5cm;
    margin-top: 0.5cm;
  }

  h2 {
    font-family: "STKaiti";
    text-align: center;
    font-size: 1.2em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-indent: 0em;
  }

  h2.lefth2 {
    text-align: left;
    font-size: 1.2em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-indent: 0em;
  }

  h2.whleft2 {
    text-align: left;
    color: #af0206;
    font-size: 38px;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-indent: 0em;
  }

  h3 {
    font-family: "STKaiti";
    color: #ef495d;
    font-weight: bold;
    // font-size: 1.15em;
    font-size: 26px;
    margin-top: 2em;
    text-align: center;
    margin-bottom: 20px;
    text-indent: 0em;
  }

  h4 {
    font-weight: bold;
    color: #5877ba;
    font-size: 1.1em;
    margin-top: 0.2em;
    margin-bottom: 1em;
    text-indent: 0em;
  }
  h5 {
    font-weight: bold;
    color: #c96653;
    font-size: 1em;
    margin-top: 0.2em;
    margin-bottom: 1em;
    text-indent: 2em;
  }
  h6 {
    font-family: "cnepub", serif;
    color: #36c3f4;
    font-size: 1.1em;
    margin-top: 10px;
    text-indent: 2em;
    margin-bottom: 10px;
  }
  .u {
    text-decoration: underline;
  }

  .img-0 {
    width: 100%;
  }
  .imz {
    width: 96%;
    text-align: center;
  }

  .img-a {
    width: 95%;
  }
  .img-b {
    width: 80%;
  }
  .img-c {
    width: 70%;
  }
  .img-d {
    width: 60%;
  }
  .img-e {
    width: 50%;
  }
  .img-f {
    width: 40%;
  }
  .img-g {
    width: 30%;
  }
  .img-gh1 {
    width: 30%;
    text-align: right;
  }
  .img-gh2 {
    width: 45%;
    text-align: right;
  }
  .img-h {
    width: 25%;
  }
  .img-i {
    width: 10%;
  }
  .img-j {
    width: 5%;
  }
  .img-gn {
    width: 48%;
  }
  .img-gn1 {
    width: 18%;
  }
  .inline {
    height: 2em;
    margin-bottom: -0.5em;
  }
  .inline1 {
    height: 1.5em;
    margin-top: -1em;
    margin-bottom: -0.4em;
  }
  .inline2 {
    height: 2.5em;
    margin-top: 2em;
    margin-bottom: -0.4em;
  }
  .inline3 {
    height: 4em;
    margin-top: 2em;
    margin-bottom: -0.4em;
  }
  .block {
    font-family: "STKaiti";
    font-size: 1.15em;
  }

  .block1 {
    font-family: "STKaiti";
    color: #08a496;
    text-align: right;
    font-size: 1.15em;
    margin-right: 2em;
    text-indent: 0em;
  }
  .block2 {
    font-family: "STKaiti";
    // font-size: 1.15em;
    font-size: 26px;
    text-align: center;
    text-indent: 0em;
    margin: 6px 0;
  }

  .bj1 {
    border: 2px solid #0aa19c;
    background: #e3efd7;
    border-style: solid none none none;
    padding: 0.2em 0.4em 0.2em 0.4em;
    margin-top: 1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 1em;
    font-size: 1.1em;
    box-shadow: 0.3em 0.3em 0px 0px #c3c2c0;
  }

  .bj2 {
    border: 2px solid #e04239;
    background: #fdecd2;
    border-style: solid none none none;
    padding: 0.2em 0.4em 0.2em 0.4em;
    margin-top: 1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-bottom: -0.8em;
    font-size: 1.1em;
    box-shadow: 0.3em 0.3em 0px 0px #c3c2c0;
  }

  .kaiti {
    font-family: "STKaiti";
  }

  // 自定义
  .page-box {
    position: relative;
    box-sizing: border-box;
    min-height: 1150px;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px 1px #00000029;
    background-color: #fff;
  }
  .book {
    margin: 0 auto;
    width: 816px;
  }

  .text-center {
    text-align: center;
  }
  .tl {
    text-align: left !important;
  }
  .tl-ri {
    text-align: right !important;
  }
  .tl-ju {
    text-align: justify;
  }
  .ti2 {
    text-indent: 2em !important;
  }
  .lineInput {
    width: 90%;
    font-size: 14px;
    color: #666;
    border: none;
    border-bottom: 1px solid #15c0f2;
    outline: none;
    background: transparent;
  }
  .textarea-border {
    border-color: #15c0f2;
  }
  .completion-input {
    width: 64px !important;
    color: #000 !important;
  }
  .judge-input {
    width: 20px;
    font-size: 14px;
    color: #000;
    border: none;
    border: 0;
    outline: none;
    background: transparent;
  }

  .sport-text {
    font-size: 20px;
    line-height: 40px;
  }
  .img-text {
    color: #000;
    text-align: center;
    font-size: 16px;
    text-indent: 0em;
    font-weight: 700;
  }
  .text-size {
    font-size: 20px;
  }
  .fl {
    display: flex;
  }
  .fl-evenly {
    justify-content: space-evenly;
  }
  .fl-around {
    justify-content: space-around;
  }
  .fl-between {
    justify-content: space-between;
  }
  .ju-cn {
    justify-content: center;
  }
  .fl-di {
    flex-direction: column;
  }
  .fl-cn {
    align-items: center;
  }
  .fz-18 {
    font-size: 18px;
  }
  .fz-16 {
    font-size: 16px;
  }
  .fz-14 {
    font-size: 14px;
  }
  .fz-12 {
    font-size: 12px;
  }
  .suspend-title {
    white-space: nowrap;
    min-width: 120px;
    position: absolute;
    top: -27px;
    left: -15px;
    background-color: #32a59e;
    height: 34px;
    line-height: 34px;
    border-radius: 13px;
    color: #fff;
    text-align: center;
  }
  .m0 {
    margin: 0;
  }
  .t0 {
    text-indent: 0;
  }
  .t2 {
    text-indent: 2em;
  }
  .m0-t0 {
    margin: 0;
    text-indent: 0 !important;
  }

  .learn-btn img {
    cursor: pointer;
    height: 30px;
    // width: 25px;
  }

  .lh {
    line-height: 1.5em;
    margin-top: 0.5em;
  }
  .page-box {
    box-sizing: border-box;
    min-height: 1150px ;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px 1px #00000029;
    background-color: #fff;
  }
  .ds-bl {
    display: block;
  }
  ul {
    list-style: none;
    padding: 0;
  }

  .lh2 {
    line-height: 2em;
  }

  .header-box {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
  }

  .header-border-box {
    width: 90%;
    height: 100px;
    border-bottom: 1px solid #00aeef;
    border-left: 1px solid #00aeef;
  }

  .header-num-box {
    box-sizing: border-box;
    position: absolute;
    top: 50px;
    width: 100%;
    height: 26px !important;
    line-height: 26px;
    background-color: #15c0f2;
    color: #fff;
    padding-left: 50px;
  }
  .page-header-box {
    padding-top: 96px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 28px;
  }
  .page-header-text {
    color: #616161;
    font-size: 14px;
  }
  .page-header-num {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: #15c0f2;
    color: #fff;
    margin-left: 20px;
    font-weight: bold;
  }
  .fw-b {
    font-weight: bold;
  }
  .italic {
    font-style: italic;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-20 {
    margin: 20px 0 !important;
  }
  .mb-40 {
    margin-bottom: 40px !important;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt-40 {
    margin-top: 40px;
  }
  .mb-80 {
    margin-bottom: 80px !important;
  }
  .mr-20 {
    margin-right: 20px;
  }
  .ml-30 {
    margin-left: 30px;
  }
  .table-box {
    width: 94%;
    font-family: "STKaiti";
    line-height: 1.5em;
  }
  .dl-bl {
    display: inline-block;
  }
  .mt-10 {
    margin-top: 10px;
  }
  .w100 {
    width: 100% !important;
  }
  .primary-color {
    color: #15c0f2;
  }
  .video-border {
    border: 1px dotted #15c0f2;
  }
  .fm-st {
    font-family: "STKaiti";
  }
  .btn {
    cursor: pointer;
    width: 23px;
    border-radius: 5px;
    margin-left: 5px;
  }
  .table-br-color {
    border-color: #e9e9e9;
  }
  .span-border {
    margin-left: -13px;
    display: block;
    width: 104%;
    margin-top: 20px;
    border-bottom: 2px dotted #1eb9ee;
    border-radius: 10px;
  }
  .wh-no {
    white-space: nowrap;
  }
  .annotation-border {
    margin: 20px 0;
    width: 150px;
    border: 1px solid #00aeef;
  }
  .word-break-all {
    word-break: break-all;
  }
  .textarea-text {
    font-size: 16px;
    font-family: "STKaiti";
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt-40 {
    margin-top: 40px;
  }
  .ta-br {
    border-color: #c0c4cc;
  }
  textarea:focus {
    border-color: #15c0f2;
    outline: none;
  }
  .cl-66 {
    color: #666;
  }

  .svg-btn {
    margin-left: 5px;
    cursor: pointer;
    display: flex;
    padding: 3px;
    fill: #fff;
    border: 1px solid #008bff;
    border-radius: 5px;
    background-color: #008bff;
    &:hover{
      fill: #008bff;
      background-color: #fff;
    }
  }
  a {
    cursor: default;
  }
}

/* 媒体查询做基础响应式布局 */
@media (max-width: 430px) {
  .ans-dance  {
    .page-box {
      min-height: 750px;
    }
    .pg-mh {
      min-height: 815px;
    }
  }
}
@media (max-width: 660px) {
  .ans-dance {
    /* 分页padding */
    .page-padding {
      padding: 104px 20px;
    }
    .padding-96 {
      padding: 0 20px;
    }
    /* video大小 */
    .video-box {
      max-width: 260px;
    }
    .audio-box {
      margin-top: 20px;
      flex-wrap: wrap;
      li {
        width: 100%;
      }
      li:nth-child(2) {
        margin-top: 10px;
      }
    }
  }
}
@media (min-width: 660px) {
  .ans-dance {
    .page-padding {
      padding: 104px 96px;
    }
    .padding-96 {
      padding: 0 96px;
    }
    .video-box {
      max-width: 370px;
    }
    .audio-box {
      margin-top: 20px;
      flex-wrap: nowrap;
      li {
        width: 58%;
      }
      li:nth-child(2) {
        margin-left: 10px;
      }
    }
  }
}

 src/books/math/view/components/header.vue

New file
@@ -0,0 +1,93 @@

<template>
  <div class="chapter" num="1">
    <!-- 封面 -->
    <div class="page-box cover mt-20" page="1" style="min-height:auto">
      <div v-if="showPageList.indexOf(1) > -1">
        <img src="../../assets/images/Cover.jpg" alt="" />
      </div>
    </div>
    <div class="page-box" page="2" style="min-height:auto">
      <div v-if="showPageList.indexOf(1) > -1">
        <img src="../../assets/images/Cover.jpg" alt="" />
      </div>
    </div>
      <!-- 版权页 -->
      <div class="page-box text-center" style="padding: 136px 0" page="3">
      <div v-if="showPageList.indexOf(3) > -1">
        <div class="box">
          <hr class="line" />
          <p class="tl fz-14"><b>图书在版编目（CIP）数据</b></p>
          <p class="tl fz-14 m0">
            学前儿童卫生与保健/张兰香，潘秀萍主编.—3版.—北京：北京师范大学出版社，2023.2（2024.2重印）
          </p>
          <p class="tl" style="margin-bottom: 10px">ISBN 978-7-303-26340-0</p>
          <p class="tl fz-14 m0" style="margin-bottom: 10px">
            Ⅰ.①学… Ⅱ.①张… ②潘… Ⅲ.①学前儿童—卫生保健—幼儿师范学校—教材 Ⅳ.①R179
          </p>
          <p class="tl fz-14">中国版本图书馆CIP数据核字（2020）第179545号</p>
          <hr class="line" style="height: 1px" />
          <p class="tl fz-14 m0" style="margin-top: 136px">
            <b>教材意见反馈：gaozhifk@bnupg.com 010-58805079</b>
          </p>
          <p class="tl fz-14 m0">营销中心电话：010-58802755 58800035</p>
          <p class="tl fz-14 m0">编辑部电话：010-58802883</p>
          <hr class="line" style="height: 1px" />
          <p class="tl fz-14 m0">出版发行：北京师范大学出版社 www.bnupg.com</p>
          <p class="tl fz-14 m0">　　　　　北京市西城区新街口外大街12-3号</p>
          <p class="tl fz-14 m0">　　　　　邮政编码：100088</p>
          <p class="tl fz-14 m0">印　　刷：天津旭非印刷有限公司</p>
          <p class="tl fz-14 m0">经　　销：全国新华书店</p>
          <p class="tl fz-14 m0">开　　本：889mm×1194mm 1/16</p>
          <p class="tl fz-14 m0">印　　张：18.25</p>
          <p class="tl fz-14 m0">字　　数：373千字</p>
          <p class="tl fz-14 m0">版　　次：2023年2月第3版</p>
          <p class="tl fz-14 m0">印　　次：2024年2月第23次印刷</p>
          <p class="tl fz-14 m0">定　　价：39.80元</p>
          <hr class="line" />
          <ul class="fl fl-between m0" style="padding: 0">
            <li>
              <p class="tl fz-14 m0">策划编辑：姚贵平</p>
              <p class="tl fz-14 m0">美术编辑：焦丽</p>
              <p class="tl fz-14 m0">责任校对：陈民</p>
            </li>
            <li>
              <p class="tl fz-14 m0">责任编辑：周鹏</p>
              <p class="tl fz-14 m0">装帧设计：焦丽</p>
              <p class="tl fz-14 m0">责任印制：马洁</p>
            </li>
          </ul>
          <p class="center m0" style="margin-top: 20px; font-size: 20px">
            <b>版权所有&nbsp;&nbsp;侵权必究</b>
          </p>
          <p class="center m0"><b>反盗版、 侵权举报电话：</b>010-58800697</p>
          <p class="block2 m0">北京读者服务部电话：010-58808104</p>
          <p class="block2 m0">外埠邮购电话：010-58808083</p>
          <p class="block2 m0">
            本书如有印装质量问题， 请与印制管理部联系调换。
          </p>
          <p class="block2 m0">印制管理部电话：010-58805079</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "page-header",
  props: {
    showPageList: {
      type: Array,
      default: [],
    },
    data() {
      return {
      }
    },
  },
};
</script>

<style lang="less" scoped>
</style>

 src/books/math/view/components/index.vue

New file
@@ -0,0 +1,862 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize ? fontSize + 'px' : '16px',
        transform: `scale(${pageZoom ? pageZoom : 1})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <!-- <chapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
      ></chapterOne>
      <chapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
      >
      </chapterTwo>
      <chapterThree
      v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
      ></chapterThree>
      <chapterFour
      v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
      ></chapterFour>
      <chapterFive
      v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
      ></chapterFive>
      <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
      ></chapterSix> -->
    </div>

  </div>
</template>

<script>
import pageHeader from "./header.vue";
// import chapterOne from "./chapter001.vue";
// import chapterTwo from "./chapter002.vue";
// import chapterThree from "./chapter003.vue"
// import chapterFour from './chapter004.vue'
// import chapterFive from './chapter005.vue'
// import chapterSix from './chapter006.vue'
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name:"pageContent",
  data() {
    return {
      catalogLength: 7, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
      previousScrollTop: 0,
      throttledScrollHandler: null,
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionDataMap: {},
      renderSignMap: {},
      highlightData: null,
    };
  },
  computed: {
    fontSize() {
      return this.$store.state.qiankun.fontSize;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100;
    },
  },
  watch: {
    showCatalogList: {
      handler(newVal, oldVal) {
        if (
          this.$store.state.qiankun &&
          this.$store.state.qiankun.catalogChange
        ) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal,
          });
        }
        // 启动页码观察
        setTimeout(() => {
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
        setTimeout(() => {
          this.initSwiper();
          this.initViewer();
        }, 200);
      },
    },
    pageZoom: {
      handler(newVal, oldVal) {
        const scrollBox = (
          this.container ? this.container : document
        ).querySelector(".page-main");
        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
      },
    },
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [1];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,
      this.throttleThreshold,
      { leading: true, trailing: false }
    );
    // 定义子层方法
    if (this.setGlobalState) {
      // 提供页面跳转功能
      this.setGlobalState({
        gotoPage: (catalog, page) => {
          this.gotoPage(catalog, page);
        },
        // 渲染笔记、高亮、划线
        renderSign: (type, data) => {
          // 因为调整为页面懒加载，所以渲染标记也需要按照页面进行处理，先储存数据，页面加载完成再渲染对应的标记；
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // 删除笔记、高亮、划线
        delSign: (data) => {
          this.delSign(data);
        },
        // 全文检索
        searchBookByKeyword: (keyword) => {
          return this.searchTextByPage(keyword);
        },
        // 跳转检索结果位置
        jumpSearchItem: (data) => {
          this.searchItemLocation(data);
        },
      });
    }

    // 创建一个新的 Intersection Observer 实例，用于观察目标元素和执行相应的回调函数。
    // new IntersectionObserver(callback, options)：使用之前定义的 callback 回调函数和 options 配置选项来初始化 Intersection Observer 实例。
    this.observer = new IntersectionObserver(this.pageChangeCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0.5, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    // 启动页码观察
    setTimeout(() => {
      this.initObservation();
      this.initThemeColor();
    }, 500);

    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(1, 10);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
    //       txt: "题一学习主题一 运动",
    //       page: "10",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
    // setTimeout(() => {
    //   this.delSign({
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    //   }, 5000);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
    // 检索
    // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
    // 检索跳转
    // this.searchItemLocation({
    //   catalog: 2,
    //   page: 10,
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 5000);
  },
  methods: {
    // setZoom1() {
    //   let scale = this.$store.state.qiankun.scale + 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // setZoom2() {
    //   let scale = this.$store.state.qiankun.scale - 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // 滚动监听
    scrollFun(event) {
      // 判断向上滚动还是向下滚动
      if (event.target.scrollTop > this.previousScrollTop) {
        // 向下
        const currentScrollTop =
          event.target.scrollTop + event.target.offsetHeight;
        if (
          currentScrollTop >=
          event.target.scrollHeight - this.loadThreshold
        ) {
          // 到达阈值
          if (
            this.showCatalogList[this.showCatalogList.length - 1] <
            this.catalogLength
          ) {
            // 加载下一章
            this.showCatalogList.push(
              this.showCatalogList[this.showCatalogList.length - 1] + 1
            );
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏顶部一章
              this.showCatalogList.shift();
            }
          }
        }
      } else if (event.target.scrollTop < this.previousScrollTop) {
        // 向上
        const currentScrollTop = event.target.scrollTop;
        if (currentScrollTop <= this.loadThreshold) {
          // 到达阈值
          if (this.showCatalogList[0] > 0) {
            // 加载上一章
            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏底部一章
              this.showCatalogList.pop();
            }
          }
        }
      }
      // showCatalogList 当前显示的三个章节，watch监听传递给主应用
      // 更新上一次滚动的位置
      this.previousScrollTop = event.target.scrollTop;
    },
    // 章节、页面跳转
    gotoPage(catalog, page) {
      if (catalog >= 0 && catalog <= this.catalogLength) {
        // 处理渲染章节
        if (catalog == 0) {
          this.showCatalogList = [0, 1];
        } else if (catalog == this.catalogLength) {
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength,
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
        }
        setTimeout(() => {
          // 跳转页码
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${page}"]`);
          if (pageDom) {
            pageDom.scrollIntoView();
          } else {
            console.log("页码错误！");
          }
        }, 500);
      } else {
        console.log("章节错误！");
      }
    },

    // 处理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // 立即渲染
        this.renderSign(type, data);
      }

      // 储存数据
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
      this.renderSignMap[type][data.page].push(data);
    },

    // 渲染标记
    renderSign(type, data) {
      // 父层设置禁止渲染标记时不再进行渲染
      if (this.$store.state.qiankun.disableSign) {
        return false;
      }
      const existence = (
        this.container ? this.container : document
      ).querySelector(`[dataid="${data.id}"]`);
      // 去重
      if (!existence) {
        const pageDom = (
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        // 创建 createTreeWalker 迭代器，用于遍历文本节点，保存到一个数组
        const treeWalker = document.createTreeWalker(pageDom, NodeFilter.SHOW_TEXT);
        const allTextNodes = [];
        let currentNode = treeWalker.nextNode();
        while (currentNode) {
          allTextNodes.push(currentNode);
          currentNode = treeWalker.nextNode();
        }
        for (let i = 0; i < allTextNodes.length; i++) {
          const textDom = allTextNodes[i];
          if (textDom.textContent.indexOf(data.txt) > -1) {
            let reg = new RegExp(`${data.txt}`, "ig");
            switch (type) {
              case "Highlight":
                // 高亮
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Dashing":
                // 划线
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Note":
                // 笔记
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
                  );
                break;
            }
          }
        }
      }
    },
    // 删除标记渲染
    delSign({ ids, type }) {
      if (ids && ids.length) {
        for (let i = 0; i < ids.length; i++) {
          const id = ids[i];
          const dom = (
            this.container ? this.container : document
          ).querySelector(`[dataid="${id}"]`);
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
      if (type) {
        const doms = (
          this.container ? this.container : document
        ).querySelectorAll(`[datatype="${type}"]`);
        for (let i = 0; i < doms.length; i++) {
          const dom = doms[i];
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
    },
    initObservation() {
      const sections = (
        this.container ? this.container : document
      ).querySelectorAll(".page-box");
      sections.forEach((section) => {
        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
          const page = section.getAttribute("page");
          if (Number(page) > this.config.activeBook.tryPageCount) {
            let chapterDom = this.getParentWithClass(section, "chapter");
            const chapterNum = chapterDom.getAttribute("num");
            this.catalogLength = Number(chapterNum) - 1;
            section.remove();
            return false;
          }
        }
        // observer 观察每个元素，以便在它们进入或离开视窗时触发回调函数。
        const isObserver = section.getAttribute("observer");
        const isLoadObserver = section.getAttribute("loadObserver");
        if (!isObserver) {
          this.observer.observe(section);
          section.setAttribute("observer", "1");
        }
        if (!isLoadObserver) {
          this.loadPageObserver.observe(section);
          section.setAttribute("loadObserver", "1");
        }
      });
    },
    initThemeColor() {
      // 获取各种需要主题色的节点
      const colorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-color");
      const backgroundColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-back");
      const borderColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-border");
      // 获取配置的主题色
      const bookThemeColor =
        this.config.activeBook && this.config.activeBook.bookThemeColor
          ? this.config.activeBook.bookThemeColor
          : null;
      const chapterThemeColor =
        this.config.activeBook && this.config.activeBook.chapterThemeColor
          ? this.config.activeBook.chapterThemeColor
          : null;
      const pageThemeColor =
        this.config.activeBook && this.config.activeBook.pageThemeColor
          ? this.config.activeBook.pageThemeColor
          : null;
      colorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
      });
      backgroundColorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
      });
      borderColorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
      });
    },
    getParentWithClass(element, className) {
      console.log(element, className, "element, className");
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    pageChangeCallback(entries, observer) {
      //entries：代表观察到的目标元素的集合。 observer：代表观察者对象。
      entries.forEach((entry) => {
        //entry.isIntersecting：检查当前目标元素是否与根元素相交。
        if (entry.isIntersecting) {
          const target = entry.target;
          //entry.target：获取当前目标元素
          const page = target.getAttribute("page");
          const catalogDom = this.tool.getParentNodeByClassName(
            target,
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          let text = null;
          if (target.querySelector("p")) {
            text = target.querySelector("p").textContent.substring(0, 50);
          }
          // 返回页码和章节信息
          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections：获取所有具有 .section 类名的元素，并转换为数组。
          // let index = sections.findIndex((section) => section === target) + 1;
          //index：查找当前目标元素在 sections 数组中的索引，并加 1，用于确定当前页码。
        }
      });
    },
    loadPageCallback(entries, observer) {
      entries.forEach(async (entry) => {
        if (entry.isIntersecting) {
          const target = entry.target;
          const page = target.getAttribute("page");
          if (this.loadPageList.indexOf(Number(page)) == -1) {
            const catalogDom = this.tool.getParentNodeByClassName(
              target,
              "chapter"
            );
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionDataMap[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionDataMap[page] = await getQuestionList(
            //           page,
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );
            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
            //           obj[key] = await getQuestionList(
            //             [],
            //             testData[catalog][page][key],
            //             this.config.activeBook
            //           );
            //         }
            //         this.questionDataMap[page] = obj;
            //       }
            //       console.log("题目", this.questionDataMap);
            //     }
            //   }
            // }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
                this.renderSignMap[key][page].forEach((item) => {
                  this.renderSign(key, item);
                });
              }
            }
            // 处理高亮
            if (this.highlightData) {
              // 高亮行
              setTimeout(() => {
                // 获取页面所有text节点
                const pageTextList = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
                // 匹配关键字
                const allPageTextNodes = [];
                let currentNode = pageTextList.nextNode();
                while (currentNode) {
                  allPageTextNodes.push(currentNode);
                  currentNode = pageTextList.nextNode();
                }
                for (let i = 0; i < allPageTextNodes.length; i++) {
                  const textDom = allPageTextNodes[i];
                  let txtIndex = textDom.textContent.indexOf(
                    this.highlightData.txt
                  );
                  if (txtIndex > -1) {
                    textDom.parentNode.style.transition =
                      "background-color 0.8s";
                    textDom.parentNode.scrollIntoView();
                    textDom.parentNode.style.backgroundColor = "#79bbf0";
                    setTimeout(() => {
                      textDom.parentNode.style.backgroundColor = "";
                    }, 1000);
                  }
                }
              }, 100);
            }
            if (this.loadPageList.length > 5) {
              // 超过5页
              this.loadPageList.shift();
            }
          }
        }
      });
    },
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
      }
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper_ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            ),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on: {
            init: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
            slideChange: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
          },
        });
      }
    },
    initViewer() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".openImgBox");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Viewer(dom, {
          container: this.container
            ? this.container.querySelector("#app")
            : "body",
          navbar: true, // 显示导航栏
          toolbar: true, // 显示工具栏
          title: true, // 显示标题
        });
      }
    },
    // 根据关键字全文检索
    searchTextByPage(keyword) {
      const searchResult = [];
      let catalogIndex = 0;
      // 所有章节组件（每本书制作时单独配置）
      const pageData = {
        pageHeader,
        // chapterOne,
        // chapterTwo,
        // chapterThree,
        // chapterFour,
        // chapterFive,
        // chapterSix,
      };
      // 遍历所有章节文件
      for (const key in pageData) {
        catalogIndex++;
        let pageComponent, pageExample;
        // 先渲染一次当前章节文件（这时页面的内容为空），获取页码信息
        pageComponent = Vue.extend(pageData[key]);
        pageExample = new pageComponent({
          propsData: {
            showPageList: [],
            questionData: {},
            isSearch: true
          },
        });
        pageExample.$mount(
          (this.container ? this.container : document).querySelector(
            "#searchContent"
          )
        );
        // 获取页码
        const pageDom = (this.container ? this.container : document)
          .querySelector("#searchDomBox")
          .querySelectorAll(".page-box");
        const pages = [];
        for (let i = 0; i < pageDom.length; i++) {
          const pageDomItem = pageDom[i];
          pages.push(Number(pageDomItem.getAttribute("page")));
        }
        // 获取页面结束，卸载销毁
        pageExample.$destroy();
        (this.container ? this.container : document).querySelector(
          "#searchDomBox"
        ).innerHTML = '<div id="searchContent"></div>';
        // 遍历页码
        if (pages.length) {
          for (let i = 0; i < pages.length; i++) {
            const pageNum = pages[i];
            // 动态渲染对应章节的页码
            pageComponent = Vue.extend(pageData[key]);
            pageExample = new pageComponent({
              propsData: {
                showPageList: [pageNum],
                questionData: {},
                isSearch: true
              },
            });
            pageExample.$mount(
              (this.container ? this.container : document).querySelector(
                "#searchContent"
              )
            );
            // 获取对应页面dom
            const thisPageDom = (this.container ? this.container : document)
              .querySelector("#searchDomBox")
              .querySelector(`[page="${pageNum}"]`);
            if (thisPageDom) {
              // 获取页面所有text节点
              const pageTextList = document.createTreeWalker(thisPageDom, NodeFilter.SHOW_TEXT);
              // 匹配关键字
              const allPageTextNodes = [];
              let currentNode = pageTextList.nextNode();
              while (currentNode) {
                allPageTextNodes.push(currentNode);
                currentNode = pageTextList.nextNode();
              }
              for (let i = 0; i < allPageTextNodes.length; i++) {
                const textDom = allPageTextNodes[i];
                let txtIndex = textDom.textContent.indexOf(keyword);
                if (txtIndex > -1) {
                  // 记录关键字所在页码、章节以及匹配到的段落
                  searchResult.push({
                    page: pageNum,
                    catalog: catalogIndex,
                    txt: textDom.textContent,
                    txtIndex: txtIndex,
                  });
                }
              }
              // 结束，卸载销毁
              pageExample.$destroy();
              (this.container ? this.container : document).querySelector(
                "#searchDomBox"
              ).innerHTML = '<div id="searchContent"></div>';
            }
          }
        }
      }
      // 输出搜索结果
      console.log(searchResult);
      return searchResult;
    },
    // 根据检索结果跳转对应位置并高亮
    searchItemLocation(data) {
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    },
  },
  components: {
    pageHeader,
    // chapterOne,
    // chapterTwo,
    // chapterThree,
    // chapterFour,
    // chapterFive,
    // chapterSix,
  },
};
</script>

<style lang="less" scoped>
.page-main {
  width: 100%;
  height: 100%;
  overflow: auto;
  .page-content {
    max-width: 816px;
    min-width: 375px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
}
</style>

 src/books/math/view/index.vue

New file
@@ -0,0 +1,76 @@
<template>
  <div class="math-book" @mouseup="handleMouseUp">
    <pageContent></pageContent>
  </div>
</template>

<script>
import pageContent from "./components/index.vue";
export default {
  name:"ansAndDance",
  components: {
    pageContent,
  },
  data() {
    return {};
  },

  mounted() {},
  methods: {
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    handleMouseUp(e) {
      const selection = (
        this.container ? this.container : window
      ).getSelection();
      const txt = selection.toString();
      if (selection.type != "none" && txt) {
        let node = selection.anchorNode.parentNode;
        let pageHtml = this.getParentWithClass(
          selection.anchorNode,
          "page-box"
        );
        let chapterDom = this.getParentWithClass(
          selection.anchorNode,
          "chapter"
        );
        let chapterNum;
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        if (pageHtml) {
          const page = pageHtml.getAttribute("page");
          // 监听选中文本事件，并触发父层方法
          if (this.$store.state.qiankun.windowSelection) {
            this.$store.state.qiankun.windowSelection({
              chapterNum,
              txt,
              page,
              x: e.x,
              y: e.y,
            });
          }
        }
      } else {
        if (this.$store.state.qiankun.windowSelection) {
          this.$store.state.qiankun.windowSelection({
            chapterNum: "",
            txt: "",
            page: "",
            x: e.x,
            y: e.y,
          });
        }
      }
    },
  },
};
</script>

<style lang="less">
@import "../assets/main.less";
</style>

 src/books/sportsAndHealth/css/default.less

@@ -212,12 +212,13 @@

              span {
                display: block;
                height: 25px;
                line-height: 15px;
                height: 30px;
                line-height: 19px;
                border: 1px solid #89a0d0;
                padding: 5px 15px;
                box-sizing: border-box;
                border-radius: 5px;
                font-size: 14px;
                cursor: pointer;
                -webkit-user-select: none;
                /* Safari 3.1+ */
@@ -296,6 +297,58 @@
            width: 60%;
            height: 50%;
            padding-top: 60%;
            padding-right: 10%;
          }
        }

        .bj-img02 {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: url('../image/dy2.jpg');
          background-position: top;
          background-size: 100% 50%;
          background-repeat: no-repeat;
          display: flex;
          justify-content: flex-start;

          .bj-empyt-chapter02 {
            width: 40%;
            height: 100%;
          }

          .bj-text02 {
            width: 60%;
            height: 50%;
            padding-top: 60%;
            padding-right: 10%;
          }
        }

        .bj-img03 {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 98%;
          background: url('../image/dy3.jpg');
          background-position: top;
          background-size: 100% 45%;
          background-repeat: no-repeat;
          display: flex;
          justify-content: flex-start;

          .bj-empyt-chapter03 {
            width: 40%;
            height: 100%;
          }

          .bj-text03 {
            width: 60%;
            height: 50%;
            padding-top: 50%;
            padding-right: 10%;
          }
        }
@@ -503,6 +556,7 @@
          margin: 0;
          // font-weight: 900;
          margin-bottom: 10px;
          text-indent: 2em;
        }


@@ -757,7 +811,7 @@
        }

        .note {
          font-size: 0.8em;
          font-size: 0.8em !important;
          font-family: "FZLTXIHJW";
        }


 src/books/sportsAndHealth/image/kzmk.png

 src/books/sportsAndHealth/view/components/chapter001.vue

@@ -10,19 +10,3174 @@
              </h1>
            </div>
            <div class="bj-chapter001-con">
              <div >
              <div>
                <p>
                基础模块是《中等职业学校体育与健康课程标准》规定的必修内容，包含健康教育和体能发展两大部分。人民健康是民族昌盛和国家强盛的重要标志；把保障人民健康放在优先发展的战略位置。健康教育纳入国民教育体系，是教育阶段素质教育的重要内容，也是培养德智体美劳全面发展的社会主义建设者和接班人的必要保障。良好的体能不仅能够为日常生活中的运动奠定坚实的基础，而且能为专项运动中精准而灵活地发挥技能水平提供保障，更能为我们在职业岗位上展现高超技艺提供助力。
              </p>
              <p>
                系统学习“健康教育”和“体能发展”两个单元的内容，能够帮助同学们更好地将健康掌握在自己手中，提升体能发展水平，练就强健体魄，使锻炼身体成为一种习惯和能力。
              </p>
                  基础模块是《中等职业学校体育与健康课程标准》规定的必修内容，包含健康教育和体能发展两大部分。人民健康是民族昌盛和国家强盛的重要标志；把保障人民健康放在优先发展的战略位置。健康教育纳入国民教育体系，是教育阶段素质教育的重要内容，也是培养德智体美劳全面发展的社会主义建设者和接班人的必要保障。良好的体能不仅能够为日常生活中的运动奠定坚实的基础，而且能为专项运动中精准而灵活地发挥技能水平提供保障，更能为我们在职业岗位上展现高超技艺提供助力。
                </p>
                <p>
                  系统学习“健康教育”和“体能发展”两个单元的内容，能够帮助同学们更好地将健康掌握在自己手中，提升体能发展水平，练就强健体魄，使锻炼身体成为一种习惯和能力。
                </p>
              </div>
              <div class="bj-chapter001-con-icon">
                <img src="../../image/sports02.png" alt="">
                <img src="../../image/sports02.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
        <div class="bodystyle">
          <div class="bj-img">
            <div class="bj-empyt-chapter01"></div>
            <div class="bj-text01">
              <p>
                健康与诸多因素有关，不仅涉及身体，还涉及心理、社会适应等方面。健康是人们所追求的目标，高质量的生命离不开健康，幸福的人生也离不开健康。增进民生福祉、提高人民生活品质的重要举措在于推进健康中国建设。生命、健康和幸福三者的核心是健康。如何拥有健康，保持健康的状态？为此，同学们需要树立“健康第一”的理念；需要结合现阶段生理、心理等发展特点，以及运动的“双刃剑”特点，把握促进健康的规律；需要结合未来所从事职业的特点，形成预防各种职业病的能力；需要掌握紧急救护和安全避险的知识与技能，保护自身的生命安全；更要塑造体育精神，助力成就人生的梦想，力求为祖国健康工作五十年，幸福生活一辈子。
              </p>
              <p>
                完整而系统地学习“健康教育”各专题内容，不仅要认识健康的重要性，而且要懂得健康的相关知识，掌握促进健康的各项技能，养成良好的健康习惯，远离各种危害健康的因素，从而真正成为健康的拥有者。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
        <div class="bodystyle">
          <h3 id="c001">专题一 树立“健康第一”的理念</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">1.树立“健康第一”的理念。</p>
            <p class="block">2.了解健康的标准和影响因素。</p>
            <p class="block">3.践行健康的生活方式。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                @click="readText('qjdr01')"
                xmlns="http://www.w3.org/2000/svg"
                width="14.24"
                height="19.987"
                viewBox="0 0 14.24 19.987"
              >
                <g transform="translate(-227.018 -96)">
                  <path
                    class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)"
                  />
                  <path
                    class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)"
                  />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr01">
              小李同学是今年入校的中职学校新生，从小跟随父亲踢足球。小李开朗乐观，积极组建班级足球队。受他的影响，班级中很多同学开始进行体育锻炼。在小李的带领下，班级在校足球比赛中获得了较好的名次。
            </p>
          </div>
          <p>
            同学们正处于身心发展的转折时期，同学们的身心健康会直接影响我国新一代青年的整体健康与综合素质。因此，无论是继续升学还是未来就业，同学们都要增强健康意识并努力践行。即使对专业运动员而言，健康的重要性也要排在运动天赋之前，因为无法兑现的运动天赋等于零。同理，没有健康体魄的支撑，同学们也难以实现自己的人生理想。
          </p>
          <p>
            本专题旨在通过介绍健康的内涵演变、衡量健康的标准、影响健康的因素及评价健康的方法，引导同学们认识健康、关注健康，学会识别健康信息，进而树立“健康第一”的理念，促进同学们全面、健康地成长。
          </p>
          <h4 id="d001">一、认识健康</h4>
          <p>
            自远古时代到现代社会，健康一直是人类不变的追求，也是社会文明进步的基础。习近平总书记就曾在不同场合多次强调要坚持“健康第一”的理念。
          </p>
          <p>
            什么是真正的健康呢？在不同时代，人们的回答各不相同。随着经济、社会的发展，健康的内涵已从生存意义上的身体健康，发展到身心健康，再发展到多维健康。其本质是我们全面、完整及和谐地发展。其中，全面发展指德智体美劳全面且均衡发展；完整发展指躯体、心理、社会适应能力及道德随着年龄的增长有秩序地、完整地发展；和谐发展指注重各基本素质适当、协调、平衡发展。健康是全面、完整、和谐发展的统一，是学校体育的目标，更是学校教育的最终目标之一。
          </p>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 健康概念的演变
              <div class="icon" @click="activityXyx1">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们查阅“健康概念的演变”。</div>
            <div v-if="chapter002.isShowXyx01">
              <div class="xyx-title">健康概念的演变</div>
              <p class="xyx-con">
                在人类发展历程中，先后形成了不同的健康观。早期朴素的健康观认为“健康就是没
                病”，强调健康是拥有强健的体魄。当人类从医学角度认识生命现象与生长过程时，认为“生
                命活动正常是健康”，关注的仅是人的生物学本质。1948
                年，世界卫生组织（WHO）提出：“健
                康不仅是免于疾病和虚弱，而且是保持身体上、精神上和社会适应方面的完美状态。”此后，
                人们对健康的内涵产生了认识上的飞跃。1989
                年，世界卫生组织将道德健康纳入健康的范畴，
                指出只有躯体、心理、社会适应力和道德同时健康才算是完全的健康。
              </p>
              <ul class="xyx-ul">
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span
                    >躯体健康：身体结构和功能正常，具有生活自理能力。</span
                  >
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span
                    >心理健康：个体能够正确认识自己，及时调整自己的心态，使心理处于良好状态，以
                    适应外界的变化。</span
                  >
                </li>
                <li>
                  <img src="../../image/li-tip.png" alt="" /><span
                    >道德健康：既为自己的健康也为他人的健康负责，把个人行为置于社会规范之内。</span
                  >
                </li>
              </ul>
            </div>
            <!-- <p>
              请同学们<a id="w1"></a
              ><a href="chapter002.html#m1"><sup>[1]</sup></a
              >查阅“健康概念的演变”。
            </p> -->
          </div>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 世界卫生组织五项身心健康指标评价
              <div class="icon" @click="activityXyx2">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们进行“小测试：世界卫生组织五项身心健康指标评价”。
            </div>
            <div v-if="chapter002.isShowXyx02">
              <!-- <p>请同学们进行“小测试：世界卫生组织五项身心健康指标评价”。</p> -->
              <div class="xyx-title">世界卫生组织五项身心健康指标评价</div>
              <div class="xyx-text">
                以下是世界卫生组织五项身心健康指标（WHO-5）的具体内容及评分，请同学们根据自
                己过去 2
                周内的实际情况，在下表中相应的数字上画“√”，最后相加得出总分，总分越高
                表明身心越健康。
              </div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th>在过去 2 周内</th>
                      <th>一直</th>
                      <th>大部分时间</th>
                      <th>超过一半以上时间</th>
                      <th>少于一半以上时间</th>
                      <th>小部分时间</th>
                      <th>没有</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td style="text-align: left">1. 我感觉快乐，心情舒畅</td>
                      <td>
                        <input
                          @change="changeBox($event, 'text1')"
                          :checked="chapter002.tablexyx1.text1"
                          type="checkbox"
                          value="5"
                        />
                        5
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text2')"
                          :checked="chapter002.tablexyx1.text2"
                          type="checkbox"
                          value="4"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text3')"
                          :checked="chapter002.tablexyx1.text3"
                          type="checkbox"
                          value="3"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text4')"
                          :checked="chapter002.tablexyx1.text4"
                          type="checkbox"
                          value="2"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text5')"
                          :checked="chapter002.tablexyx1.text5"
                          type="checkbox"
                          value="1"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text6')"
                          :checked="chapter002.tablexyx1.text6"
                          type="checkbox"
                          value="0"
                        />0
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">2. 我感觉宁静和放松</td>
                      <td>
                        <input
                          @change="changeBox($event, 'text7')"
                          :checked="chapter002.tablexyx1.text7"
                          type="checkbox"
                          value="5"
                        />5
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text8')"
                          :checked="chapter002.tablexyx1.text8"
                          type="checkbox"
                          value="4"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text9')"
                          :checked="chapter002.tablexyx1.text9"
                          type="checkbox"
                          value="3"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text10')"
                          :checked="chapter002.tablexyx1.text10"
                          type="checkbox"
                          value="2"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text11')"
                          :checked="chapter002.tablexyx1.text11"
                          type="checkbox"
                          value="1"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text12')"
                          :checked="chapter002.tablexyx1.text12"
                          type="checkbox"
                          value="0"
                        />0
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        3. 我感觉充满活力，精力充沛
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text13')"
                          :checked="chapter002.tablexyx1.text13"
                          type="checkbox"
                          value="5"
                        />5
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text14')"
                          :checked="chapter002.tablexyx1.text14"
                          type="checkbox"
                          value="4"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text15')"
                          :checked="chapter002.tablexyx1.text15"
                          type="checkbox"
                          value="3"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text16')"
                          :checked="chapter002.tablexyx1.text16"
                          type="checkbox"
                          value="2"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text17')"
                          :checked="chapter002.tablexyx1.text17"
                          type="checkbox"
                          value="1"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text18')"
                          :checked="chapter002.tablexyx1.text18"
                          type="checkbox"
                          value="0"
                        />0
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        4. 我睡醒时感到清醒，得到了足够休息
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text19')"
                          :checked="chapter002.tablexyx1.text19"
                          type="checkbox"
                          value="5"
                        />5
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text20')"
                          :checked="chapter002.tablexyx1.text20"
                          type="checkbox"
                          value="4"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text21')"
                          :checked="chapter002.tablexyx1.text21"
                          type="checkbox"
                          value="3"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text22')"
                          :checked="chapter002.tablexyx1.text22"
                          type="checkbox"
                          value="2"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text23')"
                          :checked="chapter002.tablexyx1.text23"
                          type="checkbox"
                          value="1"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text24')"
                          :checked="chapter002.tablexyx1.text24"
                          type="checkbox"
                          value="0"
                        />0
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        5. 我每天的生活充满了有趣的事情
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text25')"
                          :checked="chapter002.tablexyx1.text25"
                          type="checkbox"
                          value="5"
                        />5
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text26')"
                          :checked="chapter002.tablexyx1.text26"
                          type="checkbox"
                          value="4"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text27')"
                          :checked="chapter002.tablexyx1.text27"
                          type="checkbox"
                          value="3"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text28')"
                          :checked="chapter002.tablexyx1.text28"
                          type="checkbox"
                          value="2"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text29')"
                          :checked="chapter002.tablexyx1.text29"
                          type="checkbox"
                          value="1"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changeBox($event, 'text30')"
                          :checked="chapter002.tablexyx1.text30"
                          type="checkbox"
                          value="0"
                        />0
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore1">
                    您的得分：<span style="color: red">请提交后查看！</span>
                  </div>
                  <div class="score" v-if="isShowScore1">
                    您的得分：
                    <span style="color: red">{{ chapter002.score1 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(1)">提交</span>
                    <span @click="resetData(1)">重做</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
        <div class="bodystyle">
          <div class="img-float openImgBox">
            <img class="img-c" alt="" src="../../image/0017-1.jpg" />
            <p class="img" style="color: #f4ac94; font-size: 14px">
              图1-1-1 人们对健康的认识
            </p>
          </div>
          <p>
            目前，人们对健康的认识已经丰富到 7
            个维度（见图1-1-1）。其中，躯体维度指身体健康；情绪、社会和职业维度指心理、社会和道德的健康；理智维度指对各种信息的处理能力；心灵维度包括信心、信任、信仰和信念；环境维度包括个体与社会、自然界的和谐关系。
          </p>
          <h4 id="d002">二、健康的标准</h4>
          <p>
            世界卫生组织提出了十大健康标准，同学们可以根据实际情况进行自我健康评价。
          </p>
          <p class="block-hs">
            1.精力充沛，能从容不迫地进行日常生活和工作而不感到过分紧张。
          </p>
          <p class="block-hs">2.处事乐观，积极参与，乐于承担责任。</p>
          <p class="block-hs">3.善于休息，睡眠良好。</p>
          <p class="block-hs">4.应变能力强，能适应外界环境的各种变化。</p>
          <p class="block-hs">5.能够抵抗一般性感冒和传染病。</p>
          <p class="block-hs">
            6.体重适中，身材匀称。站立时，头、肩、臂的位置协调。
          </p>
          <p class="block-hs">7.眼睛明亮，眼睑不发炎，反应敏捷。</p>
          <p class="block-hs">
            8.牙齿清洁，无缺损、无龋齿、无出血现象，齿龈颜色正常。
          </p>
          <p class="block-hs">9.头发有光泽，无头屑。</p>
          <p class="block-hs">10.肌肤丰泽，皮肤有弹性，走路轻松有力。</p>
          <p><br /></p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 比一比 · 8 种健康状况测评
              <div class="icon" @click="activityXyx3">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们进行“8种健康状况测评”。</div>
            <!-- <p>请同学们进行“8种健康状况测评”。</p> -->
            <div class="bj-byb" v-if="chapter002.isShowXyx03">
              <div class="byb-title">8 种健康状况测评</div>
              <p>
                美国学者沃林斯基借鉴医学、社会学、心理学的相关理论，提出了 8
                种健康状况，请同 学们对照下表，分析自己的健康状况。
              </p>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th>健康状况</th>
                      <th>标志</th>
                      <th>心理方面</th>
                      <th>肉体方面</th>
                      <th>社会方面</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text1')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text1"
                        />正常健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text2')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text2"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text2')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text2"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text4')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text4"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text5')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text5"
                        />悲观
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text6')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text6"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text7')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text7"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text8')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text8"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>3</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text9')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text9"
                        />社会方面不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text10')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text10"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text11')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text11"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text12')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text12"
                        />不健康
                      </td>
                    </tr>
                    <tr>
                      <td>4</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text13')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text13"
                        />患疑病症
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text14')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text14"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text15')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text15"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text16')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text16"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>5</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text17')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text17"
                        />身体不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text18')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text18"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text19')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text19"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text20')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text20"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>6</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text21')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text21"
                        />长期受病折磨
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text22')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text22"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text23')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text23"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text24')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text24"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>7</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text25')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text25"
                        />乐观
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text26')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text26"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text27')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text27"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text28')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text28"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>8</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text29')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text29"
                        />患病严重
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text30')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text30"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text31')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text31"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text32')"
                          type="checkbox"
                          value=""
                          :checked="chapter002.tablebyb1.text32"
                        />不健康
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <h4 id="d003">三、影响健康的因素</h4>
          <p>
            世界卫生组织指出：人的健康和寿命 60% 取决于行为和生活方式，15%
            取决于生物遗传，10% 取决于社会因素，8% 取决于医疗条件，7%
            取决于生活环境。
          </p>
          <h5 id="e001">（一）行为和生活方式</h5>
          <p>
            当今社会，发达国家人口死亡的主要原因是心脑血管疾病、恶性肿瘤和意外死亡，大都与滥用酒精和药物、饮食不科学、缺乏锻炼、吸烟等不良行为和生活方式有关。在中职阶段，不良行为和生活方式一般包括非故意伤害行为（如骑车违规、步行违规、到无安全措施场所运动等），故意伤害行为（如校园欺凌、自伤行为等），物质滥用行为（如吸烟、饮酒行为），网络成瘾行为，过早性行为，不健康饮食行为和缺乏体力活动行为等。这些对同学们的健康有着长期的消极影响，应该杜绝。
          </p>
          <h5 id="e002">（二）生物遗传</h5>
          <p>
            生物遗传因素包括人类在长期生物进化过程中所形成的遗传、成熟、老化及机体内部状态
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
        <div class="bodystyle">
          <p>
            （如各器官的功能状态、机体的免疫能力）等。生物遗传因素直接关系着我们的健康，对诸多疾病的发生、发展及分布具有重要影响。虽然遗传因素无法改变，但是心理因素具有可塑性。保持积极的心理状态是维持和增进健康的必要条件。
          </p>
          <h5 id="e003">（三）社会因素与医疗条件</h5>
          <p>
            相关研究显示，不良生活事件会使机体机能偏离平衡状态，对身心健康有着不利影响。中职学生的不良生活事件主要集中在人际关系、学习压力和校园适应等方面，发生率较高的前5位分别为“考试失败或成绩不理想”“与同学或好友发生纠纷”“生活（饮食、作息等）规律等明显变化”“被人误会或错怪”和“学习负担重”。如果出现上述情况，同学们可以求助于老师、家长或同学等，也可以通过体育锻炼、心理咨询等方式缓解压力，进而有效降低由生活事件所引发的负面情绪对健康的影响。
          </p>
          <p>
            此外，健全的社会保健制度，尤其是初级卫生保健制度，能针对本地区存在的主要卫生问题提供相应的卫生服务，是维护和促进健康的重要保障。
          </p>
          <h5 id="e004">（四）生活环境</h5>
          <p>
            正常的大气、水、土壤、微小气候等是我们赖以生存、不可或缺的原生环境。目前，工农业生产和人类活动等产生的次生环境问题（如森林覆盖面积减少、水土流失、空气污染等）日益危害着我们的健康。此外，自然环境中的物理因素（如气温、气压、噪声、辐射等）
            与化学因素（如天然或人工合成的某些化学物质及动物和微生物体内的某些化学元素），与人体接触超过一定限度，也会对我们的健康产生危害。
          </p>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 生活事件评价
              <div class="icon" @click="activityXyx4">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们进行“生活事件评价”。</div>
            <!-- <p>请同学们进行“生活事件评价”。</p> -->
            <div v-if="chapter002.isShowXyx04">
              <div class="xyx-title">生活事件评价</div>
              <div class="xyx-text">
                请同学们根据下表分析在过去 3
                个月内，以下生活事件对你造成的影响，得分越高反映
                负性生活事件对你的影响程度越高。
              </div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th>在过去 3 个月内</th>
                      <th>未发生</th>
                      <th>无影响</th>
                      <th>轻度</th>
                      <th>中度</th>
                      <th>重度</th>
                      <th>极重度</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td style="text-align: left">1. 被人误会</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text1')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text1"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text2')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text2"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text3')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text3"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text4')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text4"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text5')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text5"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text6')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text6"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">2. 受人歧视</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text82')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text82"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text83')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text83"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text84')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text84"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text85')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text85"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text86')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text86"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text87')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text87"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">3. 考试失败</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text88')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text88"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text89')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text89"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text90')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text90"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text92')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text92"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text93')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text93"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text94')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text94"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">4. 好友纠纷</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text95')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text95"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text96')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text96"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text97')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text97"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text98')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text98"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text99')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text99"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text100')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text100"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">5. 生活习惯变化</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text101')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text101"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text102')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text102"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text103')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text103"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text104')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text104"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text105')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text105"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text106')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text106"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">6. 讨厌上学</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text107')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text107"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text108')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text108"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text109')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text109"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text110')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text110"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text111')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text111"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text112')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text112"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">7. 有恋爱问题</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text113')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text113"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text114')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text114"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text115')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text115"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text116')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text116"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text117')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text117"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text118')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text118"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">8. 远离家人</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text119')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text119"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text120')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text120"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text122')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text122"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text123')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text123"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text121')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text121"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text124')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text124"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">9. 学习负担重</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text125')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text125"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text126')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text126"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text127')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text127"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text128')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text128"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text129')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text129"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text130')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text130"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">10. 与老师有矛盾</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text131')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text131"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text132')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text132"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text133')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text133"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text134')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text134"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text135')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text135"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text136')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text136"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">11. 本人患急重病</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text137')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text137"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text138')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text138"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text139')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text139"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text140')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text140"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text141')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text141"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text142')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text142"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">12. 亲友急重病</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text7')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text7"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text8')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text8"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text9')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text9"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text10')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text10"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text11')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text11"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text12')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text12"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">13. 亲友死亡</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text13')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text13"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text14')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text14"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text15')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text15"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text16')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text16"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text17')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text17"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text18')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text18"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">14. 失窃</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text19')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text19"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text20')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text20"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text21')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text21"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text22')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text22"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text23')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text23"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text24')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text24"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">15. 当众丢面子</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text25')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text25"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text26')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text26"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text27')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text27"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text28')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text28"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text29')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text29"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text30')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text30"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">16. 家庭经济困难</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text31')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text31"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text32')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text32"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text33')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text33"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text34')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text34"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text35')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text35"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text36')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text36"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">17. 家庭矛盾</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text37')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text37"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text38')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text38"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text39')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text39"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text40')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text40"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text41')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text41"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text42')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text42"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">18. 评选落空</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text43')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text43"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text44')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text44"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text45')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text45"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text46')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text46"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text47')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text47"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text48')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text48"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">19. 受批评、处分</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text6')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text49"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text6')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text50"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text6')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text51"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text6')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text52"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text6')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text53"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text6')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text54"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">20. 转学 / 休学</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text55')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text55"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text56')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text56"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text57')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text57"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text58')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text58"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text59')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text59"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text60')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text60"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">21. 违纪 / 违法</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text61')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text61"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text62')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text62"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text63')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text63"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text64')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text64"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text65')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text65"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text66')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text66"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">22. 有升学压力</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text67')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text67"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text68')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text68"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text69')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text69"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text70')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text70"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text71')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text71"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text72')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text72"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">23. 打架斗殴</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text71')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text71"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text72')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text72"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text73')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text73"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text74')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text74"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text75')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text75"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text76')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text76"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">24. 遭父母打骂</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text77')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text77"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text78')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text78"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text79')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text79"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text80')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text80"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text81')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text81"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text82')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text82"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">25. 学业上有家庭压力</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text221')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text221"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text222')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text222"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text223')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text223"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text224')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text224"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text225')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text225"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text226')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text226"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">26. 遭意外事故</td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text77')"
                          type="checkbox"
                          value="0"
                          :checked="chapter002.tablecyc2.text227"
                        />0
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text78')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc2.text228"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text79')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc2.text229"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text80')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc2.text230"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text81')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc2.text231"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc2($event, 'text82')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc2.text232"
                        />5
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore2">
                    您的得分：<span style="color: red">请提交后查看！</span>
                  </div>
                  <div class="score" v-if="isShowScore2">
                    您的得分：
                    <span style="color: red">{{ chapter002.score2 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(2)">提交</span>
                    <span @click="resetData(2)">重做</span>
                  </div>
                </div>
              </div>
              <p class="note">
                注：人际压力 （ 1、2、4、15）、学习压力 （
                3、9、22、25）、受惩罚
                （18、19、20、21、23、24、26）、丧失（11、12、13、14、16、17）、适应（
                5、6、7、8、10）
              </p>
            </div>
          </div>
          <h4 id="d004">四、健康是每个人的生命之基</h4>
          <p>
            人民教育家陶行知先生曾指出：“人生第一要事是康健，第二要事是康健，第三要事是康健。”<a
              id="w2"
            ></a
            ><a href="chapter002.html#m2"><sup>[2]</sup></a
            >从生命的角度来看，每个人的生命都只有一次。相对于功名利禄而言，健康才是第一位的。如果没有健康，其他任何事情的意义就会大打折扣或失去意义。当下全球发生的新型冠状病毒肺炎疫情更加凸显出健康的重要。抗击病毒需要有较强的免疫力，健康的身体、健康的生活方式、科学的防控措施是战胜病毒的重要法宝。
          </p>
          <p>
            健康不仅对自己有益，而且对他人、对社会、对国家都有益。拥有健康的体魄既是为祖国和人民服务的基本前提，也是家庭拥有幸福生活和个体彰显生命活力的基本前提。为了筑牢我们的生命之基，每个人都应树立“做自己健康的第一责任人”的意识，对自己的健康负责。健康呈现的是生命的正能量状态。健康的生命聚在一起，必然会形成一个生命的正能量场，为彼此输送生命所需的正能量。
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
        <div class="bodystyle">
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.多维健康包括<input
                @change="changeAssess($event, 'text1')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />
            </p>
            <p class="block">
              2.我打算按如下做法提升自己的健康水平<input
                @change="changeAssess($event, 'text2')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />
            </p>
            <p class="block">
              3.依据世界卫生组织的十大健康标准，我做得好的方面有<input
                @change="changeAssess($event, 'text3')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />，有待改善的地方有<input
                :value="chapter002.tkItem01.text1"
                @change="changeAssess($event, 'text4')"
                maxlength="20"
                class="assess"
                type="text"
              />。
            </p>
            <p class="block">
              4.采用小组合作的形式，依据世界卫生组织身心健康指标编制问卷，
              对同学们的身心健康状况及其影响因素进行调查，在老师的帮助下进行数据处理与分析，提出促进同学们身心健康发展的建议。
            </p>
          </div>
          <h3 id="c002">专题二 形成健康的生活方式</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">1.了解什么是健康的生活方式。</p>
            <p class="block">2.掌握基本的健康生活方式。</p>
            <p class="block">3.养成健康的生活习惯。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                @click="readText('qjdr02')"
                xmlns="http://www.w3.org/2000/svg"
                width="14.24"
                height="19.987"
                viewBox="0 0 14.24 19.987"
              >
                <g transform="translate(-227.018 -96)">
                  <path
                    class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)"
                  />
                  <path
                    class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)"
                  />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr02">
              身体瘦弱的小刘经常熬夜复习功课，加上生活不规律，他得了严重的胃病。在老师的建议下，他开始晨跑，并坚持吃早餐。渐渐地，他改掉了熬夜的习惯，胃病大大好转，精神面貌焕然一新，学习效率也大大提升……
            </p>
          </div>
          <p>
            我们要深入开展健康中国行动和爱国卫生运动，倡导文明健康生活方式。健康的生活方式使人精力充沛、充满活力，反之则会导致各种身心疾病。生活方式会影响生命的质量和人生的长短。
          </p>
          <p>
            本专题将带同学们了解生活方式与健康的关系，了解中职学生该有的健康生活方式，帮同学们树立“做自己健康的第一责任人”的理念，提升健康素养，学会自我健康管理，掌握形成健康生活方式的方法，为同学们的健康人生导航。
          </p>
          <h4 id="d005">一、健康生活方式的内涵</h4>
          <p>
            生活方式是指人们长期受社会文化、经济、风俗、家庭的影响而形成的一系列的生活习惯、生活制度和生活意识。
          </p>
          <p>健康生活方式是指有益于健康的、习惯化的行为方式。</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <div class="bodystyle">
          <h4 id="d006">二、中职学生的健康生活方式</h4>
          <p>对同学们来说，健康生活方式具体表现在如下几个方面。</p>
          <h5 id="e005">（一）强化卫生意识，养成良好卫生习惯</h5>
          <p>
            生活中要注意增强卫生意识，养成良好的个人卫生、公共卫生和饮食卫生习惯，如勤洗手、常洗澡、早晚刷牙、饭后漱口；不共用洗漱和餐饮用品，聚餐用公勺、公筷；咳嗽、打喷嚏时遮掩口鼻；适时开窗通风，保持室内空气清新；保持环境卫生，不随意丢弃垃圾，垃圾要分类处理；注意饮水卫生，不喝生水；蔬菜水果要洗净；生、熟食品要分开存放和加工；不吃变质、超过保质期的食品。尤其是新型冠状病毒肺炎疫情暴发以来，同学们更要时刻注意保持卫生，不能松懈。
          </p>
          <h5 id="e006">（二）起居有常，生活作息规律</h5>
          <p>
            睡眠是机体复原休整和巩固记忆的重要环节，对大脑发育、骨骼生长、视力保护、身心健康和提高学习能力与效率至关重要。同学们应养成每天规律睡眠、充足睡眠的好习惯，不能晚上不睡、早晨不起、熬夜玩手机。
          </p>
          <p>
            生活作息规律可以使我们形成稳定的生物钟，轻松进入工作、学习和生活的良好状态，起到事半功倍的效果。如果由于特殊情况，不能按正常作息安排一日生活，应尽量保证每天充足的睡眠、适当的体育锻炼，按时吃饭，以免打乱生物钟，影响我们的身体健康。如果未来同学们从事的职业作息与一般人作息不同但相对稳定，那么，同学们可以建立新的作息时间表，形成新的生物钟。
          </p>
          <h5 id="e007">（三）合理膳食，均衡营养，文明就餐</h5>
          <p>
            同学们正处于生长发育和学习进步的关键时期。而且在职业技能的学习过程中，能量需求量大，因此在饮食上必须多加注意。
          </p>
          <p>
            第一，合理安排一日三餐，做到进餐有时、三餐有别，“早好”“中饱”“晚少”，不暴饮暴食，也不过分节食，饥饱要适当。每日膳食要食物多样，营养均衡，保证主食、优质蛋白质、新鲜瓜果蔬菜的摄入。有些同学采用不吃主食、只吃果蔬的方式来控制体重或保持身材，这是不明智的。
          </p>
          <p>
            第二，饮食要清淡，做到“三减”——减油、减盐、减糖，控制辛辣、刺激、甜腻等食品的摄入量。每天足量饮用白开水，不喝或少喝含糖饮料。如果未来从事的是消耗能量很大的职业，可适当补充一些运动饮料等。一些同学喜欢饮用各种高糖饮料，甚至替代饮用水。这尤其不利于身体健康，需要立刻改掉这种习惯。
          </p>
          <p>
            第三，文明就餐。就餐时最好采用分餐制，注重餐桌礼仪，敬老爱幼不喧哗；量腹而取，食尽盘光，做到美好“食”光不浪费。
          </p>
          <p>
            中国营养学会公布的《中国居民膳食指南（2022）》为我们提供了每日应摄入的食物种
          </p>
        </div>
      </div>
    </div>
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="bodystyle">
          <p>
            类及合理数量、适宜的身体活动量及饮水量参考，并以膳食宝塔的形式直观展现，是我们日常饮食应遵守的基本准则（见图1-2-1）。
          </p>
          <p class="center openImgBox">
            <!-- <el-image
              class="chapter001-img-0018 img-c"
              :src="picOneUrl2"
              :preview-src-list="picArr2"
            /> -->
            <img class="img-c" alt="" src="../../image/0021-1.jpg" />
          </p>
          <p class="img">图1-2-1 中国居民平衡膳食宝塔（2022）</p>
          <p class="center"><b>平衡膳食八大准则</b></p>
          <div class="bk-wbj">
            <p><b>准则一</b>　<span class="kaiti">食物多样，合理搭配</span></p>
            <p><b>准则二</b>　<span class="kaiti">吃动平衡，健康体重</span></p>
            <p>
              <b>准则三</b>　<span class="kaiti">
                多次蔬果、奶类、全谷、大豆</span
              >
            </p>
            <p>
              <b>准则四</b>　<span class="kaiti"> 适量吃鱼、禽、蛋、瘦肉</span>
            </p>
            <p><b>准则五</b>　<span class="kaiti">少盐少油，控糖限酒</span></p>
            <p><b>准则六</b>　<span class="kaiti">规律进餐，足量饮水</span></p>
            <p><b>准则七</b>　<span class="kaiti">会烹会选，会看标签</span></p>
            <p><b>准则八</b>　<span class="kaiti">公筷分餐，杜绝浪费</span></p>
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 比一比 ·
              <div class="icon" @click="activityXyx5">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">
              请依据平衡膳食宝塔，为自己设计一周的营养膳食并实践。与同学互评，看看谁的更健康。
            </p>
            <div v-if="chapter002.isShowXyx05">
              <textarea rows="8" v-model="chapter002.textBybItem1"></textarea>
            </div>
          </div>
          <h5 id="e008">（四）坚持科学锻炼</h5>
          <p>
            运动是健康生活方式不可或缺的重要内容，应成为我们生活的一部分。每个同学都应培养定期、定量运动的良好习惯。即便是一些体力性的职业学习（运动性工作除外）也不能替代体育运动。但是，运动也是一把“双刃剑”。在日常锻炼中，掌握科学的锻炼方法是保证我们终身锻炼的关键。
          </p>
          <p>
            第一，注意运动环境的选择。参考因素包括空气质量、气温、湿度以及太阳光线等。不适宜的环境可能会影响锻炼效果，甚至危害身体健康。
          </p>
          <p>
            第二，遵守科学锻炼原则。具体包括全面发展原则、循序渐进原则、适量性原则、延续性原则、个别对待原则和健康性原则。
          </p>
          <p>第三，针对自身特点，制定运动处方，提高锻炼效果。</p>
          <p style="margin-bottom: 30px">
            第四，养成良好的运动卫生习惯，如穿浅色、轻薄和透气良好的运动服装，运动时养成用鼻呼吸的习惯；运动后及时消汗保暖，更换衣物等。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 ·适宜运动环境的选择
              <div class="icon" @click="activityXyx6">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们查阅“适宜运动环境的选择”，并与同学讨论校园内哪些地方适宜锻炼
              。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx06">
              <div class="xyx-title">适宜运动环境的选择</div>
              <p>
                第一，最好选择户外地域空旷、空气新鲜且又安全的地方进行锻炼，但雾霾或空气污染
                比较严重时不要在室外运动。避免到人群喧闹、噪声较大、交通拥挤的地方运动。在室内锻
                炼时要保持空气流通。
              </p>
              <p>
                第二，运动场所的温度要适宜，避免在高温闷热中运动。气温超过
                35℃时，人会因大
                量出汗、体液减少而导致运动能力下降，甚至出现痉挛、中暑等情况。适宜运动的空气湿度
                为 30%～70%。
              </p>
              <p>第三，跑步时可选择地面平整的操场、公园、河边的人行道等地。</p>
              <p>
                第四，从事骑行、远足等运动，最好选在自然景点，行动路线尽量选在自然景色美、树
                木较多、路面较平坦的地段。
              </p>
              <p>
                第五，体操、武术、气功等运动，可在空气新鲜、环境优美、噪声小的公园空地、树林、
                河边以及家庭庭院里进行。跳绳、踢毽、羽毛球等运动可在地势平坦的空地上进行。艺术体
                操、健美操等运动可在草地上进行。
              </p>
            </div>
            <!-- <p>
          请同学们<a id="w1"></a
          ><a href="chapter002.html#m1"><sup>[1]</sup></a
          >查阅“健康概念的演变”。
        </p> -->
            <!-- <p>
          请同学们查阅“适宜运动环境的选择”，并与同学讨论校园内哪些地方适宜锻炼。
        </p> -->
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 试一试 ·个人运动处方的制定
              <div class="icon" @click="activityXyx7">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们学习“个人运动处方制定”相关内容，根据自身情况设计专属运动处方，并向老师汇报。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx07">
              <div class="xyx-title">个人运动处方的制定</div>

              <p>
                第一，确定锻炼的目标。可以把自己体质健康测试中的各项结果与《国家学生体质健康
                标准》进行比较，没有达到“良好”的项目，应定为重点锻炼目标。
              </p>
              <p>
                第二，确定锻炼的内容。依据锻炼目标设定锻炼内容，但不论锻炼目标如何，运动处方
                中的锻炼内容都应以有氧运动为基础，结合其他相应的锻炼形式进行，即一般都包括有氧运
                动、力量性运动和柔韧性运动。当然，选择运动内容时应考虑自己的爱好以及学校、社区和
                家庭可利用的场地与设施等条件。
              </p>
              <p>
                第三，确定运动的强度。通常，最大心率的 60%～85%
                为运动的适宜心率。对健 康的中职生来说，最大心率可用“220 -
                年龄”来计算；如果平时经常参加运动，则用 “210 - 年龄 ×0.8”计算。
              </p>
              <p>
                第四，确定运动的时间和频率。运动时间因运动强度、频率、目的、年龄、身体条件等
                而不同，一般身体的各项生理功能（尤其对呼吸和循环系统产生有效的刺激）被调动起来参
                与运动需 3～5 分钟，达到恒定运动状态后还要持续 10～15
                分钟才能保持运动的良好效应， 再加上 10
                分钟的准备和放松活动，所以一次有效的健身运动最低限度应有 30
                分钟，进行有 氧运动时可在 20～60
                分钟内根据情况决定必要的运动时间。
              </p>
              <p class="xyx-fu">附：</p>
              <div class="xyx-fu-title">减肥运动处方</div>
              <p>
                运动减肥不是心血来潮的一闪念，而是临床医学的一种科学治疗方法。一般男子体脂百
                分比超过 20%，女子超过 28%，体重超标 20%
                以上，即建议减肥。在制订减肥运动处方时，
                应遵循安全性、有效性和可接受性原则。运动减肥的效果在较大程度上依赖于所采用的运动
                处方是否适用。运动处方包括运动方式、运动强度、运动持续时间及运动频率
                4 要素，同时 还有注意事项。
              </p>
              <p class="xyx-fu-ss">1. 减肥目标和计划的确定</p>
              <p>
                为保证安全减肥，每周体重减轻量不超过 1 千克，通常以 0.5
                千克为宜，否则不能真正 持续地实现减肥目的。每日能量平衡不超过
                2093~4185 千焦。减肥期间每日能量摄入不低 于 5023
                千焦，以保证正常的基础代谢。每日运动耗能量应达到 1255~2093
                千焦，每周达到 4185~8370
                千焦。在制订减肥运动处方前，应根据体脂测评结果确定减肥目标，制订减肥计
                划。研究表明，减少 1 千克的身体脂肪，大约消耗 32228
                千焦的热能，慢跑 112.7 千米或骑自行车 12 小时。
              </p>
              <p class="xyx-fu-ss">2. 运动强度</p>
              <p>
                由于肥胖者对运动强度的耐受性差异很大，在制订减肥运动处方前，应进行递增负荷运
                动耐力测试（GXT
                测试），根据所测的肥胖者最大运动能力（最大活动强度值）来制订运动
                强度。通常减肥运动处方的强度为 45%~65%
                最大运动能力（最大活动强度值），相应的靶 率为 60%~70%
                最大心率，主观体力感觉程度（RPE）大约为 13~16。GXT
                测试不仅能显示
                心肺功能有无异常，而且也可以表明参加活动者的最初运动能力。
              </p>
              <p class="xyx-fu-ss">3. 运动持续时间和运动频率</p>
              <p>
                依据美国运动医学会（ASM）的建议，减肥运动每次的锻炼时间至少 30
                分钟，一般为 40~60 分钟，练习频率为每周 5~7
                次。持续时间和运动频率应在参加者体质健康和心肺功能
                的安全范围之内。
              </p>
              <p class="xyx-fu-ss">4. 运动方式</p>
              <p>
                运动方式即锻炼内容，通常减肥运动应以有氧运动为主。锻炼内容应以使参加者感兴趣，
                能坚持下去，运动费用能够承受的健步走、慢跑、骑自行车、有氧健身操、太极拳、游泳以
                及各球类活动等为主。此外，也要结合抗阻力量练习，即在增加能量消耗的基础上，增加瘦
                体重。
              </p>
              <p class="xyx-fu-ss">5. 注意事项</p>
              <p>
                每次运动时，要注意在开始时做好充分准备活动，在结束时做好整理活动。运动过程中
                要细心观察体会主观体力感觉程度，如果过于轻松或过于吃力，可对练习内容和运动量做适
                当调整，避免运动伤害事发生，以第二天不感到很疲劳为宜。
              </p>
              <p>
                在实施减肥运动处方的过程中，要随时观察效果，通常有效的减肥运动方案实施一段时
                间后，出现体脂下降、腰围缩小、心肺功能提高等良好的运动效果。若效果不明显，或肥胖
                者坚持不下来，则需要修正运动处方。因此，在减肥运动的训练时间安排上，要根据肥胖者
                的肥胖程度、预期减肥要求及个体可接受的运动强度和频率来安排总的练习时间，可从数周
                至数年。循序渐进，持之以恒，运动减肥效果才能显著。
              </p>
              <p>
                在实施运动减肥计划过程中，应注意饮食调整，在满足机体营养需要的基础上，尽量减
                少热量的过多摄入，主要是控制脂肪、糖类和食物总量的摄入。
              </p>
            </div>
            <!-- <p>
          请同学们学习“个人运动处方制定”相关内容，根据自身情况设计专属运动处方，并向老师汇报。
        </p> -->
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <div class="bodystyle">
          <h5 id="e009">（五）培养良好的兴趣爱好，远离和戒除陋习</h5>
          <p>
            第一，培养良好的兴趣爱好。挖掘自身潜在素质，培养广泛而良好的兴趣爱好，使自己的人生多姿多彩，增加幸福指数，为形成健康生活方式奠定基础。
          </p>
          <p>
            第二，远离和戒除陋习。吸烟、酗酒、网络成瘾等陋习是青少年成长过程中较大的绊脚石。一旦沾染，如不及时戒除，就可能伴随一生，损害同学们的身体，甚至危及同学们的生命。这些陋习不是现代文明社会公民应有的生活方式，更不是中职学生应有的生活方式。
          </p>
          <h5 id="e010">（六）关注身体健康</h5>
          <p>
            第一，定期体检，评估身体健康状况，对生长发育问题和疾病做到早发现、早矫治、早恢复。
          </p>
          <p>第二，出现病症及时就医，遵医嘱治疗，理性对待诊疗结果。</p>
          <p style="margin-bottom: 30px">
            第三，遵守安全用药原则，能口服就不肌肉注射，能肌肉注射就不输液；如若必需，则须遵医嘱使用抗生素、镇静催眠药、镇痛药、止咳糖浆以及其他成瘾性药物，避免药物依赖；药品应存放在避光、干燥处；定期检查药品是否过期，过期后禁止使用。
          </p>
          <h5 id="e011">（七）注重心理健康</h5>
          <p>心理健康对于同学们来说具体可表现为如下几点。</p>
          <p>第一，热爱生活，有幸福感。</p>
          <p>
            第二，有能力建立和维持良好的人际关系，如能较快融入陌生群体，能与人和谐相处等。第三，积极参与有意义的校园活动及社会活动，有能力参与相应的工作。
          </p>
          <p>
            第四，乐观向上、心态平和，能应对生活和学习中的挑战，并从中获得成长。
          </p>
          <p style="margin-bottom: 30px">
            第五，重视和维护心理健康，遇到心理困扰时能主动寻求帮助，采用积极有效的压力应对方式（如合理运动等），及时疏导不良情绪，保持心理健康。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 一评二控三减四健——全民健康生活方式行动
              <div class="icon" @click="activityXyx8">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们学习“一评二控三减四健——全民健康生活方式行动”。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx08">
              <div class="xyx-title">
                一评二控三减四健——全民健康生活方式行动
              </div>
              <p>
                “一评”即健康评估，健康指标检测，评估居民身心健康状况，提早干预；
              </p>
              <p>“二控”即控烟、控酒；</p>
              <p>“三减”即减盐、减油、减糖；</p>
              <p>“四健”即健康体重、健康口腔、健康骨骼、健康心理。</p>
            </div>
            <!-- <p>
          请同学们学习“一评二控三减四健——全民健康生活方式行动”。
        </p> -->
          </div>
          <h4 id="d007" style="margin-bottom: 30px">
            三、提升健康素养，学会自我健康管理
          </h4>

          <p>
            现代社会总有许多新奇事物丰富与干扰着我们的生活。同学们又正值青春年少，好奇心强，体力与精力处于人生高峰期，很容易因聚会、上网、游戏、追剧等而不能正常、规律地生活，进而形成不良的生活方式，透支身体，影响身心健康。我们应尽量抵制不良诱惑，树立“做自己健康的第一责任人”的理念，学会自我健康管理，养成健康的生活习惯。
          </p>
          <p style="margin-bottom: 30px">
            一个人要形成健康生活方式，需以健康素养为基础。同学们应多看高质量的健康类书籍，学习健康知识与技能，如“健康素养66条”等，提升自己的健康素养，并结合自己未来职业的特点养成适合自己的健康生活方式。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 ·健康素养66条
              <div class="icon" @click="activityXyx9">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们学习“健康素养66条”。</div>
            <!-- <p></p> -->
            <div class="xyx-text" v-if="chapter002.isShowXyx09">
              <div class="xyx-title">健康素养66条</div>
              <p class="xyx-tips">一、基本知识和理念（25 条）</p>
              <p>
                1.
                健康不仅仅是没有疾病或虚弱，而是身体、心理和社会适应的完好状态。
              </p>
              <p>
                2.
                每个人都有维护自身和他人健康的责任，健康的生活方式能够维护和促进自身健康。
              </p>
              <p>3. 环境与健康息息相关，保护环境，促进健康。</p>
              <p>4. 无偿献血，助人利己。</p>
              <p>5. 每个人都应当关爱、帮助、不歧视病残人员。</p>
              <p>6. 定期进行健康体检。</p>
              <p>
                7. 成年人的正常血压为收缩压 ≥90mmHg 且＜ 140 mmHg，舒张压
                ≥60mmHg 且＜ 90 mmHg；腋下体温 36℃～37℃ ；平静呼吸 16～20 次 /
                分；心率 60～100 次 / 分。
              </p>
              <p>
                8.
                接种疫苗是预防一些传染病最有效、最经济的措施，儿童出生后应当按照免疫程序接
                种疫苗
              </p>
              <p>
                9.
                在流感流行季节前接种流感疫苗可减少患流感的机会或减轻患流感后的症状。
              </p>
              <p>
                10.
                艾滋病、乙肝和丙肝通过血液、性接触和母婴三种途径传播，日常生活和工作接触
                不会传播。
              </p>
              <p>
                11.
                肺结核主要通过病人咳嗽、打喷嚏、大声说话等产生的飞沫传播；出现咳嗽、咳痰
                2 周以上，或痰中带血，应当及时检查是否得了肺结核。
              </p>
              <p>
                12.
                坚持规范治疗，大部分肺结核病人能够治愈，并能有效预防耐药结核的产生。
              </p>
              <p>
                13.
                在血吸虫病流行区，应当尽量避免接触疫水；接触疫水后，应当及时进行检查或接
                受预防性治疗。
              </p>
              <p>
                14.
                家养犬、猫应当接种兽用狂犬病疫苗；人被犬、猫抓伤、咬伤后，应当立即冲洗伤口，
                并尽快注射抗狂犬病免疫球蛋白（或血清）和人用狂犬病疫苗。
              </p>
              <p>15. 蚊子、苍蝇、老鼠、蟑螂等会传播疾病。</p>
              <p>
                16. 发现病死禽畜要报告，不加工、不食用病死禽畜，不食用野生动物。
              </p>
              <p>
                17.
                关注血压变化，控制高血压危险因素，高血压患者要学会自我健康管理。
              </p>
              <p>
                18.
                关注血糖变化，控制糖尿病危险因素，糖尿病患者应当加强自我健康管理。
              </p>
              <p>19. 积极参加癌症筛查，及早发现癌症和癌前病变。</p>
              <p>
                20. 每个人都可能出现抑郁和焦虑情绪，正确认识抑郁症和焦虑症。
              </p>
              <p>21. 关爱老年人，预防老年人跌倒，识别老年期痴呆。</p>
              <p>
                22. 选择安全、高效的避孕措施，减少人工流产，关爱妇女生殖健康。
              </p>
              <p>23. 保健食品不是药品，正确选用保健食品。</p>
              <p>
                24.
                劳动者要了解工作岗位和工作环境中存在的危害因素，遵守操作规程，注意个人防
                护，避免职业伤害。
              </p>
              <p>25. 从事有毒有害工种的劳动者享有职业保护的权利。</p>
              <p class="xyx-tips">二、健康生活方式与行为（29 条）</p>
              <p>
                26. 健康生活方式主要包括合理膳食、适量运动、戒烟限酒、心理平衡。
              </p>
              <p>27. 保持正常体重，避免超重、肥胖。</p>
              <p>
                28. 膳食应当以谷类为主，多吃蔬菜、水果和薯类，荤素、粗细搭配。
              </p>
              <p>29. 每天食用奶类、豆类及其制品。</p>
              <p>30. 膳食要清淡，要少油、少盐、少糖，食用合格碘盐。</p>
              <p>31. 讲究饮水卫生，每天适量饮水。</p>
              <p>
                32.
                生、熟食品要分开存放和加工，生吃蔬菜水果要洗净，不吃变质、超过保质期的
                食品。
              </p>
              <p>
                33. 成年人每日应当进行 6～10
                千步当量的活动，动则有益，贵在坚持。
              </p>
              <p>
                34.
                吸烟和二手烟暴露会导致癌症、心血管疾病、呼吸系统疾病等多种疾病。
              </p>
              <p>35.“低焦油卷烟”“中草药卷烟”不能降低吸烟带来的危害。</p>
              <p>36. 任何年龄戒烟均获益，越早越好，戒烟门诊可提供专业服务。</p>
              <p>37. 少饮酒，不酗酒。</p>
              <p>
                38. 遵医嘱使用镇静催眠药、镇痛药等成瘾性药物，预防药物依赖。
              </p>
              <p>39. 拒绝毒品。</p>
              <p>40. 每天保证 7～8 小时睡眠。</p>
              <p>41. 重视和维护心理健康，遇到心理问题时主动寻求帮助。</p>
              <p>
                42. 勤洗手、常洗澡、早晚刷牙、饭后漱口，不共用毛巾和洗漱用品
              </p>
              <p>
                43. 根据天气变化和空气质量，适时开窗通风，保持室内空气流通。
              </p>
              <p>44. 不在公共场所吸烟、吐痰，咳嗽、打喷嚏时遮掩口鼻。</p>
              <p>45. 农村使用卫生厕所，管理好人畜粪便。</p>
              <p>46. 科学就医，及时就诊，遵医嘱治疗，理性对待诊疗结果。</p>
              <p>
                47.
                安全用药，能口服不肌肉注射，能肌肉注射不输液，遵医嘱使用抗生素。
              </p>
              <p>48. 戴头盔、系安全带，不超速、不酒驾、不疲劳驾驶。</p>
              <p>49. 加强看护和教育，避免儿童接近危险水域，预防溺水。</p>
              <p>50. 冬季取暖注意通风，谨防煤气中毒。</p>
              <p>
                51. 主动接受婚前和孕前保健，孕期应当至少接受 5
                次产前检查并住院分娩。
              </p>
              <p>52. 孩子出生后尽早母乳喂养，满 6 个月合理添加辅食。</p>
              <p>
                53.
                通过亲子交流、玩耍促进儿童早期发展，发现心理行为发育问题要尽早干预。
              </p>
              <p>
                54.
                培养青少年健康的生活方式，预防近视、超重与肥胖，避免网络成瘾和过早性行为。
              </p>
              <p class="xyx-tips">三、基本技能（12 条）</p>
              <p>55. 关注健康信息，能够获取、理解、甄别、应用健康信息。</p>
              <p>56. 能看懂食品、药品、保健品的标签和说明书。</p>
              <p>
                57.
                会识别常见的危险标识，如高压、易燃、易爆、剧毒、放射性、生物安全等，远离
                危险物。
              </p>
              <p>58. 会测量脉搏和腋下体温。</p>
              <p>
                59. 正确使用安全套，减少感染艾滋病、性病的危险，防止意外怀孕。
              </p>
              <p>60. 妥善存放和正确使用农药等有毒物品，谨防儿童接触。</p>
              <p>
                61. 寻求紧急医疗救助时拨打 120，寻求健康咨询服务时拨打 12320。
              </p>
              <p>
                62.
                发生创伤出血量较多时，应当立即止血、包扎；对怀疑骨折的伤员不要轻易搬动。
              </p>
              <p>63. 遇到呼吸、心跳骤停的伤病员，会进行心肺复苏。</p>
              <p>64. 抢救触电者首先切断电源，不要直接接触触电者。</p>
              <p>
                65. 发生火灾时，用湿毛巾捂住口鼻、低姿逃生；拨打火警电话
                119。65. 发生火灾时，用湿毛巾捂住口鼻、低姿逃生；拨打火警电话
                119。
              </p>
              <p>66. 地震时选择正确避震方式，震后立即开展自救互救。</p>
            </div>
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 ·健康行动计划的制订与实施
              <div class="icon" @click="activityXyx10">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <!-- <p>请同学们学习“健康行动计划的制订与实施”。</p>
         -->
            <br />
            <div class="public-tips">
              请同学们学习“健康行动计划的制订与实施”。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx10">
              <div class="xyx-title">健康行动计划的制订与实施</div>
              <p class="xyx-fu-ss">1. 明确现状</p>
              <p>
                健康行动计划的制定需要我们从改变不良生活方式开始。因此，应明确需要改变的生活
                方式，如熬夜、不吃早餐、长时间上网等，有的放矢，一点点地改变，在潜移默化中形成健
                康生活方式。
              </p>
              <p class="xyx-fu-ss">2. 制定目标</p>
              <p>
                第一，将长期目标（如生活规律）分解为阶段性的小目标（如 晚上 12
                点以前睡觉、早 上 8 点以前起床、每天锻炼半小时等）。
              </p>
              <p>第二，一次只落实几个目标，以免因目标太多而不能实现。</p>
              <p>
                第三，制定行为目标而不是结果目标，如“晚上 12
                点以前睡觉”而不是“不熬夜”。
              </p>
              <p>
                第四，把目标具体化，如“晚上 11 点以前必须洗漱”而不是“尽量早睡
              </p>
              <p class="xyx-fu-ss">3. 制定短期行动计划</p>
              <p>第一，确定自己要做什么。</p>
              <p>第二，计划合理可行（是自己预期可以完成的事情）</p>
              <p>
                第三，改变特定行为（如减肥不是一个特定行为，跑步是一个特定行为）
              </p>
              <p>
                第四，需要回答的问题：做什么？（打算在操场跑步）做多少？（慢跑
                45 分钟）什么 时候做？（周一下午 6 点，周三下午 4 点半，周五下午
                6 点）一周做几次？（一周 3 次，分 别在周一、周三、周五）
              </p>
              <p class="xyx-fu-ss">4. 记录、评定和调整</p>
              <p>
                准备一个每周一页的台历，记录每天或每周执行计划的情况，1～2
                周后检查和评定。 另外，也可以设计周完成情况记录表（见表
                1-3-1）。如果大多数预定的目标都完成了，就可
                以考虑制定新的目标；如果没有实现，则应寻找、总结原因，调整计划使之切实可行，然后
                回到第一步，重新开始。多次完成短期目标之后，需要制定长期目标，此时，才真正向有意
                义的生活方式转变。一旦新行为固化成为好习惯，就不必再将它们列为计划表中的目标了。
              </p>
              <div class="xyx-table-tips"></div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th style="width: 80px">日期</th>
                      <th style="width: 100px">是否完成</th>
                      <th>评价</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>星期一</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text1"
                          @change="changeFinish($event, 'text1')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          :value="chapter002.tablexyx02.text2"
                          @input="changeFinish($event, 'text2')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期二</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text3"
                          @change="changeFinish($event, 'text3')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text4"
                          @input="changeFinish($event, 'text4')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期三</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text5"
                          @change="changeFinish($event, 'text5')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text6"
                          @input="changeFinish($event, 'text6')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期四</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text7"
                          @change="changeFinish($event, 'text7')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text8"
                          @input="changeFinish($event, 'text8')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期五</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text9"
                          @change="changeFinish($event, 'text9')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text10"
                          @input="changeFinish($event, 'text10')"
                        />
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <div class="bodystyle">
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.结合情境导入中的案例，谈一谈我们应该吸取哪些教训。
            </p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter002.textXxpj01"></textarea>
            </div>
            <p class="block">
              2.结合自己的实际情况和前面的运动处方，制订一份运动计划，进行为期1个月、每天至少40分钟的运动打卡活动，并根据实施情况进行自我评价。
            </p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter002.textXxpj02"></textarea>
            </div>
            <p class="block">
              3.对照中职学生健康生活方式中的具体内容与要求，评价一下自己还有哪些做得不够好，运用在课程平台中学习到的健康行动计划的制订与实施方法，制订自己的健康行动计划并实施，尽快养成自己的健康生活方式。
            </p>
            <div class="xspj-text">
              <textarea rows="6" v-model="chapter002.textXxpj03"></textarea>
            </div>
          </div>
          <h3 id="c003">专题三 提高心理健康的水平</h3>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">学习目标</p>
            <p class="block">1.了解心理健康的标准及影响因素。</p>
            <p class="block">
              2.认识自尊、人格和人际关系对自身心理健康的影响，并通过科学的方法来调节自身心理状况。
            </p>
            <p class="block">
              3.学会用运动缓解压力、消除焦虑和恐惧等心理障碍的方法。
            </p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                @click="readText('qjdr03')"
                xmlns="http://www.w3.org/2000/svg"
                width="14.24"
                height="19.987"
                viewBox="0 0 14.24 19.987"
              >
                <g transform="translate(-227.018 -96)">
                  <path
                    class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)"
                  />
                  <path
                    class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)"
                  />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr03">
              小贾是某职业学校服装设计专业的学生，她一直是同学中的佼佼者。但在一次考试中，小贾的作品被老师当众质疑。从此她信心一落千丈，有时甚至难以完成作品。后来她找到了心理咨询师王老师，倾诉了所有的烦恼。在王老师的引导下，她分析了自己不良情绪的来源及本质，发现自己过于在意他人的看法，当自己的作品被否定时，便开始质疑自己的能力，导致每次考试都会焦虑。在王老师的引领下，小贾终于走出自我质疑的阴影，学习和生活都回到了正轨。
            </p>
          </div>
          <p>
            良好的心理健康水平是我们可持续发展的基石。同学们正处在青春期，在经历生理和心理变化带来的各种影响的同时，也面临着未来道路的选择。因此，如何提高心理健康的水平成为每位同学都需要关注的话题。
          </p>
          <p>
            本专题主要介绍心理健康的标准及影响因素，意在引导同学们正确认识自我，并用适宜的方式进行自我评价，为青春期的成长助力。
          </p>
        </div>
      </div>
    </div>
@@ -30,7 +3185,7 @@
</template>
<script>
export default {
  name: "base-page",
  name: "chapter-01",
  props: {
    showPageList: {
      type: Array,
@@ -38,9 +3193,209 @@
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
    return {
      isShowScore1: false,
      isShowScore2: false,
      isShowScore3: false,
      isShowScore4: false,
      chapter002: {
        isShowXyx01: true,
        isShowXyx02: true,
        isShowXyx03: true,
        isShowXyx04: true,
        isShowXyx05: true,
        isShowXyx06: true,
        isShowXyx07: true,
        isShowXyx08: true,
        isShowXyx09: true,
        isShowXyx10: true,
        isShowXyx11: true,
        score1: 0,
        score2: 0,
        score3: 0,
        score4: 0,
        tablexyx1: {},
        tablexyx02: {
          text2: "第一次跑，感觉有点儿累，很枯燥",
          text6: "和同学一起跑，很开心，感觉没那么累了",
          text10: "下雨，明天补上",
        },
        tablebyb1: {},
        tablecyc2: {},
        tablecyc3: {},
        tablecyc4: {},
        tablecyc5: {},
        tkItem01: {},
        tkItem02: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter002"));
    if (localData) {
      this.chapter002 = { ...Object.assign(this.chapter002, localData) };
    }
  },
  methods: {
    readText(val) {
      const textContent = (
        this.container ? this.container : document
      ).getElementById(val);
      const data = {
        type: "readText",
        data: textContent.innerText,
      };
      console.log(data.data);
      this.$emit("eventPublic", data);
    },
    activityXyx1() {
      this.chapter002.isShowXyx01 = !this.chapter002.isShowXyx01;
    },
    activityXyx2() {
      this.chapter002.isShowXyx02 = !this.chapter002.isShowXyx02;
    },
    activityXyx3() {
      this.chapter002.isShowXyx03 = !this.chapter002.isShowXyx03;
    },
    activityXyx4() {
      this.chapter002.isShowXyx04 = !this.chapter002.isShowXyx04;
    },
    activityXyx5() {
      this.chapter002.isShowXyx05 = !this.chapter002.isShowXyx05;
    },
    activityXyx6() {
      this.chapter002.isShowXyx06 = !this.chapter002.isShowXyx06;
    },
    activityXyx7() {
      this.chapter002.isShowXyx07 = !this.chapter002.isShowXyx07;
    },
    activityXyx8() {
      this.chapter002.isShowXyx08 = !this.chapter002.isShowXyx08;
    },
    activityXyx9() {
      this.chapter002.isShowXyx09 = !this.chapter002.isShowXyx09;
    },
    activityXyx10() {
      this.chapter002.isShowXyx10 = !this.chapter002.isShowXyx10;
    },
    activityXyx11() {
      this.chapter002.isShowXyx11 = !this.chapter002.isShowXyx11;
    },
    submit(val) {
      if (val == 1) this.isShowScore1 = true;
      if (val == 2) this.isShowScore2 = true;
      if (val == 3) this.isShowScore3 = true;
      if (val == 4) this.isShowScore4 = true;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    resetData(val) {
      const localData = JSON.parse(localStorage.getItem("chapter002"));
      if (localData) {
        if (val == 1) localData.tablexyx1 = {};
        this.isShowScore1 = false;
        localData.score1 = 0;
        if (val == 2) localData.tablecyc2 = {};
        this.isShowScore2 = false;
        localData.score2 = 0;
        if (val == 3) localData.tablecyc3 = {};
        this.isShowScore3 = false;
        localData.score3 = 0;
        if (val == 4) localData.tablecyc4 = {};
        this.isShowScore4 = false;
        localData.score4 = 0;
        this.chapter002 = { ...Object.assign(this.chapter002, localData) };
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeBox(e, val) {
      this.isShowScore1 = false;
      this.chapter002.tablexyx1[val] = e.target.checked;
      if (e.target.checked) {
        this.chapter002.score1 += Number(e.target.value);
      } else {
        if (this.chapter002.score1 == 0) {
          return false;
        }
        if (!e.target.checked) {
          this.chapter002.score1 -= Number(e.target.value);
        }
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeByb(e, val) {
      this.chapter002.tablebyb1[val] = e.target.checked;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changecyc2(e, val) {
      this.isShowScore2 = false;
      this.chapter002.tablecyc2[val] = e.target.checked;
      if (e.target.checked) {
        this.chapter002.score2 += Number(e.target.value);
      } else {
        if (this.chapter002.score2 == 0) {
          return false;
        }
        if (!e.target.checked) {
          this.chapter002.score2 -= Number(e.target.value);
        }
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changecyc3(e, val) {
      this.isShowScore3 = false;
      this.chapter002.tablecyc3[val] = e.target.checked;
      if (e.target.checked) {
        this.chapter002.score3 += Number(e.target.value);
      } else {
        if (this.chapter002.score3 == 0) {
          return false;
        }
        if (!e.target.checked) {
          this.chapter002.score3 -= Number(e.target.value);
        }
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changecyc4(e, val, type) {
      this.isShowScore4 = false;
      this.chapter002.tablecyc4[val] = e.target.checked;
      if (e.target.checked && type != "isReverse") {
        this.chapter002.score4 += Number(e.target.value);
      } else if (e.target.checked && type == "isReverse") {
        let s = 5 - Number(e.target.value);
        this.chapter002.score4 += s;
      } else {
        if (this.chapter002.score4 == 0) {
          return false;
        }
        if (!e.target.checked) {
          this.chapter002.score4 -= Number(e.target.value);
        }
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changecyc5(e, val) {
      this.chapter002.tablecyc5[val] = e.target.checked;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeAssess(e, val) {
      this.chapter002.tkItem01[val] = e.target.value;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeAssess02(e, val) {
      this.chapter002.tkItem02[val] = e.target.value;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeFinish(e, val) {
      this.chapter002.tablexyx02[val] = e.target.value;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
  },
};
</script>

 src/books/sportsAndHealth/view/components/chapter002.vue

Diff too large

 src/books/sportsAndHealth/view/components/index.vue

@@ -18,23 +18,20 @@
      <ChapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      />
      <ChapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      />
      <ChapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      />
      <ChapterFour
      <!-- <ChapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      />
      /> -->
      <!-- <ChapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
@@ -106,9 +103,9 @@
<script>
import front001 from "./front001";
import ChapterOne from "./chapter001";
import ChapterTwo from "./chapter002";
import ChapterThree from "./testDynaicTable";
import ChapterFour from "./testPp";
import ChapterTwo from "./testDynaicTable";
import ChapterThree from "./testPp";
// import ChapterFour from "./testPp";
// import ChapterFive from "./chapter005";
// import chapterSix from "./chapter006";
// import chapterSeven from "./chapter007";
@@ -791,7 +788,7 @@
        ChapterOne,
        ChapterTwo,
        ChapterThree,
        ChapterFour,
        // ChapterFour,
        // ChapterFive,
        // chapterSix,
        // chapterSeven,
@@ -914,7 +911,7 @@
    ChapterOne,
    ChapterTwo,
    ChapterThree,
    ChapterFour,
    // ChapterFour,
    // ChapterFive,
    // chapterSix,
    // chapterSeven,

 src/books/sportsAndHealth/view/components/testDynaicTable.vue

@@ -1,7 +1,24 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
  <div class="chapter" num="2">
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <div class="bodystyle">
          <div class="bj-img02">
            <div class="bj-empyt-chapter02"></div>
            <div class="bj-text02">
              <p>
                体能是促进健康、助力技能掌握与职业发展的基础。一般体能保障日常生活中同学们的基本活动，促进机体健康；专项体能为专项运动的学习提供保障；职业体能为相应职业发展发挥助推作用，从而提升职业发展水平。本单元聚焦一般体能和职业体能的学练，专项体能相关内容放在了拓展模块的各专项运动之中。体能锻炼要讲究科学的方法，要有系统性、针对性。不同的人有不一样的体能基础。体能一方面受遗传因素影响，另一方面要依靠后天锻炼。正处于青春期阶段的中职学生，需要科学精准地锻炼体能、强健体魄，为将来所从事的职业储备重要力量，为祖国的建设做出应有的贡献。
              </p>
              <p>
                通过系统学练，同学们可以了解不同类型体能的特点与锻炼要求，确定适合自己的针对性体能锻炼方案，坚持不懈，精准锻炼，有效提升体能发展水平。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <div class="bodystyle">
          <p>（1）动态伸展</p>
          <p>
@@ -23,9 +40,9 @@
            <table>
              <thead>
                <tr>
                  <th style="width: 70px;">训练类型</th>
                  <th style="width: 70px;">训练部位</th>
                  <th style="width: 70px;">动作名称</th>
                  <th style="width: 70px">训练类型</th>
                  <th style="width: 70px">训练部位</th>
                  <th style="width: 70px">动作名称</th>
                  <th>动作示例</th>
                  <th>频次</th>
                </tr>
@@ -37,38 +54,59 @@
                </tr>
                <tr>
                  <td>站姿 T 字</td>
                  <td class="gif-Con"><img width="200px" src="../../image/gif/T-zi.gif" alt=""></td>
                  <td class="gif-Con openImgBox">
                    <img width="200px" src="../../image/gif/T-zi.gif" alt="" />
                  </td>
                  <td>
                    <span>次数：20 次 </span><br/><span>组数：2 组</span><br/>间歇：5 秒
                    <span>次数：20 次 </span><br /><span>组数：2 组</span
                    ><br />间歇：5 秒
                  </td>
                </tr>
                <tr>
                  <td>站姿 W 字</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组</span><br/>间歇：5 秒</td>
                  <td><img src="" alt="" /></td>
                  <td>
                    <span>次数：20 次 </span><br /><span>组数：2 组</span
                    ><br />间歇：5 秒
                  </td>
                </tr>
                <tr>
                  <td>交叉摆臂</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组</span><br/>间歇：5 秒</td>
                  <td><img src="" alt="" /></td>
                  <td>
                    <span>次数：20 次 </span><br /><span>组数：2 组</span
                    ><br />间歇：5 秒
                  </td>
                </tr>
                <tr>
                  <td rowspan="4">下肢</td>
                </tr>
                <tr>
                  <td>提踵走</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组（左右两侧各一组）</span><br/>间歇：5 秒</td>
                  <td><img src="" alt="" /></td>
                  <td>
                    <span>次数：20 次 </span><br /><span
                      >组数：2 组（左右两侧各一组）</span
                    ><br />间歇：5 秒
                  </td>
                </tr>
                <tr>
                  <td>脚跟走</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组（左右两侧各一组）</span><br/>间歇：5 秒</td>
                  <td><img src="" alt="" /></td>
                  <td>
                    <span>次数：20 次 </span><br /><span
                      >组数：2 组（左右两侧各一组）</span
                    ><br />间歇：5 秒
                  </td>
                </tr>
                <tr>
                  <td>行进间股四头肌伸展</td>
                  <td><img src="" alt=""></td>
                  <td><span>次数：20 次 </span><br/><span>组数：2 组（左右两侧各一组）</span><br/>间歇：5 秒</td>
                  <td><img src="" alt="" /></td>
                  <td>
                    <span>次数：20 次 </span><br /><span
                      >组数：2 组（左右两侧各一组）</span
                    ><br />间歇：5 秒
                  </td>
                </tr>
              </tbody>
            </table>
@@ -76,11 +114,22 @@
        </div>
      </div>
    </div>
    <!-- <div class="page-box" page="226">
      <div v-if="showPageList.indexOf(226)>-1">
        <div class="bodystyle">
          <pdfView :md5="md5"></pdfView>
        </div>
      </div>
    </div> -->
  </div>
</template>
<script>
// import pdfView from '@/components/pdfview'
export default {
  name: "testD",
  // components:{
  //   pdfView
  // },
  props: {
    showPageList: {
      type: Array,
@@ -89,5 +138,10 @@
      type: Object,
    },
  },
  data(){
    return {
      md5:'54741d14a21eb47b2ed06a2231271cd5'
    }
  }
};
</script>

 src/books/sportsAndHealth/view/components/testPp.vue

@@ -1,7 +1,50 @@
<template>
  <div class="chapter" num="4">
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
  <div class="chapter" num="3">
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="bodystyle">
          <div class="bodystyle-chapter001">
            <div class="bj-chapter001-bj-icon">
              <h1 class="lefth1" id="a007">
                <img class="img-gh1" alt="" src="../../image/kzmk.png" />
              </h1>
            </div>
            <div class="bj-chapter001-con">
              <div>
                <p>
                  无论是为了终身参与体育锻炼，还是为了提升职业发展所需的运动能力，每个同学都需要学习并熟练掌握1～2项运动技能。《中等职业学校体育与健康课程标准》中的运动项目包含球类运动、田径类运动、体操类运动、武术与民族民间传统体育类运动、水上类运动、冰雪类运动、新兴体育类运动七大类。每一类运动都有其独特的价值和兴趣点，同学们可以从这些类型的运动中自主选择自己喜爱的、适宜的运动。同学们在具体选学某一项运动的时候，最好能够按照“想学、能学、学会”的标准来综合判定。“想学”是指对某项运动有兴趣，“能学”是指具备学练的条件，“学会”是一种结果追求。学练掌握1～2项运动技能，这能够真正地为终身体育及职业发展奠定基础。
                </p>
                <p>
                  希望同学们在满足兴趣爱好与运动需求的基础上，认真学练你们自主选择的拓展模块中的专项运动，能具备一定的运动特长，培养出一定的运动能力，为促进健康和终身参与体育锻炼夯实根基。
                </p>
              </div>
              <div class="bj-chapter001-con-icon">
                <img src="../../image/sports02.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="bodystyle">
          <div class="bj-img03">
            <div class="bj-empyt-chapter03"></div>
            <div class="bj-text03">
              <p>
                竞争是球类运动最突出的特征。无论是集体合作完成的某项运动，还是单枪匹马与对手交锋的球类项目，都具有较强的竞争性。此外，集体项目还能充分培养同学们团队合作的意识和能力。因此，中职学生有必要选择某些球类运动进行学习，以提高未来走向社会所需的竞争与合作的意识和能力。本单元球类运动中设置了学校最常开展的篮球、足球、排球、羽毛球、乒乓球、网球（俗称“三大球”和“三小球”）项目，这些项目也是大多数同学爱学、爱练、爱赛的项目。球类运动的兴趣点主要集中在“得分”上。无论是篮球的投篮得分，还是足球比赛中的射门得分等，都大大吸引着比赛观看者和比赛参与者的注意力。在球类运动中，同学们能够不断体验球技提高的获得感，在比赛过程中得分获胜的成就感，以及与同伴合作或与对手竞争的愉悦感。同时，同学们也要学会接受一时比赛失利带来的沮丧，既要享受成功，也要坦然面对失利。
              </p>
              <p>
                有选择性地认真学练某些球类运动，同学们要力争做到学有所获、学有所用、学有所乐，在提升竞争与合作意识的同时，真正具备一项或几项球类运动之长，促进身体健康发展，提升职业竞争力。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <div class="bodystyle">
          <h3 class="lefth3" id="c016">
            <img class="img-gh1" alt="" src="../../image/dy3-xm5.jpg" />
@@ -128,8 +171,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <div class="bodystyle">
          <h4 class="h4-dy3" id="d067">
            <span class="h4-dy3s">二</span>　学练乒乓球技能
@@ -199,8 +242,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <div class="bodystyle">
          <p style="text-indent: 0">
            前方，前臂内旋将球拍后引至身体左侧稍后；在上升期击球的中上部；击球后前臂向上方外转90°，然后迅速还原成击球前的准备姿势。
@@ -294,8 +337,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <div class="bodystyle">
          <div class="pdf-tips-con">
            <p class="zt-ls">（二）基本战术学练</p>
@@ -384,8 +427,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <div class="bodystyle">
          <p>
            基本战术学练包括对攻战术，以及课程平台中的发转与不转球抢攻；组合技能练习设置的是推挡+侧身攻，以及课程平台中的左推+右攻。同学们学练本模块的内容，在掌握一定难度技战术和组合技能的基础上，能够参与本模块设置的比赛活动，并为难度更高的下一模块的学练做好铺垫。
@@ -530,8 +573,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="39">
      <div v-if="showPageList.indexOf(39) > -1">
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
        <div class="bodystyle">
          <p>（1）动作要领</p>
          <p>
@@ -630,8 +673,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="40">
      <div v-if="showPageList.indexOf(40) > -1">
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <div class="bodystyle">
          <p>
            ②动作要领：站在左半台先进行推斜线练习，然后通过步法移动到左侧边线外，同时将执拍手移到正手位的侧身位，调整重心到右脚，做好正手攻斜线的准备。在击球前，手腕外展；击球过程中，保证击球点在身体的侧前方，同时前臂带动手腕由外展变为内旋，挥拍至左眼上方，然后通过跳步移动至反手位，回到准备动作阶段。
@@ -764,8 +807,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="41">
      <div v-if="showPageList.indexOf(41) > -1">
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
        <div class="bodystyle">
          <p><span class="zt-cs">2.正手发左侧上（下）旋球</span></p>
          <p>（1）动作要领</p>
@@ -874,8 +917,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="42">
      <div v-if="showPageList.indexOf(42) > -1">
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
        <div class="bodystyle">
          <!-- <p><span class="zt-ls">（三）组合技能练习</span></p> -->
          <div class="pdf-tips-con">
@@ -968,7 +1011,7 @@
              </div>
            </div>
          </div>
          <br>
          <br />
          <div class="bk-xyx" style="padding: 2px 0">
            <div class="bj1-xyx publicxbc">
              · 视频库集 ·

 src/books/sportsAndHealth/view/components/text.html

@@ -1,292 +1,3141 @@
<div class="bodystyle">















  <h3 id="c006">专题六 避免运动损伤的发生</h3>
  <div class="bk-ztgs">
    <p class="bj1-ztgs">学习目标</p>
    <p class="block">1.了解常见的运动损伤及其原因。</p>
    <p class="block">2.掌握热身的具体方法。</p>
    <p class="block">
      3.掌握皮外伤、踝关节扭伤、骨折等的预防和应对方法。
    </p>
    <p class="block">4.了解容易引起运动损伤的外在因素及其预防方法。</p>
  <div class="page-box" page="22">
    <div v-if="showPageList.indexOf(22) > -1">
      <div class="bodystyle">
        <h4 id="d008">一、心理健康的标准</h4>
        <p>
          不同时期的不同学者认为心理健康有着不同的含义和标准。但有4条标准是公认的：第一，有一种主观幸福感；第二，有能力形成和维持良好的人际关系；第三，有能力参与建设性、有意义的工作；第四，有能力成功地应对生活的挑战，获得成长。
        </p>
        <p style="margin-bottom: 30px">
          在健康问题上，部分人有个误区，即可以到处诉说自己有高血压、心脏病、糖尿病等，却羞于提及自己心理有问题。即便心理障碍甚至心理疾病已非常严重，依然害怕被别人知晓，拒绝去专科医院就诊。出现心理问题不可怕，可怕的是我们逃避它、掩饰它，而没有及时求助。我们需要做的是真实地去面对心理问题，积极寻找有效方法进行调节。每解决一个心理问题、战胜一次挫折困难，我们都会获得一次自我成长。
        </p>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p>请同学们参阅“马斯洛的心理健康标准”。</p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 学一学 · 马斯洛的心理健康标准
            <div class="icon" @click="activityXyx1">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 19.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">请同学们参阅“马斯洛的心理健康标准”。</div>
          <div v-if="chapter002.isShowXyx01">
            <div class="xyx-title">马斯洛的心理健康标准</div>
            <ul class="xyx-ul">
              <li>
                <img src="../../image/li-tip.png" alt="" /><span
                  >有充分的自我安全感，具有自尊心，对自我与个人的成就具备有价值之感。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span
                  >能充分了解自己，能恰当地评价自己的能力，进行适度的自我批评。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  自己的生活理想和生活目标切合实际，个人从事的多为实际的、可能完成的工作。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  不脱离周围现实环境，有自知之明，没有过度幻想，能够容忍生活中挫折的打击。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  能保持人格的完整与和谐，个人的价值观能视社会标准的不同而改变，对自己的工作能够集中注意力。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  善于从经验中学习，能根据环境的需要而改变自己。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  有良好的人际关系，与他人的和谐交往中能兼有利己和利人两种成分；能适度地表达自己、宣泄和控制情绪。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  在符合团队要求的前提下，能适当地发挥个性。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  在不违背社会规范的前提下，适当满足个人的基本需求，并具有满足此种需求的能力。</span
                >
              </li>
            </ul>
          </div>
          <!-- <p>
            请同学们<a id="w1"></a
            ><a href="chapter002.html#m1"><sup>[1]</sup></a
            >查阅“健康概念的演变”。
          </p> -->
        </div>
        <br />
        <h4 id="d009">二、心理健康的影响因素</h4>
        <p>
          心理健康的影响因素有很多，既有遗传、生理结构、性别、年龄等个体因素，也有家庭教养方式、经济条件、文化、环境等社会因素。从心理学视角出发，有如下几个重要指标与个体的心理健康息息相关。
        </p>
        <h5 id="e012">（一）自尊</h5>
        <p style="margin-bottom: 30px">
          自尊是指自我接纳、自我尊重和自我价值感，是个人对自己重要性、价值感的评价，是预测主观幸福感和生活满意度最为稳定的心理指标。自尊包括两个方面：第一，归属感，给个体的生活提供了安全的基石，使其相信无论发生何事，自己都将被接受。第二，掌控感，是个体通过克服一个又一个困难而获得的对世界能够施加影响的控制感。
        </p>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们进行“社会支持量表”的测试。</p>
        </div> -->
        <h5 id="e013">（二）人格</h5>
        <p>
          人格是指一个人独特的、相对稳定的行为模式，包括兴趣、态度、气质、价值观、意志等方面。
        </p>
        <h5 id="e014">（三）人际关系</h5>
        <p style="margin-bottom: 30px">
          在所有心理健康标准中，能够建立和维持良好的人际关系这一标准都被列入其中。朋友与家人能够满足我们安全与归属、爱与被爱的需求，这是人们内心安全感的源泉。一个心理健康的人有能力去爱人，也乐于接受别人的关爱，能够在人际交往中与他人建立和谐、友爱的关系。他的内心会充满安全感。他会用开放、积极、包容的心态与人相处，较少有防御、敌对和回避的心态。他能在交往中带给别人信任、尊重、帮助、赞美，同时也获得更多的社会支持。
        </p>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们进行“整体自尊量表”的测试。</p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 测一测 · 社会支持量表
            <div class="icon" @click="activityXyx2">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 19.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">请同学们进行“社会支持量表”的测试。</div>
          <div v-if="chapter002.isShowXyx02">
            <div class="xyx-title">社会支持量表</div>
            <div class="xyx-text">
              以下是一份社会支持量表，可以试着测一测、分析分析。
            </div>
            <div class="tablePublic">
              <table>
                <thead>
                  <tr>
                    <th>项目</th>
                    <th style="width: 50px; padding: 5px">符合</th>
                    <th style="width: 50px; padding: 5px">有点符合</th>
                    <th style="width: 50px; padding: 5px">不确定</th>
                    <th style="width: 50px; padding: 5px">有点不符合</th>
                    <th style="width: 50px; padding: 5px">不符合</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td style="text-align: left">1. 大多数同学都很关心我</td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text2')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text2"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text3')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text3"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text4')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text4"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text5')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text5"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text6')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text6"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      2. 面对两难的选择时，我会主动向他人寻求帮助
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text83')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text83"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text84')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text84"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text85')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text85"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text86')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text86"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text87')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text87"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      3. 当有烦恼时，我会主动向家人、亲友倾诉
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text89')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text89"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text90')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text90"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text92')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text92"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text93')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text93"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text94')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text94"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      4. 我经常能得到同学、朋友的照顾和支持
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text96')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text96"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text97')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text97"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text98')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text98"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text99')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text99"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text100')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text100"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      5. 当遇到困难时，我经常会向家人、亲友寻求帮助
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text102')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text102"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text103')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text103"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text104')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text104"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text105')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text105"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text106')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text106"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      6. 我周围有许多关系密切、可以给予我支持和帮助的人
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text108')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text108"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text109')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text109"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text110')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text110"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text111')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text111"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text112')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text112"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      7. 当我遇到问题时，同学、朋友会出现在我身边
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text114')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text114"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text115')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text115"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text116')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text116"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text117')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text117"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text118')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text118"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      8. 在困难的时候，我可以依靠家人或亲友
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text120')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text120"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text122')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text122"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text123')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text123"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text121')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text121"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text124')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text124"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      9. 我经常从同学、朋友那里获得情感上的帮助和支持
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text126')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text126"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text127')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text127"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text128')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text128"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text129')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text129"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text130')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text130"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      10. 我经常能得到家人、亲友的照顾和支持
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text132')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text132"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text133')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text133"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text134')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text134"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text135')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text135"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text136')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text136"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      11. 需要时，我可以从家人、亲友那里得到经济支持
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text138')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text138"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text139')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text139"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text140')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text140"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text141')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text141"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text142')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text142"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      12. 当遇到麻烦时，我通常会主动寻求别人的帮助
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text8')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text8"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text9')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text9"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text10')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text10"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text11')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text11"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text12')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text12"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      13. 当我生病时，总能得到家人、亲友的照顾
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text14')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text14"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text15')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text15"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text16')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text16"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text17')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text17"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text18')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text18"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      14. 当有烦恼时，我会主动向同学、朋友倾诉
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text20')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text20"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text21')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text21"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text22')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text22"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text23')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text23"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text24')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text24"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      15. 当我遇到问题时，家人、亲友会出现在我身边
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text26')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text26"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text27')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text27"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text28')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text28"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text29')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text29"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text30')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text30"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      16. 我经常从家人、亲友那里获得情感上的帮助和支持
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text32')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text32"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text33')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text33"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text34')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text34"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text35')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text35"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text36')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text36"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      17. 当遇到困难时，我经常会向同学、朋友寻求帮助
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text38')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc3.text38"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text39')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc3.text39"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text40')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc3.text40"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text41')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc3.text41"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc3($event, 'text42')"
                        type="checkbox"
                        value="5"
                        :checked="chapter002.tablecyc3.text42"
                      />5
                    </td>
                  </tr>
                </tbody>
              </table>
              <div class="table-bottom">
                <div class="score" v-if="!isShowScore3">
                  您的得分：<span style="color: red">请提交后查看！</span>
                </div>
                <div class="score" v-if="isShowScore3">
                  您的得分：
                  <span style="color: red">{{ chapter002.score3 }}</span>
                </div>
                <div class="btn">
                  <span @click="submit(3)">提交</span>
                  <span @click="resetData(3)">重做</span>
                </div>
              </div>
            </div>
            <p class="note">
              计分方式：所有 17
              个条目得分之和即该量表的总分，反映了被测者社会支持的总体状
              况。包括 3
              个维度。①主观支持：反映被测者主观感觉到自己拥有的社会支持方面的资源。
              包括条目
              1、4、6、7、9。②客观支持：反映被测者认为自己实际得到的社会支持状况。包
              括条目
              8、10、11、13、15、16。③支持利用度：反映被测者主动利用社会支持的情况。
              包括条目 2、3、5、12、14、17。
            </p>
          </div>
        </div>
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 测一测 · 整体自尊量表
            <div class="icon" @click="activityXyx2">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 19.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">请同学们进行“整体自尊量表”的测试。</div>
          <div v-if="chapter002.isShowXyx02">
            <div class="xyx-title">整体自尊量表</div>
            <div class="xyx-text">请按下表对自己的自尊情况进行测评。</div>
            <div class="tablePublic">
              <table>
                <thead>
                  <tr>
                    <th></th>
                    <th style="width: 70px; padding: 5px">非常符合</th>
                    <th style="width: 70px; padding: 5px">符合</th>
                    <th style="width: 70px; padding: 5px">不符合</th>
                    <th style="width: 70px; padding: 5px">很不符合</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td style="text-align: left">
                      1. 我感到我是一个有价值的人，至少与其他人在同一水平 上。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text2')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text2"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text3')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text3"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text4')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text4"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text5')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text5"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      2. 我感到我有许多好的品质。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text83')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text83"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text84')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text84"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text85')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text85"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text86')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text86"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      3. 归根结底，我倾向于觉得自己是一个失败者。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text89', 'isReverse')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text89"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text90', 'isReverse')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text90"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text92', 'isReverse')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text92"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text93', 'isReverse')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text93"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      4. 我能像大多数人一样把事情做好。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text96')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text96"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text97')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text97"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text98')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text98"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text99')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text99"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      5. 我感到自己值得自豪的地方不多。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text102', 'isReverse')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text102"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text103', 'isReverse')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text103"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text104', 'isReverse')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text104"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text105', 'isReverse')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text105"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">6. 我对自己持肯定态度。</td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text108')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text108"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text109')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text109"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text110')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text110"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text111')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text111"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      7. 总的来说，我对自己是满意的。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text114')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text114"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text115')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text115"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text116')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text116"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text117')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text117"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      8. 我希望能为自己赢得更多尊重。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text120', 'isReverse')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text120"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text122', 'isReverse')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text122"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text123', 'isReverse')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text123"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text121', 'isReverse')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text121"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      9. 我确实时常感到自己毫无用处。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text126', 'isReverse')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text126"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text127', 'isReverse')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text127"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text128', 'isReverse')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text128"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text129', 'isReverse')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text129"
                      />4
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">
                      10. 我时常认为自己一无是处。
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text132', 'isReverse')"
                        type="checkbox"
                        value="1"
                        :checked="chapter002.tablecyc4.text132"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text133', 'isReverse')"
                        type="checkbox"
                        value="2"
                        :checked="chapter002.tablecyc4.text133"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text134', 'isReverse')"
                        type="checkbox"
                        value="3"
                        :checked="chapter002.tablecyc4.text134"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc4($event, 'text135', 'isReverse')"
                        type="checkbox"
                        value="4"
                        :checked="chapter002.tablecyc4.text135"
                      />4
                    </td>
                  </tr>
                </tbody>
              </table>
              <div class="table-bottom">
                <div class="score" v-if="!isShowScore4">
                  您的得分：<span style="color: red">请提交后查看！</span>
                </div>
                <div class="score" v-if="isShowScore4">
                  您的得分：
                  <span style="color: red">{{ chapter002.score4 }}</span>
                </div>
                <div class="btn">
                  <span @click="submit(4)">提交</span>
                  <span @click="resetData(4)">重做</span>
                </div>
              </div>
            </div>
            <p class="note">
              注：其中第 3、5、8、9、10 题为反向计分题，即用 5
              减去原始得分，得到的分数为其 正式分数，再与另外 5
              道题的分数相加，计算总分。总分越高，说明自尊程度越高。
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="bk-ztgs">
    <p class="bj1-ztgs">情境导入</p>
    <p class="block">
      许久没有运动的小亮，某天下课后兴致勃勃地去操场跑了两千米，并发朋友圈打卡。同学们纷纷给他点赞。跑完步的小亮筋疲力尽，径直回到了宿舍休息。第二天，小亮感觉自己的臀部、大腿和小腿均酸痛难耐，连上下楼梯都无法忍受，走路一瘸一拐。由此他放弃了继续跑步打卡的想法，打算先了解避免运动损伤的相关知识……
    </p>
  <div class="page-box" page="23">
    <div v-if="showPageList.indexOf(23) > -1">
      <div class="bodystyle">
        <h4 id="d010">三、正确认识自我</h4>
        <p>
          如何面对内心的矛盾与疑惑？正确地认识自我、接纳自我是青春期健康成长的一剂良药。虽然环境、经历会给人带来深远的影响，但我们若能接纳变化的、真实的自己，就能更好地迎接青春期的挑战。
        </p>
        <h5 id="e015">（一）自我个性的认识</h5>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p>请同学们进行“我的个性成熟度”的测试。</p>
        </div> -->
        <br />
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 测一测 · 我的个性成熟度
            <div class="icon" @click="activityXyx1">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 19.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">请同学们进行“我的个性成熟度”的测试</div>
          <div v-if="chapter002.isShowXyx01">
            <div class="xyx-title">我的个性成熟度</div>
            <p>
              个性成熟度与年龄发展有时不太一致。请对照下列 12
              条标准评价一下自己的个性成熟度吧！
            </p>
            <ul class="xyx-ul">
              <li>
                <img src="../../image/li-tip.png" alt="" /><span
                  >对客观现实的认识，能区别已知和未知事实以及这些事实的本质和现象。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span
                  >能正确看待自己、他人和世界。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  能忍受孤单和寂寞。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  对事物具有敏感性和创造性。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  行为自然，一般不打破常规。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  看人重实际而不重表面，无出身、门第、地位的偏见。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  对部分人常有深情的依恋，不无端敌视他人。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  讲道德，能区别真、善、美与假、恶、丑，并且言行一致。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  善于独立思考，有摆脱逆境的能力。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  处事能区分目的和手段，重视目的，但也不忽视手段。</span
                >
              </li>
              <li>
                <img src="../../image/li-tip.png" alt="" /><span>
                  有较广阔的视野，讲究价值观。</span
                >
              </li>
            </ul>
          </div>
        </div>
        <p>
          同学们刚刚踏上认识自己的“新大陆”，对很多新奇事物的认知还不稳定，也很难客观、真实地分辨对错。在这一时期，我们的自尊心最强烈也最脆弱。如果受尊重的需求得到满足，自尊就会成为一种积极的心理品质；反之，则会引起自我怀疑、自卑等消极心理。我们应正确面对自己生理和个性上的变化，学会接纳自我，试着与信任的朋友、老师、家长坦诚地沟通与分享，获得他们的帮助与理解。
        </p>
        <h5 id="e016">（二）个体社会化的认识</h5>
        <p>
          青春期个体社会化是基本社会化的最后阶段，也是极为重要的人生阶段。有人将其称为“人生的第二次诞生”“心理断乳时期”等。我们既要正确认识自己，也要形成与他人、与社会的健康联结。身边的同学、朋友、老师、家长等都是我们人际圈里的重要组成部分，如何与他们建立良好的关系，帮助我们更加适应这个社会的发展呢？
        </p>
        <p><b>1.与成年人交往</b></p>
        <p style="margin-bottom: 30px">
          由于青春期心理“上锁”的特征，我们容易与老师、父母发生冲突，特别是与父母发生冲突。面对冲突，我们需要克制自己，静下心来思考自己内心的想法，寻找合适的沟通机会；当我们不被理解、不被尊重时，我们可以试着向老师或父母真实地表达自己内心的期待和想法；在遇到困难时，我们可以找自己信任和尊重的成年人寻求帮助。
        </p>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">议一议</p>
          <p>
            小黄和小李是某中职学校的一对好伙伴。她俩品学兼优，又都爱好羽毛球运动，平时形影不离，无话不说。两人同为班干部，但在最近一次班干部竞选中，小黄以一票之差意外落选，因此怀疑小李在竞选中没有投自己的票，俩人的关系逐渐冷淡……面对此情况，小李该如何去做呢？
          </p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 议一议 ·
            <div class="icon" @click="activityXyx5">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <p class="public-tips">
            小黄和小李是某中职学校的一对好伙伴。她俩品学兼优，又都爱好羽毛球运动，平时形影不离，无话不说。两人同为班干部，但在最近一次班干部竞选中，小黄以一票之差意外落选，因此怀疑小李在竞选中没有投自己的票，俩人的关系逐渐冷淡……面对此情况，小李该如何去做呢？
          </p>
          <div v-if="chapter002.isShowXyx05">
            <textarea rows="8" v-model="chapter002.textBybItem1"></textarea>
          </div>
        </div>
        <p><b>2.与同龄人交往</b></p>
        <p>
          我们应多与同龄伙伴交往，特别是与自己志趣相投和性格相近的人交往。首先，
          交往时要树立平等、真诚、信任、理解的理念，尊重彼此的家庭、个性、学习成绩等；其次，要学会接纳对方，当同学之间发生矛盾与冲突时，先反思自己的言行，尽量对他人宽容；最后，要正确看待与同学的合作、竞争关系，主动融入集体学习和活动，将竞争看作促进彼此学习与提高的机会。
        </p>
      </div>
    </div>
  </div>
  <p>
    在日常生活、运动过程中，我们会面临受伤的风险，如割伤手、擦伤皮肤、伤到腰、扭到脚、磕到头等。大多数情况下，这些损伤都是麻痹大意或逞强为之导致的。我们可以提前做好预防工作。
  </p>
  <p>
    在本专题中，同学们可以了解常见的运动损伤的原因，在今后能够科学运动，避免不必要的损伤。此外，同学们也能了解到如何对损伤进行简单处理，以防止损伤对身体的进一步影响，在自己或他人出现损伤时快速做出判断，用科学的方式保护受损部位。
  </p>
  <h4 id="d020">一、常见的运动损伤及其原因</h4>
  <p>运动损伤是运动中由于内外部的力量造成的身体损伤或持续性的创伤。</p>
  <p>
    运动损伤可以分为开放性损伤和闭合性损伤两种。开放性损伤，如擦伤、刺伤等，指受伤部位的皮肤或黏膜的完整性遭到破坏，伤口是与外界相通的。闭合性损伤，如扭伤、拉伤等，皮肤或黏膜保持完整性，没有伤口。较轻的运动损伤有擦伤、撞伤、肌肉拉伤、肌肉痉挛等。较为严重的运动损伤有脑震荡、溺水、骨折、关节脱位等。
  </p>
  <p>
    发生运动损伤有多种原因，如思想不重视、保护措施不到位、缺乏热身准备、运动负荷过大、锻炼方式不科学、身体疲劳、环境条件不适宜、器械故障等。大部分运动损伤都可以在运动前通过正确的方式预防。
  </p>
  <h4 id="d021">二、运动前热身的重要性及具体方法</h4>
  <h5 id="e038">（一）运动前热身的重要性</h5>
  <p>
    没有进行运动前热身活动是发生运动损伤的重要原因之一。在身体没有做好准备时贸然开始剧烈运动，会使肌肉、骨骼无法及时响应，从而容易造成拉伤、扭伤等，所以运动前必须先热身。
  </p>
  <h5 id="e039">（二）运动前的热身方法</h5>
  <div class="bk-xyx">
    <p class="bj1-xyx">试一试</p>
    <p>请同学们登录课程平台参照“运动前的热身方法”试一试。</p>
  <div class="page-box" page="24">
    <div v-if="showPageList.indexOf(24) > -1">
      <div class="bodystyle">
        <h4 id="d011">四、正确进行自我评价</h4>
        <h5 id="e017">（一）通过认识他人来认识自我</h5>
        <p>
          自我评价是自我认识的体现，深刻的自我认识是以深刻认识和理解他人以及社会为前提的。在不断认识和评价他人言行的过程中，我们逐渐学会认识自我、评价自我，促进自我认知水平的不断提高。
        </p>
        <h5 id="e018">（二）通过分析他人对自己的评价来评价自我</h5>
        <p>
          在成长过程中，他人对自己的评价在所难免。要学会理性地认识他人的评价，将评价转换为促进自我认知和成长的重要方式。
        </p>
        <h5 id="e019">（三）通过与他人的比较来认识自我</h5>
        <p>
          在个体社会化的过程中，我们无法摆脱合作与竞争的关系。在对比自己与他人的表现时，我们应更好地认识自己的优势与劣势，以达到取长补短、促进成长的目的。
        </p>
        <h5 id="e020">（四）通过自我比较来评价自我</h5>
        <p>
          除了与他人比较外，更重要的是与自己比较，以达到超越自我的目的。要实现个人的纵向成长，就要求我们从过去、现在和将来的维度中认识自我，既要看到自己的进步，也要看到自己发展的方向，以此来衡量自己现阶段的状态。
        </p>
        <h5 id="e021">（五）创建良性的评价氛围</h5>
        <p>
          从我做起，创建良性的评价氛围，与同学建立良好、融洽的关系；遇到问题时，多请教老师，建立和谐的师生关系等。
        </p>
        <h4 id="d012">五、运动减压的方法</h4>
        <p>
          生活中处处有运动。无论是在运动场馆中，还是在出行路上或者户外，运动都与我们相伴。运动带来的机体疲劳和放松能让我们睡眠更良好，进食更顺畅。运动还有助于克服恐惧、焦虑等心理，调节心理压力和心理疲劳。
        </p>
        <p>除慢跑外，有效的减压运动还有以下四项。</p>
        <h5 id="e022">（一）游泳</h5>
        <p>
          游泳不但可以增强心肺功能，而且有助于心理减压。在游泳的时候，全身的肌肉会得到放松，代谢水平大大提升，心理压力也会得到有效缓解。
        </p>
        <h5 id="e023">（二）打羽毛球</h5>
        <p>
          羽毛球等执拍项目对缓解压力是不错的选择。人在打羽毛球的时候能在羽毛球的穿梭飞行中体会到无穷的乐趣，同时体力的消耗能使心理放松、压力缓解。
        </p>
      </div>
    </div>
  </div>
  <p>
    一般准备活动可以是低强度的跑、跳、动态拉伸或低强度、小幅度的四肢活动练习。日常的热身活动包括小跑、抱膝提踵、屈膝提踵、向前踢腿、弓箭步扩胸、弓箭步转体、侧弓步等。
  </p>
  <p>
    对于专项运动来说，准备活动可以是针对专项运动的小强度的基础练习，如排球运动的热身活动包括肩关节的环转及小幅度、多次数的摆动等；篮球、足球等运动的准备活动可以是蹲起、蹲跳、蛙跳、颠球、运球等；乒乓球的准备活动可以是练习前的简单推挡等。
  </p>
  <p>
    通常准备活动的时间为5～10分钟；准备活动充分的指标是略微出汗，但并不疲劳。不宜过早地进行准备活动，否则在实际运动中就失去了热身的效果。另外，准备活动时间也不宜过长，强度不应过大。若时间长、强度大，肌肉产生疲劳感，则无法有效进行后续的运动。进行准备活动时应减少或避免较长时间的静态的肌肉拉伸，这会使肌肉过于冷静，而与后续的肌肉收缩工作背道而驰。
  </p>
  <div class="bk-xyx">
    <p class="bj1-xyx">试一试</p>
    <p>请同学们登录课程平台参照“身体各部位放松的方法”试一试。</p>
  <div class="page-box" page="25">
    <div v-if="showPageList.indexOf(25) > -1">
      <div class="bodystyle">
        <h5 id="e024">（三）骑自行车</h5>
        <p>
          在骑行的时候，我们会保持高度专注，忘掉烦恼，让大脑得到更多的休息。亲近大自然可以使人精神倍增，有利于缓解心理压力。同时，还能更好地践行绿色、循环、低碳的环保理念。
        </p>
        <h5 id="e025">（四）登山</h5>
        <p>
          绿水青山就是金山银山。登山既能有效锻炼肌肉的力量，强健骨骼，也能缓解压力。当一步一步登山的时候，靓丽的风景以及“征服”高山的行为都可以给人带来成就感。
        </p>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.我与同龄人交往时应该<input
              @change="changeAssess02($event, 'text1')"
              maxlength="30"
              :value="chapter002.tkItem02.text1"
              class="assess"
              type="text"
            />。
          </p>
          <p class="block">
            2.我与父母交往时应该<input
              @change="changeAssess02($event, 'text2')"
              maxlength="30"
              :value="chapter002.tkItem02.text1"
              class="assess"
              type="text"
            />。
          </p>
          <p class="block">
            3.为了维护自己的心理健康，我会<input
              @change="changeAssess02($event, 'text3')"
              maxlength="30"
              :value="chapter002.tkItem02.text1"
              class="assess"
              type="text"
            />。
          </p>
          <p class="block">
            4.自己的“寻人启事”：6～8位同学一组，每位同学根据自己的学习、生活、人际关系和个性品质等，写出
            5～8
            个自己的特征，写完不署名。写完后将所有的“寻人启事”收起来打乱顺序，发给其他同学，让同学猜猜自己拿到的“寻人启事”找的是谁，并且根据事实陈述分析的理由。每位同学分析完后，“寻人启事”上的同学站出来“揭秘”。这样的过程可以帮助同学之间相互认识与评价，也能帮助个人更加全面和客观地认识自己。
          </p>
        </div>
        <h3 id="c004">专题四 顺利度过青春期</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.了解青春期的生理和心理特点。</p>
          <p class="block">2.掌握青春期保健的方法。</p>
          <p class="block">3.认识过早性行为的危害。</p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs qjdrIocn">
            情境导入
            <svg
              @click="readText('qjdr04')"
              xmlns="http://www.w3.org/2000/svg"
              width="14.24"
              height="19.987"
              viewBox="0 0 14.24 19.987"
            >
              <g transform="translate(-227.018 -96)">
                <path
                  class="a"
                  d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                  transform="translate(-121.859)"
                />
                <path
                  class="a"
                  d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                  transform="translate(0 -350.438)"
                />
              </g>
            </svg>
          </p>
          <p class="block" id="qjdr04">
            15岁的小王开始经常遗精，这让他既好奇又迷惑。同时，他的心理也发生了很大的变化，经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
          </p>
        </div>
        <p>
          青春期是儿童期和成年期之间的过渡阶段。以性成熟为核心的生理方面的发展，使同学们具有了与儿童时期明显不同的社会、心理特征。在这个时期，同学们的身体、外貌、行为
        </p>
      </div>
    </div>
  </div>
  <h4 id="d022">三、皮外伤的预防和处理方法</h4>
  <h5 id="e040">（一）皮外伤的预防</h5>
  <p>
    运动过程中的皮外伤通常都是因摔倒、磕碰等与地面、运动器材摩擦而产生的挫伤。要想预防皮外伤的发生，先要防止自己摔倒或跌落。运动时，要集中注意力，留意容易导致摔倒或跌落的外在情况，把握好运动的度。要对自己有清醒的认识，不要过分逞强地尝试自己能力范围之外的运动项目。在进行多人或团队运动时，注意自己与他人之间的距离和相对运动，避免发生剧烈碰撞。在进行球类运动时，应留意球的位置、方向和运动速度，避免被高速运动的球猛击或擦碰。
  </p>
  <h5 id="e041">（二）皮外伤的处理方法</h5>
  <p>
    清洗创面是防止伤口感染的关键步骤，应用生理盐水清理伤口。紧急情况下也可用自来水或井水，边冲边用干净棉球擦洗，将泥灰等脏物洗去。有条件时用碘酒、酒精棉球对伤口及周围进行消毒，应沿伤口边缘向外擦拭。
  </p>
  <p>
    应用消毒纱布或清洁棉布包扎伤口，小伤口也可不包扎，但要注意保持创面清洁干燥，创面结痂前尽可能不要沾水。
  </p>
  <p>
    皮肤擦伤慎用创可贴，而应用药水消炎，让伤口自然暴露在空气中，以待愈合。这是因为擦伤皮肤的创面比普通伤口大，普通创可贴的吸水性和透气性不好，不仅不利于创面分泌物及脓液的引流，反而有助于细菌的生长、繁殖，容易引起伤口发炎，甚至导致溃疡。
  </p>
  <h4 id="d023">四、踝关节扭伤的原因、预防和处理方法</h4>
  <h5 id="e042">（一）踝关节扭伤的原因和预防</h5>
  <p>
    踝关节扭伤的原因有很多：内在原因主要跟运动能力和姿势有关，如走跑姿势、起跳落地姿势和踝关节的稳定性等；外在原因有地面不平、鞋子过硬等。有的同学走路姿势异常，呈现“内八字”，或是走路时脚的外侧缘先着地，容易扭伤踝关节。做起跳落地动作，特别是在羽毛球、排球、篮球等运动当中，如果落地时动作不够正确，踝关节的内外侧应力出现了偏差，或是注意力不集中，也容易出现踝关节扭伤的问题。踝关节的稳定性是踝关节周围肌肉力量和下肢平衡能力的综合体现。踝关节稳定性强的人，可以在不同地势快速地调整自己的身体姿势，使身体始终保持平稳的状态。
  </p>
  <p>
    因此，正确的运动姿势、良好的踝关节稳定性、适当的装备和护具、较强的自我保护意识是预防踝关节扭伤的重点。
  </p>
  <h5 id="e043">（二）踝关节扭伤的处理方法</h5>
  <p>踝关节扭伤后应遵循以下方法来处理急性损伤。</p>
  <p><b>1.保护</b></p>
  <p>
    运动伤害发生时，应先立即停止活动，保护受伤部位，避免受伤部位二次受伤或负重。同时，向周围人群求助，将伤者转移到运动场地外的安全地带。
  </p>
  <p><b>2.休息</b></p>
  <p>
    在受伤后进行充分的休息能够保护肌肉、跟腱和其他组织，防止伤势恶化。此外，休息是运动伤害复原所必需的首要步骤。休息既指受伤后立即停止活动，也指在恢复期内不进行激烈的活动。
  </p>
  <p><b>3.冰敷</b></p>
  <p>
    冰敷时应用冰袋、碎冰，应急时可用毛巾包裹一支冰棒来为伤处“制冷”。最科学的方法是在冰袋里装入1∶1的冰水混合物，既不至于过冷，又能有较好的包裹性。冰敷时不能将冰块直接放置在皮肤表面，单次冰敷时长不得超过20分钟。每敷一次后拿开，让皮肤充分回暖后再进行下次冰敷。
  </p>
  <p><b>4.压迫</b></p>
  <p>
    压迫通常在受伤后进行，持续24～48小时。最简单的压迫方法是使用弹性绷带做包扎压迫，如果绷带缠绕过紧或有跳动感则应解开绷带重新包扎。压迫可与冰敷同时进行（冰敷压迫），用绷带将冰袋包裹在伤处。
  </p>
  <p><b>5.抬高</b></p>
  <p>
    应在受伤后的第一个48小时内将受伤部位抬高，使其高于心脏，帮助积聚在受伤部位的组织液回流，继而减少肿胀和疼痛。
  </p>
  <h4 id="d024">五、骨折的预防、判断和处理方法</h4>
  <h5 id="e044">（一）骨折的预防</h5>
  <p>
    同学们处在生长发育的高峰期。预防骨折最重要的方法是增强骨质，提高骨峰值，从而提高抵抗外界损伤的能力。首先，在营养方面要适当地补充钙质，多做户外运动，促进钙质的吸收。其次，要增强运动量，使各种运动项目相结合，提高骨质密度。此外，同学们要有自我保护的意识，避免去做超出自己能力范围的、无保护的、高风险的运动。若要进行一些较剧烈的、有风险的运动，应该做好防护，如穿戴头盔、护肩、护腰、护膝等。
  </p>
  <h5 id="e045">（二）骨折的判断和处理方法</h5>
  <p>
    首先，应能简单地对骨折的状况进行判断和识别。骨折的第一特点就是畸形。大多数骨折会伴有骨的不同程度的位移，从而引起肢体外形整体性改变，甚至会露出体外。其次，如发生骨折，骨折部位断端相互触碰或摩擦，在按压时会产生骨擦音，或感觉到骨擦感。最后，如发生了骨折，在移动相应的受伤肢体时，骨折处可能会出现异常的活动。
  </p>
  <p>
    对于骨折的处理，重点就是要保护损伤部位。如果疼痛十分剧烈，一定不要轻举妄动，应及时向老师汇报，保护骨折部位，减少对骨折部位的二次损伤。如果皮肤有破口出血，要及时止血。如果怀疑损伤部位骨折，应立即就医，进行影像学检查。
  </p>
  <h4 id="d025">六、引起运动损伤的外在因素及其预防办法</h4>
  <h5 id="e046">（一）引起运动损伤的外在因素</h5>
  <p>
    在运动过程中，有很多非自身的外在因素会对人体不利，增加出现运动损伤的风险。比如，穿着不适宜运动的衣物、鞋袜等，会降低身体的灵活性，导致运动姿势不够舒展，肌肉力量不能充分发挥，难以减缓地面或其他运动器材的冲击力，也很难在遇到危险时及时调整身体的姿势，从而容易引起损伤。
  </p>
  <p>
    不佳的场地和器械会使损伤概率增加。运动场和地面过硬或不平，容易使关节出现较多震荡；器械安置不当或不牢固，容易造成急性突发损伤、摔倒或坠落等。
  </p>
  <p>
    不良的外界环境也是增加损伤发生概率的原因之一。污浊的空气会使我们在运动过程中呼吸加深、加快，增加呼吸道感染的风险，加重鼻炎或咽炎的病情；在下雪天或下雨天，路面湿滑，器械湿滑，会增加跌倒损伤的风险；光线不好，无法判断环境与自身的安全性，不易于及时躲避致伤因素，如前方的石子、台阶或飞来的足球、网球等打击物。气温也会影响人体的运动性能，从而增加损伤的风险，如在气温过高、湿度过大的环境下，身体散热能力大打折扣，容易产生疲劳和中暑；而气温过低，人体肌肉较为僵硬，容易出现拉伤及冻伤等情况。
  </p>
  <div class="bk-xyx">
    <p class="bj1-xyx">学一学</p>
    <p>
      请同学们登录课程平台学习“运动性晕厥、腹痛、骨膜炎的应对与预防”。
    </p>
  <div class="page-box" page="26">
    <div v-if="showPageList.indexOf(26) > -1">
      <div class="bodystyle">
        <p>
          模式、自我意识、交往与情绪特点和人生观等，都慢慢脱离了儿童的特征而逐渐成熟起来。
        </p>
        <p>
          本专题将带同学们探究自我身心发育与发展现状，帮助同学们认识自我，学会积极应对青春期身心困惑与问题，指导同学们的生活实践，助推同学们健康成长，让同学们绽放出最美青春，遇见最美好的自己！
        </p>
        <h4 id="d013">一、青春期生长发育特征</h4>
        <p>
          青春期指由儿童逐渐发育成成年人的过渡时期。根据生理发育特点，青春期可分为前期、中期和晚期，每期持续
          2～4 年（见表 1-4-1）。
        </p>
        <p class="img">表1-4-1 青春期不同时期的生理特点和表现</p>
        <p class="center openImgBox">
          <img class="img-a" alt="" src="../../image/0028-1.jpg" />
        </p>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p class="block">
            请同学们学习“青春期常见生理问题”，看看自己处于哪一阶段。
          </p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 测一测 · 青春期常见生理问题
            <div class="icon" @click="activityXyx7">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">
            请同学们学习“青春期常见生理问题”，看看自己处于哪一阶段。
          </div>
          <div class="xyx-text" v-if="chapter002.isShowXyx07">
            <div class="xyx-title">青春期常见生理问题</div>
            <p class="xyx-fu-yy">1. 性发育迟缓与性发育抑制</p>
            <p>
              到了发育年龄，第二性征和生殖器官仍停留在青春期前的状态，即女孩 14
              岁未见乳房 发育、16 岁未见月经，男孩 14 岁未见睾丸变大、16
              岁未见身高迅速增长，这样的情况称为
              性发育迟缓与抑制。性发育迟缓仅仅是发育过程推迟数年，但仍会出现；性发育抑制则是正
              常的发育被阻止，通过适当的治疗才会出现性发育，但有些患者即使经治疗后，仍会出现某
              些不足。
            </p>
            <p>
              性发育迟缓与抑制如不及时处理，会严重影响青少年的身心健康。因此，在生活中，如
              果发现自己有这方面的发育问题，需告知家长，去正规医院诊断与治疗，做到早发现、早诊
              断、早治疗。
            </p>
            <p class="xyx-fu-yy">2. 包皮过长和包茎</p>
            <p>
              包皮过长和包茎是男性青少年比较常见的现象。阴茎的皮肤薄且可以移动，在阴茎头处
              褶成双层，称为包皮。男孩年幼时包皮较长，能完全包住阴茎头。青春期发育时阴茎体积增
              大、长度加长，包皮逐渐向后退缩，青春期后，阴茎头露出，包皮不再包裹阴茎头则为正常。
              如果因发育问题，包皮仍然完全遮盖阴茎头，则为包皮过长和包茎。包皮过长和包茎主要影
              响包皮和阴茎头之间的清洁，因包皮分泌乳白色豆渣状的包皮垢容易滋生细菌，若不及时清
              洗会引发包皮和阴茎头发炎，出现局部红肿、痒或疼痛的症状，时间长易形成结石，此时必
              须进行手术治疗。包皮环切术是目前治疗包皮过长、包茎的主要手段。
            </p>
            <p class="xyx-fu-yy">3. 频繁遗精</p>
            <p>
              男性生殖器官发育成熟后，会不断地产生精子和精液，当精液达到一定饱和状态时，便
              会自然排出体外，这种现象叫遗精。遗精是男性发育到一定时期特有的正常生理现象，对健
              康没有影响，不必感到惊奇或恐惧。遗精频率多数是每周一次或数周一次。如果几天一次或
              一个月内发生四五次以上就属于频繁遗精。频繁遗精往往伴有失眠、多梦、疲倦、头昏耳鸣、
              精神萎靡、腰酸腿软、情绪不稳定、记忆力下降等症状，对正常的学习和生活有一定的影响。
            </p>
            <p>应对方法如下：</p>
            <p>
              第一，消除紧张心理，保持轻松愉快的情绪，顺其自然，调养一段时间，这种情况就会
              慢慢减轻。
            </p>
            <p>
              第二，调整睡眠习惯，做到生活起居有规律，衣裤宽松，被子不过厚、过重，防止睡眠
              时下半身太暖和，两手避免放置在生殖器部位，不宜俯卧位睡眠，养成侧卧睡眠的习惯，晚
              餐不过饱。
            </p>
            <p>第三，不看淫秽色情书刊、网页、影视音像制品。</p>
            <p>
              第四，坚持每天锻炼，积极参加各类文体活动，培养有益的兴趣爱好。
            </p>
            <p>
              第五，养成良好的卫生习惯，经常清洗外生殖器，清除包皮垢。遗精后及时清洗，勤换
              洗内裤。
            </p>
            <p>
              第六，有泌尿生殖系统疾病或其他慢性疾病者，应及时采用有效抗菌药物治疗。
            </p>
            <p class="xyx-fu-yy">4. 痛经</p>
            <p>
              痛经指女性月经期间因子宫收缩而产生的痉挛性疼痛，一般发生在来月经前或来月经时
              的 1~2
              天，月经过后自行消失，但不是所有女性都会痛经。痛经严重时会面色苍白，出冷汗，
              全身无力，甚至昏厥，影响正常的学习和生活。
            </p>
            <p>应对方法如下：</p>
            <p>第一，保持心情舒畅，不要紧张，紧张会加重痛经症状。</p>
            <p>第二，平时不要着凉，月经前一周避免吃生冷的食物。</p>
            <p>第三，月经期间用红糖和姜煮水喝，或用暖贴贴在肚脐下方以保暖。</p>
            <p>第四，如果痛经严重，应及时就医。</p>
            <p class="xyx-fu-yy">5. 痤疮</p>
            <p>
              痤疮是由于青春期性激素大量分泌，刺激皮脂腺分泌过盛，分泌物排出不畅，堵塞压迫
              毛囊使之破裂，皮脂及其分解物刺激组织发生炎症反应而引起的。
            </p>
            <p class="xyx-fu-yy-z">（1）痤疮的预防方法</p>
            <p>
              ①注意面部清洁：使用专用柔软毛巾、中性洗面奶、温水洗脸。如果痤疮已化脓，最好
              选用消毒的脱脂棉擦干面部，以防造成感染。
            </p>
            <p>
              ②合理膳食：饮食清淡，多喝白开水，多吃新鲜果蔬，少吃辛辣、刺激性食物。
            </p>
            <p>
              ③注重日常生活方式：生活有规律，保证充足睡眠和适量运动，不吸烟，不喝茶、咖啡、
              酒及含酒精的饮料，保持排便通畅。
            </p>
            <p>
              ④注意缓解精神压力：保持乐观、自信的心态，情绪稳定，避免精神紧张，多听优美
              音乐。
            </p>
            <p>（2）常见的处理痤疮的错误方法</p>
            <p>
              第一，过度清洗。清洗次数频繁或过度使用去油产品，也会导致皮肤损伤、肿胀敏感、
              难以愈合等问题。
            </p>
            <p>第二，晒太阳。因紫外线会刺激皮肤，使色素沉着加重。</p>
            <p>第三，抠、挤。用手抠、挤痘痘可导致局部感染，还会留下瘢痕。</p>
          </div>
        </div>
        <p>
          在身体发育方面，重要的内分泌激素，如生长激素、睾酮、雌激素等的大量分泌，使得正处于青春期的同学们的身体形态、身体机能和身体素质得到进一步发展。形态发育主要体现在身高和体重的突增上；身体机能发育体现在心肺功能、造血功能的增强上；身体素质发展体现在速度的提高及力量、耐力、灵活度、柔韧性、协调性的增强上。
        </p>
        <p>
          在中职阶段，大多数女生处在青春期晚期，第二性征发育成熟，生殖功能也基本成熟，身高增长已减缓或停止，出现周期性月经；大多数男生处在青春期中晚期，第二性征发育基本完成，身高增长已减缓，出现正常的生理遗精现象。
        </p>
        <h4 id="d014">二、青春期心理特点</h4>
        <p>
          随着生理特征的改变，同学们的心理活动也发生着巨大的变化，有时感到好奇，有时又感到迷惑、害怕。这一时期称作“青春困惑期”。此时同学们的心理状态主要呈现以下特征。
        </p>
        <p>
          第一，独立性增强。随着自我意识的觉醒，同学们感觉自己已经长大了，有一种强烈的
        </p>
      </div>
    </div>
  </div>
  <h5 id="e047">（二）预防外在因素引起运动损伤的合理方法</h5>
  <p>
    在穿着方面，我们应该根据运动类型选择合适的衣物、鞋袜。若是上普通的体育课，进行常规的田径项目训练（如跑、跳、投等），应该穿宽松、舒适、合身的运动服和运动鞋；若是进行篮球、排球等球类运动，应该穿弹跳性较好的运动鞋、不会限制肩关节活动的运动衣；若是进行足球运动，则应选择能较好保护脚趾的运动鞋；若是进行游泳运动，应穿戴好泳衣、泳帽、泳镜；若是进行滑冰、滑雪等冰雪运动，应该自备吸汗内衣和防水外衣，且可以多备一副袜子、手套。
  </p>
  <p>
    在场地方面，运动前一定要检查运动器械是否牢固、安全。运动时集中注意力，观察地形、器械和人员流动等是否出现异常情况。若出现影响运动的因素，则应立即停止运动，上报给体育老师或相关管理人员，解决场地问题，避免增加损伤风险。
  </p>
  <p>
    在环境方面，当外界环境不够好时，应尽量在室内体育场馆运动。若在下雪、下雨、高温等天气下运动时，应注意保暖、防水和补水等；若出现肢体不舒服，如寒冷时某一肢体出现僵硬、裂痛等，或头痛、头晕时要及时向老师说明情况；在高温天气下，如果出现头晕、体温急速升高、无精打采等情况，要及时走到阴凉处补水、补糖，稍作休息，若仍未好转则要及时寻求他人的帮助。
  </p>
  <div class="bk-xspj">
    <p class="bj-sbx">学习评价</p>
    <p class="block">
      1.有一群学生在操场中间草坪上踢足球，而你正准备在操场跑道上跑步，应该怎么办？
    </p>
    <p class="block">2.模拟一次冰敷的流程。</p>
    <p class="block">3.模拟一次运动损伤后保护受伤部位的流程。</p>
    <p class="block">
      4.如果不可控制地要摔倒，要怎么做才能让自己受到的伤害最小？
    </p>
  <div class="page-box" page="27">
    <div v-if="showPageList.indexOf(27) > -1">
      <div class="bodystyle">
        <p>
          独立感，在学习和生活上不再被动地听从父母的安排，而是渴望用自己的眼睛看世界，用自己的标准衡量是非曲直。
        </p>
        <p>
          第二，情绪两极化。同学们既会为一时的成功而激动不已，也会为小小的失意而意志消沉，
          情绪多变，经常表现出莫名的烦恼和焦虑。
        </p>
        <p>
          第三，心理“上锁”。随着心理的不断发展，同学们在情绪管理能力上有了一定的提高，开始学会掩饰、隐藏自己的真实情绪，出现心理“上锁”的现象。
        </p>
        <p>
          第四，内心充满矛盾。青春期是长大成人的开始，是由不成熟向成熟的过渡阶段。同学们内心充满了矛盾与冲突，如生理成熟提前和心理成熟滞后的矛盾、独立意识增强与实际能力偏差的矛盾、渴望他人理解与心理“上锁”的矛盾。
        </p>
        <p>
          第五，行为易冲动。相关研究指出，青春期同学们的大脑中，负责控制情感和冲动的神经尚未发育成熟，易爆发冲动行为。
        </p>
        <p>
          青春期是同学们由心理幼稚走向心理成熟的过渡期，青春的烦恼是成长的印记。同学们遇到烦恼、矛盾与困惑时，应该学着接纳自我，试着与信任的朋友、老师、家长坦诚交流与沟通，获得他们的帮助和理解，从而顺利平稳度过青春期。
        </p>
        <h4 id="d015">三、青春期性心理与异性交往</h4>
        <h5 id="e026" style="margin-bottom: 30px">（一）青春期性心理</h5>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">测一测</p>
          <p class="block">
            请同学们进行异性交往情况自评，并与同学们交流。
          </p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 测一测 · 异性交往情况自评
            <div class="icon" @click="activityXyx4">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 19.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">
            请同学们进行异性交往情况自评，并与同学们交流。
          </div>
          <div v-if="chapter002.isShowXyx04">
            <div class="xyx-title">异性交往情况自评</div>
            <div class="xyx-text">
              请对照下表，在符合自己情况的空格内画“√”，看看你与异性交往的现状如何。
            </div>
            <div class="tablePublic">
              <table>
                <thead>
                  <tr>
                    <th style="width: 40px">序号</th>
                    <th>与异性交往情况</th>
                    <th style="width: 40px">结果</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1</td>
                    <td>除了在同一教室上课时，我几乎没主动与异性同学说过话</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text1"
                        @change="changecyc5($event, 'text1')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>我讨厌与异性同学在一起</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text2"
                        @change="changecyc5($event, 'text2')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>我不喜欢与异性同学单独在一起</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text3"
                        @change="changecyc5($event, 'text3')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>
                      有时我会与异性同学一起讨论问题，包括共同探讨人生、兴趣爱好等
                    </td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text4"
                        @change="changecyc5($event, 'text4')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>5</td>
                    <td>
                      我会主动跟异性同学说话，也会主动帮助有困难的异性同学
                    </td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text5"
                        @change="changecyc5($event, 'text5')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>6</td>
                    <td>我认为与异性同学在一起活动更开心</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text6"
                        @change="changecyc5($event, 'text6')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>7</td>
                    <td>我曾有过与异性同学约会的想法</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text7"
                        @change="changecyc5($event, 'text7')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>8</td>
                    <td>我曾向异性同学要过微信号或其他联系方式</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text8"
                        @change="changecyc5($event, 'text8')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>9</td>
                    <td>
                      我经常和某个异性同学微信聊天，并经常与他（她）单独在一起
                    </td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text9"
                        @change="changecyc5($event, 'text9')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>10</td>
                    <td>我希望整天就与他（她）在一起</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text10"
                        @change="changecyc5($event, 'text10')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>11</td>
                    <td>
                      我与周围的同学（包括同性和异性）建立起一个较为稳定的团体，经常一起举行各种活动（如游玩等）
                    </td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text11"
                        @change="changecyc5($event, 'text11')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>12</td>
                    <td>我很喜欢某人，却很紧张，不知怎么办才好</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text12"
                        @change="changecyc5($event, 'text12')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>13</td>
                    <td>
                      我不想交异性朋友，可不少同学都有异性朋友，我也附和着结交异性朋友，但不知如何相处
                    </td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text13"
                        @change="changecyc5($event, 'text13')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>14</td>
                    <td>我曾因被异性同学追求而感到烦恼，或向人求助过</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text14"
                        @change="changecyc5($event, 'text14')"
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>15</td>
                    <td>我喜欢一名异性同学，并对我的正常生活有影响</td>
                    <td>
                      <input
                        type="checkbox"
                        :checked="chapter002.tablecyc5.text15"
                        @change="changecyc5($event, 'text15')"
                      />
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <p>
          随着青春期性发育的逐渐成熟，男生和女生不仅在体貌特征上有显著差异，而且在性格、爱好方面的差异也会更加明显。同学们会对异性产生好奇心，喜欢以特殊的行为来吸引异性的注意，这是正常性心理的表现。另外，与异性接触时还会产生一种特殊的相互吸引力和激发力，被称为“异性效应”。这在青少年交往中表现得更为明显。同学们要学会与异性正常交往的方法，掌握交往的准则。
        </p>
        <h5 id="e027">（二）与异性交往的准则</h5>
        <p>
          第一，要互相尊重，做到“六不”：既不过分随便，也不过分拘谨；既不过分冷淡，也不过分亲昵；既不卖弄自己，也不过分严肃。
        </p>
        <p>
          第二，尽量保持群体模式和公开模式，避免秘密地单独相处。同学间应彼此理解、互相信任，不无端猜疑、散布谣言。
        </p>
        <p>
          第三，表现自然、大方。同学间应互相关心、爱护、帮助，真诚、友好地相处。
        </p>
        <p>第四，要增强防范意识，学会保护自己。</p>
      </div>
    </div>
  </div>
  <h3 id="c007">专题七 掌握常用的应急救护技能</h3>
  <div class="bk-ztgs">
    <p class="bj1-ztgs">学习目标</p>
    <p class="block">
      1.树立“人人学急救，急救为人人，给生命创造第二次机会”的理念，培养志愿服务的奉献精神和救死扶伤的人道主义精神。
    </p>
    <p class="block">
      2.提升应急救护能力，争取成为第一响应者和第一施救者。
    </p>
    <p class="block">
      3.基本掌握生活中的烧烫伤、中暑、热射病、气道异物梗阻的现场应急救护知识与技能，以及心肺复苏术。
    </p>
  <div class="page-box" page="28">
    <div v-if="showPageList.indexOf(28) > -1">
      <div class="bodystyle">
        <h4 id="d016">四、正确认识过早性行为的危害</h4>
        <p>
          过早性行为会使青少年产生紧张感、忧虑感、较大的情绪波动及沉重的精神负担，保护不当也可能引发传染性性疾病和生殖器感染性疾病，还可能会在婚后给家庭生活带来阴影。
        </p>
        <p style="margin-bottom: 30px">
          处于青春期晚期的青少年由于生理原因容易产生性渴望和性冲动，这是正常的生理现象，但性行为不应随意和冲动。可以通过运动、环境、话题等转移注意力，抵制诱惑，净化心灵，理智行事，弱化冲动。万一不小心发生性行为，同学们要懂得保护自己，采取安全措施，防止感染性疾病，如艾滋病等。如果怀孕，要第一时间向老师、父母求助，采取紧急补救措施，避免留下遗憾。总之，同学们必须谨记：青少年时期首先应以学业为重，应树立性安全意识，在性行为这条“起跑线”上不宜“抢跑”，而须讲原则、守底线。
        </p>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p class="block">
            请同学们学习“避孕方法及避孕失败后的紧急补救措施”。
          </p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 学一学 · 避孕方法及避孕失败后的紧急补救措施
            <div class="icon" @click="activityXyx7">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">
            请同学们学习“避孕方法及避孕失败后的紧急补救措施”。
          </div>
          <div class="xyx-text" v-if="chapter002.isShowXyx07">
            <div class="xyx-title">避孕方法及避孕失败后的紧急补救措施</div>
            <div class="xyx-fu">一、避孕方法</div>
            <p class="xyx-fu-ss">1. 避孕药</p>
            <p>
              根据给药途径不同，可分为口服、注射、皮下埋植、阴道内避孕药。但长期服用避孕药会引起食欲不振、恶心呕吐、头晕、乏力等，甚至导致终生不孕。
            </p>
            <p class="xyx-fu-ss">2. 女性外用避孕药</p>
            <p>
              女性外用避孕药是指女性在发生性行为前，置于阴道内的外用避孕药膜、外用避孕药片、避孕栓、避孕膏等，主要作用是使精子失去活动能力而无法到达输卵管与卵子结合。
            </p>
            <p class="xyx-fu-ss">3. 男用安全套</p>
            <p>
              安全套是一种乳胶薄膜制成的避孕工具。使用方法简单，容易掌握。使用前，要选择合适型号的安全套，用前应检查是否有破漏。正确使用安全套，既可以有效避孕又可以预防艾滋病和一些性病。
            </p>
            <div class="xyx-fu">二、避孕失败后的紧急补救措施</div>
            <p>
              如果避孕失败，应立即到正规医院在医生的指导下进行补救。切勿擅自处理，更不可到不正规的小诊所做人工流产手术，以免对身体造成严重伤害。
            </p>
          </div>
        </div>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">1.我的各项生长发育生理指标</p>
          <p class="block">
            体重指数：<input
              @change="changeAssess($event, 'text22')"
              maxlength="5"
              style="width: 50px"
              :value="chapter002.tkItem01.text22"
              class="assess"
              type="text"
            />千克/米<sup>2</sup>　低体重　正常 超重 肥胖
          </p>
          <p class="block">
            肺活量：<input
              @change="changeAssess($event, 'text33')"
              maxlength="5"
              style="width: 50px"
              :value="chapter002.tkItem01.text33"
              class="assess"
              type="text"
            />毫升 偏低　正常　良好 优秀
          </p>
          <p class="block">脊柱　正常　侧弯　前凸或后凸</p>
          <p class="block">性发育：　正常　异常</p>
          <p class="block">总体： 偏差　正常　良好</p>
          <p class="block">
            我为未来生活和职业应加强的方面有<input
              @change="changeAssess($event, 'text44')"
              maxlength="20"
              :value="chapter002.tkItem01.text44"
              class="assess"
              type="text"
            />。
          </p>
          <p class="block">
            2.我处于青春期的<input
              @change="changeAssess($event, 'text55')"
              maxlength="6"
              :value="chapter002.tkItem01.text55"
              class="assess"
              type="text"
              style="width: 30px"
            />期，现在的心理状态是<input
              @change="changeAssess($event, 'text66')"
              maxlength="20"
              :value="chapter002.tkItem01.text66"
              class="assess"
              type="text"
            />。我打算这样度过这一特殊时期<input
              @change="changeAssess($event, 'text77')"
              maxlength="20"
              :value="chapter002.tkItem01.text77"
              class="assess"
              type="text"
            />。
          </p>
          <p class="block">
            3.案例分析：你认为小C应该怎样做？你想对小D说些什么？
          </p>
          <p class="block">
            中职学校三年级女生小C和男生小D是同班同学，两人经常一起交流学习和生活中遇到的问题。不知不觉中两人产生了好感，陷入了恋爱中。一个周末，小D趁家里没人，便主动邀请小C到家里玩。相处间小D突然心生杂念，提出要与小C发生性行为。小C一时手足无措，不知如何是好。
          </p>
          <div class="xspj-text">
            <textarea rows="6" v-model="chapter002.textXxpj04"></textarea>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="bk-ztgs">
    <p class="bj1-ztgs">情境导入</p>
    <p class="block">
      在某市的半程马拉松上，一名跑者突然昏迷倒地，并且失去意识，幸好及时被两名从医的参赛选手发现，他们立即对该跑者进行了心肺复苏急救，昏迷的跑者渐渐恢复了呼吸和心跳。
    </p>
  <div class="page-box" page="29">
    <div v-if="showPageList.indexOf(29) > -1">
      <div class="bodystyle">
        <h3 id="c005">专题五 增强疾病预防意识与能力</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.养成良好的卫生习惯，提高预防疾病的意识和能力。</p>
          <p class="block">2.掌握艾滋病、生活方式病等疾病的起因与预防措施。</p>
          <p class="block">
            3.养成每天保证充足睡眠和合理膳食的习惯，提高机体免疫力。
          </p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs qjdrIocn">
            情境导入
            <svg
              @click="readText('qjdr05')"
              xmlns="http://www.w3.org/2000/svg"
              width="14.24"
              height="19.987"
              viewBox="0 0 14.24 19.987"
            >
              <g transform="translate(-227.018 -96)">
                <path
                  class="a"
                  d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                  transform="translate(-121.859)"
                />
                <path
                  class="a"
                  d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                  transform="translate(0 -350.438)"
                />
              </g>
            </svg>
          </p>
          <p class="block" id="qjdr05">
            小北是一名中职学校新生，第一次离家到外地上学，饮食不习惯，跟同学关系也比较冷淡，感觉很孤单，没多久就迷上了网络游戏，常常凌晨两三点才睡觉。因为熬夜，小北晚上经常吃夜宵，运动也少，生物钟混乱。曾经体重正常的小北越来越胖，学习成绩也很不如意，期末考试有多门科目不及格。
          </p>
        </div>
        <p>
          不论是在人生的哪一阶段，
          疾病都是人们健康的天敌。学生时代容易出现的近视，学校等集体场所容易迅速传播的肺结核等，都威胁着同学们的身体健康。此外，成年人易患的颈椎病、肥胖症、心脑血管疾病、糖尿病等慢性病，甚至癌症，都在朝着低龄化的方向发展。还有致死率高、危害性大的艾滋病，也不时向青少年伸出魔爪。同学们将来的工作环境繁杂，一定要学会预防疾病，从现在起“做自己健康的第一责任人”。
        </p>
        <p style="margin-bottom: 30px">
          本专题将带领同学们树立疾病防控意识，学习预防常见传染病、高发的生活方式病的知识与技能，掌握防控疾病的本领，从而保障同学们健康生活、健康成长。
        </p>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p>请同学们学习“科学防护，远离结核危害”。</p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 学一学 · 科学防护，远离结核危害
            <div class="icon" @click="activityXyx7">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">请同学们学习“科学防护，远离结核危害”。</div>
          <div class="xyx-text" v-if="chapter002.isShowXyx07">
            <div class="xyx-title">科学防护，远离结核危害</div>
            <p>
              肺结核，是由结核分枝杆菌入侵人体肺部引起的一种严重危害人体健康的慢性呼吸道传染病。肺结核属于我国乙类法定传染病，是我国初中、高中和中职学校重点防控的传染病之一。
            </p>
            <p>
              肺结核具有潜伏期长、传染性强、病程长等特点。患了肺结核，如果不及时治疗，不仅会对肺造成损伤，影响学习、工作和生活，而且严重的还会危及生命，同时还有可能传染给自己的亲人和朋友，甚至造成肺结核的区域性爆发流行。
            </p>
            <p class="xyx-fu-yy">（一）肺结核的传播方式</p>
            <p>
              肺结核病主要通过患者咳嗽、打喷嚏或高声谈笑时喷出的飞沫来传播给他人。结核杆菌
              可以侵入人体的任何器官，但主要通过呼吸道传播，所以，在发生肺结核者占大多数。
            </p>
            <p class="xyx-fu-yy">（二）肺结核的易感人群</p>
            <p>
              第一类：与尚未被发现或治疗不彻底的结核病患者有密切接触的人群，如患者的家庭成
              员 ( 尤其是儿童 )、医务人员。
            </p>
            <p>第二类：在通风不良的环境中集体生活和工作的人群。</p>
            <p>
              第三类：抵抗力较弱的人群，如幼儿、老年人、营养不良者及尘肺、糖尿病患者、胃切
              除术后或长期使用免疫抑制剂者等。
            </p>
            <p>
              第四类：学习压力大的学生。尤其是初中、高中、中职毕业班的同学，体育锻炼少，睡
              得晚、起得早，作息不规律，精神紧张，过度劳累等，让结核杆菌乘虚而入；如果营养不充
              足，患肺结核的风险也会更高。另外，在学校集体学习生活，大家接触得密切而频繁，如果
              有同学得了肺结核，就容易在班级、寝室、甚至学校传播和蔓延，形成区域性爆发流行的情况。
            </p>
            <p class="xyx-fu-yy">（三）肺结核的自我预判与应对</p>
            <p>
              肺结核的主要症状为咳嗽、咳痰、咯血或痰中带血。此外，胸闷、胸痛、午后低热、夜
              间盗汗、全身乏力、食欲减退和体重减轻等也是常见症状。
            </p>
            <p>
              如果你出现了咳嗽、咳痰现象两周以上，或痰中带血，具有以上任何一项症状者都为肺
              结核可疑症状，应该尽快告诉班主任，及时到结核病防治机构或定点医疗机构检查，一旦确
              诊主动报告，不隐瞒病情，不带病上学，做好隔离和治疗，避免流行。
            </p>
            <p>
              如果你发现同宿舍或同班同学出现上述肺结核可疑症状，也应督促同学尽早去医院检查。
            </p>
            <p class="xyx-fu-yy">（四）肺结核病的预防</p>
            <p>
              定期进行身体检查与结核菌素筛查，做到早发现、早诊断、早隔离、早治疗。
            </p>
            <p>
              讲卫生，不随地吐痰，不与人接触过密，不与人面对面大声讲话，咳嗽、打喷嚏时要遮
              住口鼻。健康者进入高危场所（医院、结核科门诊）时也要戴医用口罩。
            </p>
            <p>
              室内要经常开窗通风换气，特别是学校教室、图书馆和宿舍等室内人群密集的地方，并
              注意室内器具用品的消毒杀菌。
            </p>
            <p>
              养成健康的生活方式，保持生活规律，保证充足睡眠，合理膳食，加强体育锻炼，劳逸
              结合，心情愉悦，增强自身免疫力，从而提高身体抵御疾病的能力。
            </p>
            <p class="xyx-fu-yy">（五）肺结核的治疗</p>
            <p>
              得了肺结核病并不可怕，只要坚持正规治疗，绝大多数病人是可以治愈的。结核病的治
              疗必须遵循“早期、规律、全程、联合、适量”十字原则，按照医生要求，坚持全程、按时、
              按量服药是治愈的最重要条件，否则会转化为难以治疗的耐药结核病。
            </p>
            <p>
              我们国家实行肺结核的免费诊断和治疗政策，对肺结核病人提供免费检查和治疗药品。
              患者可到属地的结核病防治机构或定点医疗机构进行检查和治疗。
            </p>
            <p class="xyx-fu-yy">（六）消毒和隔离</p>
            <p>
              对结核病患者用过的衣物、器具可以煮沸消毒，或在太阳下曝晒杀菌，如果不宜加热消
              毒、日光照射的，可用酒精、84 消毒液等消毒杀菌。
            </p>
            <p>
              结核病患者日常要戴口罩，最好有单独卧室，光线充足，通风良好，并经常消毒。病患
              不可对着他人大声说话、咳嗽或打喷嚏，痰要吐于纸中或痰盂里，然后焚烧或消毒后倒掉。
            </p>
            <p class="xyx-fu-yy">（七）结核病防治三字经</p>
            <p style="text-align: center">结核病，危害大，严防控，不可怕。</p>
            <p style="text-align: center">若轻视，可致命，伤自己，害他人。</p>
            <p style="text-align: center">结核菌，性诡秘，随空气，肆飘逸。</p>
            <p style="text-align: center">经呼吸，藏体内，体虚弱，易发病。</p>
            <p style="text-align: center">常咳嗽，满两周，疑患病，速就医。</p>
            <p style="text-align: center">如确诊，莫恐惧，能治愈，树信心。</p>
            <p style="text-align: center">治疗期，药莫停，遵医嘱，守规定。</p>
            <p style="text-align: center">复查日，要记清，留痰液，勿随意。</p>
            <p style="text-align: center">多通风，勤洗手，补营养，禁烟酒。</p>
            <p style="text-align: center">讲卫生，不乱吐，防传染，有公德。</p>
            <p style="text-align: center">身边人，不歧视，多关爱，常监督。</p>
            <p style="text-align: center">全社会，共参与，除结核，齐努力。</p>
            <p style="text-align: right">——中国疾病预防控制中心</p>
          </div>
        </div>
        <h4 id="d017">一、预防艾滋病，你我同参与</h4>
        <p>
          艾滋病（AIDS）是由艾滋病病毒（HIV）导致的一种慢性致死性传染病。艾滋病病毒专门攻击人体免疫系统，最短可在一年内发病，到了晚期容易出现癌症、感染或其他严重的临床症状。目前还没有彻底治愈艾滋病的药物和方法。艾滋病未发病前无症状，但传染性非常强，危害大，病死率高。当前，青少年学生艾滋病感染病例不断增长，一旦感染，对家庭、学校、社会都是一场噩梦。预防艾滋病，需要全社会共同参与。
        </p>
        <h5 id="e028">（一）艾滋病的传播途径</h5>
        <p>
          艾滋病病毒主要存在于感染者的血液、精液、阴道分泌物、乳汁、伤口渗出液等体液中。传播途径主要有血液传播、性传播和母婴传播，日常接触通常不会感染艾滋病。
        </p>
      </div>
    </div>
  </div>
  <p>
    生活中，我们可能会受到意外伤害或突发疾病的伤害。轻者引起疼痛或出血，重者导致功能障碍、残疾，甚至死亡。其实，有些伤者或患者是因现场救治不及时或救治方法错误，延误了救治时间或造成了二次损伤，才使伤情或病情加重，甚至丧失生命的。如果我们掌握了应急救护技术，在第一时间就对自己或伤患者进行正确、有效的施救，就可以争取到更多救治和救命的时间。
  </p>
  <p>
    本专题将带领同学们走进应急救护“现场”，学习应急救护知识与技能，提升应急救护能力，培养志愿服务的奉献精神和救死扶伤的人道主义精神，懂得敬畏生命，保护生命健康。
  </p>
  <div class="bk-xyx">
    <p class="bj1-xyx">试一试</p>
    <p class="block">
      请同学们登录课程平台进行“烧烫伤的现场应急处理”的学练。
    </p>
  <div class="page-box" page="30">
    <div v-if="showPageList.indexOf(30) > -1">
      <div class="bodystyle">
        <h5 id="e029">（二）艾滋病的传染源</h5>
        <p>只有艾滋病病毒感染者（携带者）和病人才能将病毒传染给他人。</p>
        <p>
          值得注意的是，艾滋病病毒感染者一般没有明显症状，外表和正常人一样，没有任何区别，可在没有症状或只有轻微疾病情况下存活很多年。如果不做艾滋病病毒抗体检测，有时人们很难发现感染者。因此，我们在日常生活中必须做好防护，避免感染。
        </p>
        <h5 id="e030">（三）学会自我保护</h5>
        <p>
          预防艾滋病是每个公民的责任。同学们一定要增强性安全意识，积极采取有效措施，预防和控制艾滋病的流行。
        </p>
        <p>
          不使用非正规医疗单位提供的来历不明的血液和血制品；不卖血；不与他人共用针头、针管、纱布等；不共用可能刺破皮肤的用具，如牙签、剃须刀等；不去非正规的医疗机构或美容院打针、输液、拔牙、扎耳洞等；接触他人的血液和伤口时要做好防护。
        </p>
        <p>
          正确交友，洁身自爱，树立性安全意识，远离艾滋病侵害。发生高危性行为后，要及时进行药物阻断，应主动寻求艾滋病检测。早发现、早治疗对维护个人健康至关重要。
        </p>
        <p>
          我国各地医疗机构和疾控中心都设有艾滋病检测点，可以提供专业的艾滋病检测和咨询服务，也可购买正规的自检试剂进行自我检测。如检测结果呈阳性，一定要去医疗机构或疾控中心进行确认，并接受咨询和后续治疗服务。
        </p>
        <p>
          日常中应消除对艾滋病病人和感染者的歧视，并在力所能及的范围内帮助他们。
        </p>
        <h4 id="d018">二、爱眼护眼，重视视力健康</h4>
        <p>
          世界卫生组织曾提到，在卫生支出里，除了肿瘤、心脑血管疾病之外，视力健康支出排第三。视力缺陷带来的危害不可逆转，轻则影响正常生活，重则引起视觉疾病，如近视、白内障甚至眼盲。所以同学们一定要重视视力健康，保护好视力。
        </p>
        <h5 id="e031">（一）增强保护视力的意识与能力</h5>
        <p>
          强化视力健康意识。同学们要主动学习科学用眼、护眼的健康知识，积极关注自身视力状况。眼睛受伤或自我感觉视力发生明显变化时，尽早到正规的眼科医疗机构检查和治疗。
        </p>
        <p>
          养成健康用眼习惯。定时做眼保健操，保持正确读写姿势，积极参加体育锻炼和户外活动，养成良好生活方式，不熬夜，自觉减少使用电子产品。接触含有害化学成分、强酸强碱等物品时要做好防护工作。
        </p>
        <h5 id="e032">（二）了解职业性眼病的起因及预防</h5>
        <p>
          职业性眼病指所有与职业有关的有害因素所造成的眼部损害。法定职业性眼病包括化学性眼部灼伤、电光性眼炎、职业性白内障三大类。
        </p>
      </div>
    </div>
  </div>
  <h4 id="d026">一、热射病的现场急救与预防</h4>
  <h5 id="e048">（一）热射病的现场急救</h5>
  <p>
    在温度较高、湿度较大和无风的环境中，长时间工作或从事强体力劳动，又无充分防暑降温措施时，对高热环境不适应者易发生热射病（重症中暑），伴有皮肤灼热、意识障碍等。热射病伤者死亡率高，幸存者可能留下永久性脑损伤。
  </p>
  <p><b>1.热射病的诊断</b></p>
  <p>
    热射病典型的临床表现为高热、无汗、昏迷，多器官系统损伤。发病原因不同，临床表现也有所不同，可分为劳力型和经典型两种。
  </p>
  <p>
    劳力型热射病多见于健康年轻人。表现为在高温高湿环境下进行高强度训练或从事重体力劳动一段时间后忽感全身不适，伴恶心、呕吐、呼吸急促等，继而体温迅速升高达
    40°C以上，出现谵妄、嗜睡和昏迷现象。劳力型热射病伴有严重的横纹肌溶解，故可能会在发病后十几小时甚至几小时内出现急性肾衰竭、急性肝损害等并发疾病，病情恶化快，病死率极高。
  </p>
  <p>
    经典型热射病多见于年老、体弱和有慢性疾病的患者。一般为逐渐起病，前期症状不易发现，1～2天后症状加重，出现神志模糊、谵妄、昏迷等；或有大小便失禁，体温可达40°C～42°C，可能伴有心衰、肾衰等症状。
  </p>
  <p><b>2.热射病的现场急救</b></p>
  <p>
    “两脱、一风、一降”，即脱离高温高湿环境、脱光外衣、吹凉风对流散热、快速降温。急救的同时拨打120，将患者转运至医院抢救。
  </p>
  <h5 id="e049">（二）中暑与热射病的预防</h5>
  <p>
    ①外出时要注意使用防晒物品，避免阳光直射，高温天气要尽量避免在高温时段（10：00～15：00）出门。
  </p>
  <p>②穿着应宽松，多穿棉质布料、颜色较浅的衣服。</p>
  <p>③多饮水，出汗多的人也可少量多次地饮用淡盐水。</p>
  <p>
    ④受热后忌“快速冷却”。不要立即吹空调、吹电扇、洗冷水澡，否则会造成全身毛孔快速闭合，体内热量难以散发；还会因脑部血管迅速收缩而引起大脑供血不足，使人头晕目眩。
  </p>
  <p>
    ⑤室内外温差不宜太大。即使天气再热，空调设置的温度也不宜到
    24℃以下。空调不要直吹身体。
  </p>
  <p>⑥不要长时间在阳光曝晒或高温高湿、气流静止的环境下活动或工作。</p>
  <p>⑦若高温下出现早期症状，应及时撤离高温现场。</p>
  <p>⑧必须在高温下作业时，需要加强个人防护。</p>
  <div class="bk-xyx">
    <p class="bj1-xyx">试一试</p>
    <p class="block">
      请同学们登录课程平台进行“一般中暑的现场急救”的学练。
    </p>
  <div class="page-box" page="31">
    <div v-if="showPageList.indexOf(31) > -1">
      <div class="bodystyle">
        <p>
          化学性眼部灼伤是指眼部直接接触碱性、酸性或其他含有化学物质的气体、液体或固体导致的眼组织腐蚀性损害，一般多发生在化工厂、实验室或施工场所。一旦发生要现场紧急救治，用水大量冲洗，并及时送往医院诊治。
        </p>
        <p>
          电光性眼炎是指眼部受紫外线照射所致的急性角膜结膜炎。电焊作业人员及所有从事接触紫外线辐射的作业人员皆有可能发生这类职业性眼病，其中以电焊工最为多见。个人要增强个人防护意识，在进行操作时，应佩戴防护罩或者防护眼镜。
        </p>
        <p>
          职业性白内障的病因主要有职业性化学因素和职业性物理因素两大类。例如，长期接触萘、铊等引起的中毒性白内障，或受到微波、红外线和紫外线辐射引起的非电离辐射性白内障等。在矿场工作的工人容易因为接触炸药TNT慢性中毒引起眼部病变，严重时可导致白内障。个人在作业时要增强防护意识，加强防护措施，减少接触，并坚持做好健康监护。
        </p>
        <h4 id="d019">三、生活方式病（慢性病）早防是关键</h4>
        <p>
          生活方式病指由于人们衣、食、住、行等日常生活中的不良行为，以及其他各方面不良因素导致的慢性非传染性疾病，包括肥胖症、高脂血症、高尿酸血症、高血压、糖尿病、冠心病等严重威胁人类健康和生命的疾病。生活方式病已经取代传染性疾病成为威胁生命的首要疾病，被称为“头号杀手”，而且发病已逐渐年轻化。
        </p>
        <p>
          不良的生活方式引发的各类疾病已形成生活方式疾病链，会对身心健康造成严重影响（见图1-5-1）。
        </p>
        <p class="center openImgBox">
          <img class="img-b" alt="" src="../../image/0033-1.jpg" />
        </p>
        <p class="img">图1-5-1 生活方式疾病链</p>
      </div>
    </div>
  </div>
  <h4 id="d027">二、心肺复苏术（CPR）</h4>
  <p>
    我国每年猝死的人数大约为55万，其中有80%都发生在家庭中或一些公共场所。如经现场及时的心肺复苏，可以挽救回35%～40%患者的生命。
  </p>
  <p>
    心肺复苏术是一种使心跳、呼吸骤停的病人迅速恢复循环、呼吸和脑功能所采取的抢救措施，其操作步骤及注意事项如下。<a
      id="w5"
    ></a
    ><a href="chapter002.html#m5"><sup>[5]</sup></a>
  </p>
  <p>抢救前，施救者应先观察现场，确认现场环境安全。</p>
  <p>第一步，判断患者有无意识。</p>
  <p>
    发现有人晕倒时应用力拍打患者肩部，附耳大声呼喊：“您怎么了？醒醒！”如果没有应答，应触摸患者的颈动脉，感受有无搏动；同时贴近患者的鼻腔，感受患者有无自主呼吸并观察胸廓有无起伏。若感受不到动脉搏动、呼吸、心跳与胸廓起伏，判断为意识丧失状态，应立即进行心肺复苏。
  </p>
  <p>第二步，胸外按压。</p>
  <p>准备：将患者平放于硬板床或平整地面上，解开衣物。</p>
  <p>按压部位：两乳头连线中点。</p>
  <p>
    按压方法：两手叠扣，手指上翘，仅以掌跟接触胸骨。两臂伸直，肘关节不可以弯曲，利用身体重力，垂直向下用力按压。
  </p>
  <p>
    按压深度：使胸骨下陷至少5厘米，每次按压后要让胸廓充分回弹，但手掌始终不离开按压部位。按压与放松的时间应大致相当。
  </p>
  <p>按压频率：每分钟100～120次。</p>
  <p>比例：30次胸外按压/2次人工呼吸。</p>
  <div class="bk-xyx">
    <p class="bj1-xyx">小贴士</p>
    <p>
      颈动脉位于喉结旁1～2厘米处。判断患者状态不能超10秒，进行心肺复苏的同时要寻求帮助。
    </p>
  <div class="page-box" page="32">
    <div v-if="showPageList.indexOf(32) > -1">
      <div class="bodystyle">
        <p>
          对于生活方式病来说，预防胜于治疗，可通过改变已有的不良生活方式达到预防疾病的目的，如改变不良的饮食习惯、戒烟、戒酒、适量运动，以及努力改善心理不平衡、性格急躁等问题。
        </p>
        <h5 id="e033">（一）控制体重</h5>
        <p class="block">◆男性标准体重（kg）=身高（cm）-100</p>
        <p class="block">　女性标准体重（kg）=身高（cm）-105　</p>
        <p class="block">◆超重</p>
        <p class="block">　＞10%轻度肥胖</p>
        <p class="block">　＞20%中度肥胖</p>
        <p class="block">　＞30%重度肥胖</p>
        <p class="block">
          ◆体重指数（BMI）=体重（kg）/身高<sup>2</sup>（m<sup>2</sup>）
        </p>
        <p class="block">◆过低</p>
        <p class="block">　正常18.5～24</p>
        <p class="block">　超重≥24</p>
        <p class="block">　肥胖≥28</p>
        <p>我们应通过健康饮食和坚持运动来保持标准体重。</p>
        <h5 id="e034">（二）建立健康的饮食方式</h5>
        <p>
          我们要遵循“三减”（减盐、减油、减糖）的饮食方式，避免偏食、挑食和暴饮暴食。
        </p>
        <h5 id="e035">（三）不吸烟、不饮酒</h5>
        <br />
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">议一议</p>
          <p>
            请同学们学习“缓解心理压力的方法”，并与同学交流自己的心得体会。
          </p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 议一议 · 缓解心理压力的方法
            <div class="icon" @click="activityXyx5">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <p class="public-tips">
            请同学们学习“缓解心理压力的方法”，并与同学交流自己的心得体会。
          </p>
          <div class="xyx-text" v-if="chapter002.isShowXyx05">
            <div class="xyx-title">缓解心理压力的方法</div>
            <p>第一，避免负性情绪。</p>
            <p>第二，正视现实生活，正确对待自己和他人。</p>
            <p>第三，处理好人际关系，与周围人和谐相处。</p>
            <p>第四，增强承受心理压力的抵抗力，培养应对心理压力的能力。</p>
            <p>第五，有困难主动寻求帮助。</p>
            <p>第六，寻找适合自己的心理调适方法。</p>
            <p>第七，心理咨询是减轻精神压力的有效方法。</p>
          </div>
        </div>
        <p>吸烟、饮酒都不利于身体健康，我们应自觉抵制诱惑。</p>
        <h5 id="e036">（四）养成坚持运动的好习惯</h5>
        <p>科学、规律的运动能帮助我们有效预防生活方式病，促进健康。</p>
        <h5 id="e037">（五）保持心理平衡</h5>
        <p>
          我们应尽量保持心态平和、乐观、豁达、向上，遇到困难、挫折时能理性对待，尽力调节。如果感到焦虑、孤独、抑郁、恐惧，应及时求助。
        </p>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.对照自身实际，你处在生活方式疾病链中的什么位置？应该怎样应对？
          </p>
          <div class="xspj-text">
            <textarea rows="6" v-model="chapter002.textXxpj05"></textarea>
          </div>
          <p class="block">2.你认为有效缓解心理压力的方法主要有哪些？</p>
          <div class="xspj-text">
            <textarea rows="6" v-model="chapter002.textXxpj06"></textarea>
          </div>
        </div>
      </div>
    </div>
  </div>
  <p class="center">
    <img class="img-a" alt="" src="../image/0042-3.jpg" />
  </p>
  <p class="img">图1-8-1 胸外按压</p>
  <div class="bk-xyx">
    <p class="bj1-xyx">试一试</p>
    <p>请同学们登录课程平台进行“气道异物梗阻的现场急救”的学练。</p>
  <div class="page-box" page="33">
    <div v-if="showPageList.indexOf(33) > -1">
      <div class="bodystyle">
        <h3 id="c006">专题六 避免运动损伤的发生</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">1.了解常见的运动损伤及其原因。</p>
          <p class="block">2.掌握热身的具体方法。</p>
          <p class="block">
            3.掌握皮外伤、踝关节扭伤、骨折等的预防和应对方法。
          </p>
          <p class="block">4.了解容易引起运动损伤的外在因素及其预防方法。</p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs qjdrIocn">
            情境导入
            <svg
              @click="readText('qjdr06')"
              xmlns="http://www.w3.org/2000/svg"
              width="14.24"
              height="19.987"
              viewBox="0 0 14.24 19.987"
            >
              <g transform="translate(-227.018 -96)">
                <path
                  class="a"
                  d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                  transform="translate(-121.859)"
                />
                <path
                  class="a"
                  d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                  transform="translate(0 -350.438)"
                />
              </g>
            </svg>
          </p>
          <p class="block" id="qjdr06">
            许久没有运动的小亮，某天下课后兴致勃勃地去操场跑了两千米，并发朋友圈打卡。同学们纷纷给他点赞。跑完步的小亮筋疲力尽，径直回到了宿舍休息。第二天，小亮感觉自己的臀部、大腿和小腿均酸痛难耐，连上下楼梯都无法忍受，走路一瘸一拐。由此他放弃了继续跑步打卡的想法，打算先了解避免运动损伤的相关知识……
          </p>
        </div>
        <p>
          在日常生活、运动过程中，我们会面临受伤的风险，如割伤手、擦伤皮肤、伤到腰、扭到脚、磕到头等。大多数情况下，这些损伤都是麻痹大意或逞强为之导致的。我们可以提前做好预防工作。
        </p>
        <p>
          在本专题中，同学们可以了解常见的运动损伤的原因，在今后能够科学运动，避免不必要的损伤。此外，同学们也能了解到如何对损伤进行简单处理，以防止损伤对身体的进一步影响，在自己或他人出现损伤时快速做出判断，用科学的方式保护受损部位。
        </p>
        <h4 id="d020">一、常见的运动损伤及其原因</h4>
        <p>运动损伤是运动中由于内外部的力量造成的身体损伤或持续性的创伤。</p>
        <p>
          运动损伤可以分为开放性损伤和闭合性损伤两种。开放性损伤，如擦伤、刺伤等，指受伤部位的皮肤或黏膜的完整性遭到破坏，伤口是与外界相通的。闭合性损伤，如扭伤、拉伤等，皮肤或黏膜保持完整性，没有伤口。较轻的运动损伤有擦伤、撞伤、肌肉拉伤、肌肉痉挛等。较为严重的运动损伤有脑震荡、溺水、骨折、关节脱位等。
        </p>
        <p>
          发生运动损伤有多种原因，如思想不重视、保护措施不到位、缺乏热身准备、运动负荷过大、锻炼方式不科学、身体疲劳、环境条件不适宜、器械故障等。大部分运动损伤都可以在运动前通过正确的方式预防。
        </p>
      </div>
    </div>
  </div>
  <p>第三步，气道开放。</p>
  <p>
    进行胸外按压后，患者可能会出现呕吐的情况。这时需将头偏向一侧，清除口鼻腔的分泌物（若有），可以用纱布或者手帕将异物从口腔中掏出。有假牙的患者要注意取下假牙。若无颈部损伤，用仰头抬颌法打开气道；若有颈部损伤，用推举下颌法。
  </p>
  <p class="center">
    <img class="img-d" alt="" src="../image/0042-1.jpg" />
  </p>
  <p class="img">图1-8-2 仰头抬颌法</p>
  <p class="center">
    <img class="img-b" alt="" src="../image/0042-2.jpg" />
  </p>
  <p class="img">图1-8-3 推举下颌法</p>
  <div class="page-box" page="34">
    <div v-if="showPageList.indexOf(34) > -1">
      <div class="bodystyle">
        <h4 id="d021">二、运动前热身的重要性及具体方法</h4>
        <h5 id="e038">（一）运动前热身的重要性</h5>
        <p>
          没有进行运动前热身活动是发生运动损伤的重要原因之一。在身体没有做好准备时贸然开始剧烈运动，会使肌肉、骨骼无法及时响应，从而容易造成拉伤、扭伤等，所以运动前必须先热身。
        </p>
        <h5 id="e039" style="margin-bottom: 30px">（二）运动前的热身方法</h5>
        <div class="bk-xyx">
          <p class="bj1-xyx">试一试</p>
          <!-- <p>请同学们登录课程平台参照“运动前的热身方法”试一试。</p> -->
          <div class="bj1-xyx publicxbc">
            · 试一试 · 运动前的热身方法
            <div class="icon" @click="activityXyx7">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">请同学们参照“运动前的热身方法”试一试。</div>
          <div class="xyx-text" v-if="chapter002.isShowXyx07">
            <div class="xyx-title">运动前的热身方法</div>
            <p class="xyx-fu-ss">1. 小跑</p>
            <p>放慢节奏，轻松跑 10~20 米即可，让身体慢慢适应动起来的节奏。</p>
            <p class="xyx-fu-ss">2. 抱膝提踵</p>
            <p>
              屈膝屈髋后双手抱膝向上提拉，脚尖勾起，使大腿尽量贴近胸部；重心腿同时做提踵动
              作。注意上半身保持正直，不要前倾或后倒。
            </p>
            <p>
              该动作能够拉伸臀部肌肉、提高髋关节活动度、激活踝关节肌群、增强踝关节的平衡和
              稳定性。
            </p>
            <p class="xyx-fu-ss">3. 屈膝提踵</p>
            <p>
              一手握住踝关节上方，将小腿拉向大腿，另一手可上举保持平衡，支撑腿做提踵动作。
              注意手抓脚踝而非脚背，腰背挺直，骨盆保持中立位，身体不要过分前倾，两大腿并拢，牵
              拉腿不要外展。
            </p>
            <p>
              该动作能够拉伸大腿前侧肌肉、激活踝关节肌群、增强踝关节的平衡和稳定性。
            </p>
            <p class="xyx-fu-ss">4. 向前踢腿</p>
            <p>
              脚尖勾起，踢腿向上尽量触碰前伸的对侧手。注意两腿都尽量伸直不要弯曲，骨盆保持
              中立位身体不要向后倒。
            </p>
            <p>该动作能够拉伸腿部后侧肌群，活动前髋及肩部肌肉。</p>
            <p class="xyx-fu-ss">5. 弓箭步扩胸</p>
            <p>
              弓箭步向前迈步的同时，屈肘平举双手与肩同高做扩胸动作，尽量使前腿大腿与地面平
              行。注意弓箭步跨步时前脚膝盖与脚尖方向一致，膝盖不要向前超过脚尖；腰背挺直，骨盆
              保持中立位不要左右晃动；肩部放松，不要耸肩。
            </p>
            <p>该动作能够拉伸胸肌、增加肩关节肘关节活动度、激活下肢肌肉。</p>
            <p class="xyx-fu-ss">6. 弓箭步转体</p>
            <p>
              双手置于脑后，弓箭步向前迈步稳定后，上身向迈步腿同侧做转体动作。
            </p>
            <p>该动作能够激活下肢及核心、肩部肌肉。</p>
            <p class="xyx-fu-ss">7. 侧弓步</p>
            <p>
              向侧面跨出一步，步幅宽于肩，脚尖略向外，一侧腿做屈膝下蹲动作。
            </p>
            <p>
              注意下蹲时膝关节方向要与脚尖方向保持一致，屈膝时膝盖尽量不要超过脚尖；另一侧
              腿的脚心向下而非向外；上半身保持正直不要过度前倾，可前伸双手保持平衡。
            </p>
            <p>该动作能够拉伸大腿内侧肌肉，增加髋关节横向活动度。</p>
          </div>
        </div>
        <p>
          一般准备活动可以是低强度的跑、跳、动态拉伸或低强度、小幅度的四肢活动练习。日常的热身活动包括小跑、抱膝提踵、屈膝提踵、向前踢腿、弓箭步扩胸、弓箭步转体、侧弓步等。
        </p>
        <p>
          对于专项运动来说，准备活动可以是针对专项运动的小强度的基础练习，如排球运动的热身活动包括肩关节的环转及小幅度、多次数的摆动等；篮球、足球等运动的准备活动可以是蹲起、蹲跳、蛙跳、颠球、运球等；乒乓球的准备活动可以是练习前的简单推挡等。
        </p>
        <p style="margin-bottom: 30px">
          通常准备活动的时间为5～10分钟；准备活动充分的指标是略微出汗，但并不疲劳。不宜过早地进行准备活动，否则在实际运动中就失去了热身的效果。另外，准备活动时间也不宜过长，强度不应过大。若时间长、强度大，肌肉产生疲劳感，则无法有效进行后续的运动。进行准备活动时应减少或避免较长时间的静态的肌肉拉伸，这会使肌肉过于冷静，而与后续的肌肉收缩工作背道而驰。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">试一试</p>
          <div class="bj1-xyx publicxbc">
            · 试一试 · 身体各部位放松的方法
            <div class="icon" @click="activityXyx7">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">
            请同学们参照“身体各部位放松的方法”试一试。
          </div>
          <div class="xyx-text" v-if="chapter002.isShowXyx07">
            <div class="xyx-title">身体各部位放松的方法</div>
            <p>
              腹肌：趴在垫子上，用手将上身撑起来，身体尽量向上仰，体会拉伸腹肌的感觉。
            </p>
            <p>
              背：找个立柱面对着它站好，一只手抓住柱子，在腰的高度上，然后身体被臀部带着向
              后坐，以拉伸背部。
            </p>
            <p>
              胸：找个门框或固定立柱，将一手扶住墙面或立柱。肘略弯，与肩同高，将身体向前倾，
              体会胸部被拉伸的感觉，保持 30 秒，并换方向重复。
            </p>
            <p>
              二头肌：侧平举，手抓住墙角或者任何够高的支撑物，转动上身，坚持 30
              秒，换边重复。
            </p>
            <p>
              三头肌：一手举过头，将前臂尽可能与上臂靠近，用另一手抓住肘部，向头部拉，保持
              30 秒，换边重复。
            </p>
            <p>
              四头肌：一手扶墙单脚站立，另一只手抓住脚腕或脚面向后扳，体会大腿前面被拉伸的
              感觉，保持 30 秒后换腿重复。
            </p>
            <p>
              小腿：双脚正对墙，双腿前后开立，双手扶墙。脚踵着地，后面一条腿伸直。慢慢弯曲
              前面一条腿的膝盖，直到感觉后面一条腿的小腿被拉伸。
            </p>
          </div>
        </div>
        <h4 id="d022">三、皮外伤的预防和处理方法</h4>
        <h5 id="e040">（一）皮外伤的预防</h5>
        <p>
          运动过程中的皮外伤通常都是因摔倒、磕碰等与地面、运动器材摩擦而产生的挫伤。要想预防皮外伤的发生，先要防止自己摔倒或跌落。运动时，要集中注意力，留意容易导致摔倒或跌落的外在情况，把握好运动的度。要对自己有清醒的认识，不要过分逞强地尝试自己能力范围之外的运动项目。在进行多人或团队运动时，注意自己与他人之间的距离和相对运动，避免发生剧烈碰撞。在进行球类运动时，应留意球的位置、方向和运动速度，避免被高速运动的球猛击或擦碰。
        </p>
        <h5 id="e041">（二）皮外伤的处理方法</h5>
        <p>
          清洗创面是防止伤口感染的关键步骤，应用生理盐水清理伤口。紧急情况下也可用自来水或井水，边冲边用干净棉球擦洗，将泥灰等脏物洗去。有条件时用碘酒、酒精棉球对伤口及周围进行消毒，应沿伤口边缘向外擦拭。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="35">
    <div v-if="showPageList.indexOf(35) > -1">
      <div class="bodystyle">
        <p>
          应用消毒纱布或清洁棉布包扎伤口，小伤口也可不包扎，但要注意保持创面清洁干燥，创面结痂前尽可能不要沾水。
        </p>
        <p>
          皮肤擦伤慎用创可贴，而应用药水消炎，让伤口自然暴露在空气中，以待愈合。这是因为擦伤皮肤的创面比普通伤口大，普通创可贴的吸水性和透气性不好，不仅不利于创面分泌物及脓液的引流，反而有助于细菌的生长、繁殖，容易引起伤口发炎，甚至导致溃疡。
        </p>
        <h4 id="d023">四、踝关节扭伤的原因、预防和处理方法</h4>
        <h5 id="e042">（一）踝关节扭伤的原因和预防</h5>
        <p>
          踝关节扭伤的原因有很多：内在原因主要跟运动能力和姿势有关，如走跑姿势、起跳落地姿势和踝关节的稳定性等；外在原因有地面不平、鞋子过硬等。有的同学走路姿势异常，呈现“内八字”，或是走路时脚的外侧缘先着地，容易扭伤踝关节。做起跳落地动作，特别是在羽毛球、排球、篮球等运动当中，如果落地时动作不够正确，踝关节的内外侧应力出现了偏差，或是注意力不集中，也容易出现踝关节扭伤的问题。踝关节的稳定性是踝关节周围肌肉力量和下肢平衡能力的综合体现。踝关节稳定性强的人，可以在不同地势快速地调整自己的身体姿势，使身体始终保持平稳的状态。
        </p>
        <p>
          因此，正确的运动姿势、良好的踝关节稳定性、适当的装备和护具、较强的自我保护意识是预防踝关节扭伤的重点。
        </p>
        <h5 id="e043">（二）踝关节扭伤的处理方法</h5>
        <p>踝关节扭伤后应遵循以下方法来处理急性损伤。</p>
        <p><b>1.保护</b></p>
        <p>
          运动伤害发生时，应先立即停止活动，保护受伤部位，避免受伤部位二次受伤或负重。同时，向周围人群求助，将伤者转移到运动场地外的安全地带。
        </p>
        <p><b>2.休息</b></p>
        <p>
          在受伤后进行充分的休息能够保护肌肉、跟腱和其他组织，防止伤势恶化。此外，休息是运动伤害复原所必需的首要步骤。休息既指受伤后立即停止活动，也指在恢复期内不进行激烈的活动。
        </p>
        <p><b>3.冰敷</b></p>
        <p>
          冰敷时应用冰袋、碎冰，应急时可用毛巾包裹一支冰棒来为伤处“制冷”。最科学的方法是在冰袋里装入1∶1的冰水混合物，既不至于过冷，又能有较好的包裹性。冰敷时不能将冰块直接放置在皮肤表面，单次冰敷时长不得超过20分钟。每敷一次后拿开，让皮肤充分回暖后再进行下次冰敷。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="36">
    <div v-if="showPageList.indexOf(36) > -1">
      <div class="bodystyle">
        <p><b>4.压迫</b></p>
        <p>
          压迫通常在受伤后进行，持续24～48小时。最简单的压迫方法是使用弹性绷带做包扎压迫，如果绷带缠绕过紧或有跳动感则应解开绷带重新包扎。压迫可与冰敷同时进行（冰敷压迫），用绷带将冰袋包裹在伤处。
        </p>
        <p><b>5.抬高</b></p>
        <p>
          应在受伤后的第一个48小时内将受伤部位抬高，使其高于心脏，帮助积聚在受伤部位的组织液回流，继而减少肿胀和疼痛。
        </p>
        <h4 id="d024">五、骨折的预防、判断和处理方法</h4>
        <h5 id="e044">（一）骨折的预防</h5>
        <p>
          同学们处在生长发育的高峰期。预防骨折最重要的方法是增强骨质，提高骨峰值，从而提高抵抗外界损伤的能力。首先，在营养方面要适当地补充钙质，多做户外运动，促进钙质的吸收。其次，要增强运动量，使各种运动项目相结合，提高骨质密度。此外，同学们要有自我保护的意识，避免去做超出自己能力范围的、无保护的、高风险的运动。若要进行一些较剧烈的、有风险的运动，应该做好防护，如穿戴头盔、护肩、护腰、护膝等。
        </p>
        <h5 id="e045">（二）骨折的判断和处理方法</h5>
        <p>
          首先，应能简单地对骨折的状况进行判断和识别。骨折的第一特点就是畸形。大多数骨折会伴有骨的不同程度的位移，从而引起肢体外形整体性改变，甚至会露出体外。其次，如发生骨折，骨折部位断端相互触碰或摩擦，在按压时会产生骨擦音，或感觉到骨擦感。最后，如发生了骨折，在移动相应的受伤肢体时，骨折处可能会出现异常的活动。
        </p>
        <p>
          对于骨折的处理，重点就是要保护损伤部位。如果疼痛十分剧烈，一定不要轻举妄动，应及时向老师汇报，保护骨折部位，减少对骨折部位的二次损伤。如果皮肤有破口出血，要及时止血。如果怀疑损伤部位骨折，应立即就医，进行影像学检查。
        </p>
        <h4 id="d025">六、引起运动损伤的外在因素及其预防办法</h4>
        <h5 id="e046">（一）引起运动损伤的外在因素</h5>
        <p>
          在运动过程中，有很多非自身的外在因素会对人体不利，增加出现运动损伤的风险。比如，穿着不适宜运动的衣物、鞋袜等，会降低身体的灵活性，导致运动姿势不够舒展，肌肉力量不能充分发挥，难以减缓地面或其他运动器材的冲击力，也很难在遇到危险时及时调整身体的姿势，从而容易引起损伤。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="37">
    <div v-if="showPageList.indexOf(37) > -1">
      <div class="bodystyle">
        <p>
          不佳的场地和器械会使损伤概率增加。运动场和地面过硬或不平，容易使关节出现较多震荡；器械安置不当或不牢固，容易造成急性突发损伤、摔倒或坠落等。
        </p>
        <p>
          不良的外界环境也是增加损伤发生概率的原因之一。污浊的空气会使我们在运动过程中呼吸加深、加快，增加呼吸道感染的风险，加重鼻炎或咽炎的病情；在下雪天或下雨天，路面湿滑，器械湿滑，会增加跌倒损伤的风险；光线不好，无法判断环境与自身的安全性，不易于及时躲避致伤因素，如前方的石子、台阶或飞来的足球、网球等打击物。气温也会影响人体的运动性能，从而增加损伤的风险，如在气温过高、湿度过大的环境下，身体散热能力大打折扣，容易产生疲劳和中暑；而气温过低，人体肌肉较为僵硬，容易出现拉伤及冻伤等情况。
        </p>
        <!-- <div class="bk-xyx">
          <p class="bj1-xyx">学一学</p>
          <p>
            请同学们登录课程平台学习“运动性晕厥、腹痛、骨膜炎的应对与预防”。
          </p>
        </div> -->
        <div class="bk-xyx">
          <div class="bj1-xyx publicxbc">
            · 学一学 · 运动性晕厥、腹痛、骨膜炎的应对与预防
            <div class="icon" @click="activityXyx5">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="14.243"
                height="15.417"
                viewBox="0 0 20.243 18.417"
              >
                <path
                  class="a"
                  d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                  transform="translate(-3630 14334.002)"
                />
              </svg>
            </div>
          </div>
          <br />
          <div class="public-tips">
            请同学们学习“运动性晕厥、腹痛、骨膜炎的应对与预防”。
          </div>
          <div class="xyx-text" v-if="chapter002.isShowXyx05">
            <div class="xyx-title">运动性晕厥、腹痛、骨膜炎的应对与预防</div>
            <p class="xyx-fu-ss">运动性晕厥的应对与预防</p>
            <p>
              运动性晕厥指在运动中或运动后，由于供血量减少或脑血管痉挛，引起脑部一时供血不
              足或血液中化学物质变化
              ，引起突发性、短暂性意识丧失，肌张力消失并伴随跌倒的现象。
              造成一时性脑贫血的原因很多，常见的如长时间站立或久蹲后突然起立，引起直立位低血压；
              疾跑后立即站立不动，下肢毛细血管和静脉失去肌肉收缩对它的节律性挤压作用，再加上血
              液本身的重力关系，使大量血液积聚在下肢舒张的血管中，导致回心血量和心输出量的减少，
              引起重力性休克性；在长跑比赛途中或竭尽全力冲刺后，出现全身无力、头昏、面色苍白、
              手足发凉等情况，甚至出现短暂性的意识丧失而昏倒。
            </p>
            <p>
              <span style="font-weight: 700">应对方法：</span
              >当有人发生运动性晕厥时，现场应立即检查其意识、呼吸和心跳，如无意识、
              呼吸和心跳应马上进行心肺复苏，并拨打 120
              急救电话，边抢救边等待急救车的到来。如果
              是短暂性的意识丧失，应让其平卧或头高脚低位休息，并注意保暖，可服用些热糖水，一般
              经短时间休息即可恢复。如果因晕厥而摔倒，在移动前需要注意检查是否有骨折、头颅损伤
              或其他外伤情况发生，以免移动时造成二次伤害。
            </p>
            <p>
              <span style="font-weight: 700">预防方法：</span
              >体育锻炼基础较差者或饥饿状态下，不要勉强参加剧烈的运动或竞赛，运动
              前要做好充分的准备活动，在剧烈运动后不能立即停止运动或坐下休息，应通过慢跑或快走
              等进行放松活动，以促进下肢血液回流。日常生活中还应避免久蹲后突然站立等。在参加体
              力负担较大的运动、比赛或测试前，应做必要的体格检查，禁止高血压、心脏病患者和体检
              不合格者参加运动、比赛或测试。
            </p>
            <p class="xyx-fu-ss">运动性腹痛的应对与预防</p>
            <p>
              运动过程中或运动后出现的腹部疼痛称为运动性腹痛，通常在中长跑运动中发生，有时
              也发生在篮球和足球等项目中。一般多发生在运动或跑步开始阶段，大多与呼吸方式不合理、
              准备活动不充分、运动前饮食饮水过多、空腹运动等有关。轻者腹部钝痛或胀痛，重者为阵
              发性绞痛。
            </p>
            <p>
              <span style="font-weight: 700">应对方法：</span
              >运动中发生腹痛时可减慢跑速，调整呼吸（加深呼吸，减慢呼吸频率），用
              手按压疼痛部位，或弯腰慢跑一段距离，之后疼痛一般可缓解或消失。如果疼痛没有减轻，
              甚至加重，应立即停止运动，做进一步的鉴别诊断和处理。另外，经常发生腹痛者要去医院
              进行系统的检查，查找原因。
            </p>
            <p>
              预防方法：合理安排膳食，运动前避免吃得过饱和饮水过多，至少要餐后一小时才能进
              行剧烈运动。运动前做好充分的准备活动，运动时要循序渐进，注意呼吸与动作节奏间的配合。采用正确的呼吸方式，防止冷空气直接进入呼吸道。如有腹部脏器的慢性疾病者，要尽
              早就医检查，彻底治疗。
            </p>
            <p class="xyx-fu-ss">运动性（胫腓骨疲劳性）骨膜炎的应对与预防</p>
            <p>
              运动性（胫腓骨疲劳性）骨膜炎，是一种因跑跳练习过多而引起小腿骨疼痛的常见损伤。
              初参加体育锻炼人士特别是青少年患者居多，在田径、篮球等练习者中发病率较高，主要是
              由于锻炼方法和运动量安排不当所致。疼痛是此类骨膜炎的主要症状，初期多在运动中或运
              动后疼痛，休息后症状消失。若继续参加过大负荷的跑跳运动，疼痛逐渐加重，部分病例出
              现夜间疼痛，个别严重者出现跛行。急性期多有局部可凹性水肿，尤以小腿下段较明显。病
              程较长的晚期病例，在胫骨内侧面上常触及小结节或肿块，压之锐痛。后蹬痛是诊断运动性
              （胫腓骨疲劳性）骨膜炎的重要体征。腓骨骨膜炎患者，可见腓骨下端膨隆。
            </p>
            <p>
              <span style="font-weight: 700">应对方法：</span
              >早期症状较轻者无需特殊治疗，应用弹力绷带将小腿裹扎，并调整锻炼计划，
              即减少下肢运动量或少做下肢活动的运动项目，休息时抬高患肢，多可痊愈。经常疼痛或运
              动后疼痛较重者，应休息并用弹力绷带裹扎小腿，抬高患肢，也可配合中药熏洗或外敷、理
              疗及按摩等。经常疼痛或运动后疼痛较重者应及时就医，进行进一步的诊断与治疗。
            </p>
            <p>
              <span style="font-weight: 700">预防方法：</span
              >合理安排运动量和改进锻炼方法，正确掌握跑跳技术，注意动作的放松和落
              地的缓冲；避免在过硬场地上进行跑跳的训练；做好充分准备活动，防止受寒，运动后采用
              自我按摩等手段及时消除小腿肌肉的疲劳等。
            </p>
            <p class="note">
              注：运动性晕厥和运动性腹痛属于运动性病症（运动性疾病），运动性（胫腓骨疲劳性）
              骨膜炎属于常见运动损伤。
            </p>
          </div>
        </div>
        <h5 id="e047">（二）预防外在因素引起运动损伤的合理方法</h5>
        <p>
          在穿着方面，我们应该根据运动类型选择合适的衣物、鞋袜。若是上普通的体育课，进行常规的田径项目训练（如跑、跳、投等），应该穿宽松、舒适、合身的运动服和运动鞋；若是进行篮球、排球等球类运动，应该穿弹跳性较好的运动鞋、不会限制肩关节活动的运动衣；若是进行足球运动，则应选择能较好保护脚趾的运动鞋；若是进行游泳运动，应穿戴好泳衣、泳帽、泳镜；若是进行滑冰、滑雪等冰雪运动，应该自备吸汗内衣和防水外衣，且可以多备一副袜子、手套。
        </p>
        <p>
          在场地方面，运动前一定要检查运动器械是否牢固、安全。运动时集中注意力，观察地形、器械和人员流动等是否出现异常情况。若出现影响运动的因素，则应立即停止运动，上报给体育老师或相关管理人员，解决场地问题，避免增加损伤风险。
        </p>
        <p>
          在环境方面，当外界环境不够好时，应尽量在室内体育场馆运动。若在下雪、下雨、高温等天气下运动时，应注意保暖、防水和补水等；若出现肢体不舒服，如寒冷时某一肢体出现僵硬、裂痛等，或头痛、头晕时要及时向老师说明情况；在高温天气下，如果出现头晕、体温急速升高、无精打采等情况，要及时走到阴凉处补水、补糖，稍作休息，若仍未好转则要及时寻求他人的帮助。
        </p>
        <div class="bk-xspj">
          <p class="bj-sbx">学习评价</p>
          <p class="block">
            1.有一群学生在操场中间草坪上踢足球，而你正准备在操场跑道上跑步，应该怎么办？
          </p>
          <p class="block">2.模拟一次冰敷的流程。</p>
          <p class="block">3.模拟一次运动损伤后保护受伤部位的流程。</p>
          <p class="block">
            4.如果不可控制地要摔倒，要怎么做才能让自己受到的伤害最小？
          </p>
        </div>
      </div>
    </div>
  </div>
  <div class="page-box" page="38">
    <div v-if="showPageList.indexOf(38) > -1">
      <div class="bodystyle">
        <h3 id="c007">专题七 掌握常用的应急救护技能</h3>
        <div class="bk-ztgs">
          <p class="bj1-ztgs">学习目标</p>
          <p class="block">
            1.树立“人人学急救，急救为人人，给生命创造第二次机会”的理念，培养志愿服务的奉献精神和救死扶伤的人道主义精神。
          </p>
          <p class="block">
            2.提升应急救护能力，争取成为第一响应者和第一施救者。
          </p>
          <p class="block">
            3.基本掌握生活中的烧烫伤、中暑、热射病、气道异物梗阻的现场应急救护知识与技能，以及心肺复苏术。
          </p>
        </div>
        <div class="bk-ztgs">
          <p class="bj1-ztgs qjdrIocn">
            情境导入
            <svg
              @click="readText('qjdr07')"
              xmlns="http://www.w3.org/2000/svg"
              width="14.24"
              height="19.987"
              viewBox="0 0 14.24 19.987"
            >
              <g transform="translate(-227.018 -96)">
                <path
                  class="a"
                  d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                  transform="translate(-121.859)"
                />
                <path
                  class="a"
                  d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                  transform="translate(0 -350.438)"
                />
              </g>
            </svg>
          </p>
          <p class="block" id="qjdr07">
            在某市的半程马拉松上，一名跑者突然昏迷倒地，并且失去意识，幸好及时被两名从医的参赛选手发现，他们立即对该跑者进行了心肺复苏急救，昏迷的跑者渐渐恢复了呼吸和心跳。
          </p>
        </div>
        <p>
          生活中，我们可能会受到意外伤害或突发疾病的伤害。轻者引起疼痛或出血，重者导致功能障碍、残疾，甚至死亡。其实，有些伤者或患者是因现场救治不及时或救治方法错误，延误了救治时间或造成了二次损伤，才使伤情或病情加重，甚至丧失生命的。如果我们掌握了应急救护技术，在第一时间就对自己或伤患者进行正确、有效的施救，就可以争取到更多救治和救命的时间。
        </p>
        <p>
          本专题将带领同学们走进应急救护“现场”，学习应急救护知识与技能，提升应急救护能力，培养志愿服务的奉献精神和救死扶伤的人道主义精神，懂得敬畏生命，保护生命健康。
        </p>
        <div class="bk-xyx">
          <p class="bj1-xyx">试一试</p>
          <p class="block">
            请同学们登录课程平台进行“烧烫伤的现场应急处理”的学练。
          </p>
        </div>
        <h4 id="d026">一、热射病的现场急救与预防</h4>
        <h5 id="e048">（一）热射病的现场急救</h5>
        <p>
          在温度较高、湿度较大和无风的环境中，长时间工作或从事强体力劳动，又无充分防暑降温措施时，对高热环境不适应者易发生热射病（重症中暑），伴有皮肤灼热、意识障碍等。热射病伤者死亡率高，幸存者可能留下永久性脑损伤。
        </p>
        <p><b>1.热射病的诊断</b></p>
        <p>
          热射病典型的临床表现为高热、无汗、昏迷，多器官系统损伤。发病原因不同，临床表现也有所不同，可分为劳力型和经典型两种。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="39">
    <div v-if="showPageList.indexOf(39) > -1">
      <div class="bodystyle">
        <p>
          劳力型热射病多见于健康年轻人。表现为在高温高湿环境下进行高强度训练或从事重体力劳动一段时间后忽感全身不适，伴恶心、呕吐、呼吸急促等，继而体温迅速升高达
          40°C以上，出现谵妄、嗜睡和昏迷现象。劳力型热射病伴有严重的横纹肌溶解，故可能会在发病后十几小时甚至几小时内出现急性肾衰竭、急性肝损害等并发疾病，病情恶化快，病死率极高。
        </p>
        <p>
          经典型热射病多见于年老、体弱和有慢性疾病的患者。一般为逐渐起病，前期症状不易发现，1～2天后症状加重，出现神志模糊、谵妄、昏迷等；或有大小便失禁，体温可达40°C～42°C，可能伴有心衰、肾衰等症状。
        </p>
        <p><b>2.热射病的现场急救</b></p>
        <p>
          “两脱、一风、一降”，即脱离高温高湿环境、脱光外衣、吹凉风对流散热、快速降温。急救的同时拨打120，将患者转运至医院抢救。
        </p>
        <h5 id="e049">（二）中暑与热射病的预防</h5>
        <p>
          ①外出时要注意使用防晒物品，避免阳光直射，高温天气要尽量避免在高温时段（10：00～15：00）出门。
        </p>
        <p>②穿着应宽松，多穿棉质布料、颜色较浅的衣服。</p>
        <p>③多饮水，出汗多的人也可少量多次地饮用淡盐水。</p>
        <p>
          ④受热后忌“快速冷却”。不要立即吹空调、吹电扇、洗冷水澡，否则会造成全身毛孔快速闭合，体内热量难以散发；还会因脑部血管迅速收缩而引起大脑供血不足，使人头晕目眩。
        </p>
        <p>
          ⑤室内外温差不宜太大。即使天气再热，空调设置的温度也不宜到
          24℃以下。空调不要直吹身体。
        </p>
        <p>⑥不要长时间在阳光曝晒或高温高湿、气流静止的环境下活动或工作。</p>
        <p>⑦若高温下出现早期症状，应及时撤离高温现场。</p>
        <p>⑧必须在高温下作业时，需要加强个人防护。</p>
        <div class="bk-xyx">
          <p class="bj1-xyx">试一试</p>
          <p class="block">
            请同学们登录课程平台进行“一般中暑的现场急救”的学练。
          </p>
        </div>
        <h4 id="d027">二、心肺复苏术（CPR）</h4>
        <p>
          我国每年猝死的人数大约为55万，其中有80%都发生在家庭中或一些公共场所。如经现场及时的心肺复苏，可以挽救回35%～40%患者的生命。
        </p>
        <p>
          心肺复苏术是一种使心跳、呼吸骤停的病人迅速恢复循环、呼吸和脑功能所采取的抢救措施，其操作步骤及注意事项如下。<a
            id="w5"
          ></a>
        </p>
        <hr />
        <p class="note">
          针对如溺水等气道堵塞类的心肺复苏，实施步骤有所区别，应先开放气道、清除气道中的积水及异物，再依次进行人工呼吸和胸外按压。
        </p>
      </div>
    </div>
  </div>
  <div class="page-box" page="40">
    <div v-if="showPageList.indexOf(40) > -1">
      <div class="bodystyle">
        <p>抢救前，施救者应先观察现场，确认现场环境安全。</p>
        <p>第一步，判断患者有无意识。</p>
        <p>
          发现有人晕倒时应用力拍打患者肩部，附耳大声呼喊：“您怎么了？醒醒！”如果没有应答，应触摸患者的颈动脉，感受有无搏动；同时贴近患者的鼻腔，感受患者有无自主呼吸并观察胸廓有无起伏。若感受不到动脉搏动、呼吸、心跳与胸廓起伏，判断为意识丧失状态，应立即进行心肺复苏。
        </p>
        <p>第二步，胸外按压。</p>
        <p>准备：将患者平放于硬板床或平整地面上，解开衣物。</p>
        <p>按压部位：两乳头连线中点。</p>
        <p>
          按压方法：两手叠扣，手指上翘，仅以掌跟接触胸骨。两臂伸直，肘关节不可以弯曲，利用身体重力，垂直向下用力按压。
        </p>
        <p>
          按压深度：使胸骨下陷至少5厘米，每次按压后要让胸廓充分回弹，但手掌始终不离开按压部位。按压与放松的时间应大致相当。
        </p>
        <p>按压频率：每分钟100～120次。</p>
        <p>比例：30次胸外按压/2次人工呼吸。</p>
        <div class="bk-xyx">
          <p class="bj1-xyx">小贴士</p>
          <p>
            颈动脉位于喉结旁1～2厘米处。判断患者状态不能超10秒，进行心肺复苏的同时要寻求帮助。
          </p>
        </div>
        <p class="center">
          <img class="img-a" alt="" src="../../image/0042-3.jpg" />
        </p>
        <p class="img">图1-8-1 胸外按压</p>
        <div class="bk-xyx">
          <p class="bj1-xyx">试一试</p>
          <p>请同学们登录课程平台进行“气道异物梗阻的现场急救”的学练。</p>
        </div>
        <p>第三步，气道开放。</p>
        <p>
          进行胸外按压后，患者可能会出现呕吐的情况。这时需将头偏向一侧，清除口鼻腔的分泌物（若有），可以用纱布或者手帕将异物从口腔中掏出。有假牙的患者要注意取下假牙。若无颈部损伤，用仰头抬颌法打开气道；若有颈部损伤，用推举下颌法。
        </p>
        <p class="center">
          <img class="img-d" alt="" src="../../image/0042-1.jpg" />
        </p>
        <p class="img">图1-8-2 仰头抬颌法</p>
        <p class="center">
          <img class="img-b" alt="" src="../../image/0042-2.jpg" />
        </p>
        <p class="img">图1-8-3 推举下颌法</p>
      </div>
    </div>
  </div>
  <div class="page-box" page="41">
    <div v-if="showPageList.indexOf(41) > -1">
      <div class="bodystyle"></div>
    </div>
  </div>
  <div class="page-box" page="42">
    <div v-if="showPageList.indexOf(42) > -1">
      <div class="bodystyle"></div>
    </div>
  </div>
  <div class="page-box" page="43">
    <div v-if="showPageList.indexOf(43) > -1">
      <div class="bodystyle"></div>
    </div>
  </div>

  <p>第四步，人工呼吸。</p>
  <p class="center">
    <img class="img-b" alt="" src="../image/0043-1.jpg" />
@@ -306,9 +3155,7 @@
  </div>
  <div class="bk-xyx">
    <p class="bj1-xyx">试一试</p>
    <p>
      请同学们登录课程平台学习“自动体外除颤器（AED）的使用及注意事项”。
    </p>
    <p>请同学们登录课程平台学习“自动体外除颤器（AED）的使用及注意事项”。</p>
  </div>
  <div class="bk-xspj">
    <p class="bj-sbx">学习评价</p>
@@ -410,12 +3257,8 @@
  <p>
    ③不去歌厅、酒吧等场所，不轻易与不熟悉的人（包括网友）单独见面，不轻易接受陌生人或者可疑人的饮料和食品，与人交往时要保持适当的人际距离。
  </p>
  <p>
    ④避免单独和可疑人在家里或宁静、封闭的环境中会面，尤其是到可疑人家中。
  </p>
  <p>
    ⑤出去游玩等，一定要告诉父母返回时间、和谁在一起以及同伴的联系方式等。
  </p>
  <p>④避免单独和可疑人在家里或宁静、封闭的环境中会面，尤其是到可疑人家中。</p>
  <p>⑤出去游玩等，一定要告诉父母返回时间、和谁在一起以及同伴的联系方式等。</p>
  <p>
    ⑥学习一些简单且实用的防护招式，遭遇危险的时候，能够利用肘、膝盖等部位，趁坏人不备，用力攻击其薄弱部位，如裆部、面部等。
  </p>
@@ -490,9 +3333,7 @@
  </p>
  <p>不吃已确认变质或怀疑可能变质的食品，不食用超过保质期的食品。</p>
  <p>不购买无卫生许可证和营业执照的小店里或路边摊点上的食品。</p>
  <p>
    做好自备水的防护，保证水质卫生、安全，不饮用未经煮沸的生活饮用水。
  </p>
  <p>做好自备水的防护，保证水质卫生、安全，不饮用未经煮沸的生活饮用水。</p>
  <p>不生吃海鲜、河鲜、肉类等。</p>
  <p>（2）食物加工</p>
  <p>
@@ -507,12 +3348,8 @@
  </p>
  <p>接触食品的器具和双手必须清洗干净并保洁。</p>
  <p>直接入口的器具要消毒，以防食品受到污染。</p>
  <p>
    冰箱等冷藏设备要定期清洁，冷冻的食品如果超过 3 个月最好不要食用。
  </p>
  <p>
    桶装水最好一周内喝完。瓶装水要看是否过保质期，开盖时要看是否封严。
  </p>
  <p>冰箱等冷藏设备要定期清洁，冷冻的食品如果超过 3 个月最好不要食用。</p>
  <p>桶装水最好一周内喝完。瓶装水要看是否过保质期，开盖时要看是否封严。</p>
  <p>
    妥善保管有毒有害物品，农药、杀虫剂和消毒剂等不要存放在食品加工经营场所，避免被误食、误用或意外污染食品。
  </p>
@@ -538,9 +3375,7 @@
    <p class="block">
      3.通过学习党和国家领导人的体育思想，领会“女排精神”与“乒乓精神”，树立积极健康的人生观和价值观。
    </p>
    <p class="block">
      4.培养良好的体育品德，自觉运用体育精神磨炼个人意志。
    </p>
    <p class="block">4.培养良好的体育品德，自觉运用体育精神磨炼个人意志。</p>
  </div>
  <div class="bk-ztgs">
    <p class="bj1-ztgs">情境导入</p>
@@ -667,16 +3502,10 @@
    3.遵守运动礼仪，运动中不歧视、不藐视、不故意伤害任何运动伙伴和对手。
  </p>
  <p class="block">4.团结协作，拼搏进取，互帮互助，共同进步。</p>
  <p class="block">
    5.自强、自立、自尊、自信、自重，勇于挑战自我、超越自我。
  </p>
  <p class="block">5.自强、自立、自尊、自信、自重，勇于挑战自我、超越自我。</p>
  <p class="block">6.在规则下，能够体面地赢，也能够体面地输。</p>
  <p class="block">
    7.“学—练—赛—评”要积极主动、认真踏实、持之以恒、保质保量。
  </p>
  <p class="block">
    8.运动中要文明礼貌，着整洁的运动装，言行举止得体。
  </p>
  <p class="block">7.“学—练—赛—评”要积极主动、认真踏实、持之以恒、保质保量。</p>
  <p class="block">8.运动中要文明礼貌，着整洁的运动装，言行举止得体。</p>
  <p class="block">
    9.爱护校园一切体育设施，保护校园人文景观和自然环境，损坏公物要赔偿。
  </p>
@@ -684,9 +3513,7 @@
  <div class="bk-xspj">
    <p class="bj-sbx">学习评价</p>
    <p class="block">1.我认为体育精神是____________。</p>
    <p class="block">
      2.我会通过以下途径塑造自己的体育精神____________。
    </p>
    <p class="block">2.我会通过以下途径塑造自己的体育精神____________。</p>
    <p class="block">
      3.通过学习“奥运中国”、党和国家领导人的体育思想，我打算从__________________方面做起，为自己的健康负责，为我国体育事业贡献自己应有的一分力量。
    </p>
@@ -715,4 +3542,4 @@
    <a id="m5"></a><a href="chapter002.html#w5">[5]</a>
    针对如溺水等气道堵塞类的心肺复苏，实施步骤有所区别，应先开放气道、清除气道中的积水及异物，再依次进行人工呼吸和胸外按压。
  </p>
</div>
</div>

 src/components/pdfview/index.vue

New file
@@ -0,0 +1,145 @@
<template>
  <div class="imgbox">
    <img
      ref="image"
      :onLoad="initFun"
      :onDragStart="dragStart"
      :onWheel="handleScroll"
      :src="currentPageSrc"
      alt=""
    />
  </div>
</template>
<script>
export default {
  name: "pdf_view",
  props: {
    md5: {
      type: String,
    },
    title: {
      type: String,
    },
  },
  data() {
    return {
      currentPageSrc: "",
      fileLoading: false,
      visible: true,
      close: null,
      currentPage: 1,
      totalPage: 1,
      rcViewerOptions: {
        // inline: true
      },
      zoom: 1,
      catalogVisible: false,
      tocData: [],
      generateList: [],
      expandedKeys: [],
      searchValue: "",
      autoExpandParent: true,
      drawerSize: "default",
    };
  },
  watch: {
    md5: {
      handler(newVal, oldVal) {
        if (newVal) {
          this.getFileInfo();
        }
      },
    },
  },
  created() {
    this.getFileInfo();
  },
  methods: {
    initFun() {
      // 初始化拖拽
      let image = this.refs.image;
      let imageBox = this.refs.imageBox;
      let initLeft = imageBox.offsetWidth / 2 - image.offsetWidth / 2;
      image.style.left = initLeft + "px";
      image.style.top = 0 + "px";
      let canMove = false;
      let offsetX, offsetY, oldLeft, oldTop;
      image.onmousedown = function (e) {
        canMove = true;
        offsetX = e.x;
        offsetY = e.y;
        oldLeft = parseFloat(image.style.left.split("px")[0]);
        oldTop = parseFloat(image.style.top.split("px")[0]);
      };
      imageBox.onmousemove = function (e) {
        if (canMove == true) {
          let left = e.clientX - offsetX;
          let top = e.clientY - offsetY;
          image.style.left = oldLeft + left + "px";
          image.style.top = oldTop + top + "px";
        }
      };
      image.onmouseup = function () {
        canMove = false;
      };
      this.fileLoading = false;
    },
    dragStart(e) {
      if (e && e.preventDefault) {
        e.preventDefault();
      } else {
        window.event.returnValue = false;
      }
    },
    handleScroll(e) {
      if (e.nativeEvent.deltaY <= 0) {
        if (this.zoom < 3) {
          let newZoom = this.zoom + 0.1;
          this.zoom = newZoom;
          this.refs.image.style.height = newZoom * 100 + "%";
        }
      } else {
        if (this.zoom > 0.5) {
          let newZoom = this.zoom - 0.1;
          this.zoom = newZoom;
          this.refs.image.style.height = newZoom * 100 + "%";
        }
      }
    },
    getFileInfo() {
      // 获取目录
      this.MG.file
        .getPdfInfo({ md5: this.md5 })
        .then((res) => {
          this.totalPage = res.totalPages;
          this.getPageImage(this.currentPage);
        })
        .catch((err) => {
          console.error(err);
        });
    },
    getPageImage(page) {
      const ctx = process.env.VUE_APP_API_URL;
      this.fileLoading = true;
      this.currentPageSrc =
        ctx +
        "/file/GetPdfPageImage" +
        "?md5=" +
        this.md5 +
        "&index=" +
        page +
        "&dpi=150";
    },
  },
};
</script>
<style scoped lang="less">
.imgbox {
  width: 100%;
  height: 100%;
  background-color: aquamarine;
  img {
    width: 100%;
  }
}
</style>