体育与健康bug1

yiming

2024-08-08 53022ea7ac46d289540a96c558cb9571323e6ed0

体育与健康bug1

 src/App.vue

@@ -67,7 +67,7 @@
        process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "artAndDance")
          : "sportsAndHealth")
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

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

@@ -1,4 +1,6 @@
<template>
<!-- @format -->

<template>
  <div class="chapter" num="2">
    <!-- 1 -->
    <div class="page-box" page="12">
@@ -66,7 +68,7 @@
          <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"
              <svg class="read-aloud" readId="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"
@@ -78,7 +80,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr01">
            <p class="block" id="qjdr02">
              小李同学是今年入校的中职学校新生，从小跟随父亲踢足球。小李开朗乐观，积极组建班级足球队。受他的影响，班级中很多同学开始进行体育锻炼。在小李的带领下，班级在校足球比赛中获得了较好的名次。
            </p>
          </div>
@@ -1322,9 +1324,6 @@
                      </td>
                    </tr>




                    <tr>
                      <td style="text-align: left">26. 遭意外事故</td>
                      <td>
@@ -1429,7 +1428,7 @@
          <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"
              <svg class="read-aloud" readId="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"
@@ -1441,7 +1440,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr02">
            <p class="block" id="qjdr03">
              身体瘦弱的小刘经常熬夜复习功课，加上生活不规律，他得了严重的胃病。在老师的建议下，他开始晨跑，并坚持吃早餐。渐渐地，他改掉了熬夜的习惯，胃病大大好转，精神面貌焕然一新，学习效率也大大提升……
            </p>
          </div>
@@ -2174,7 +2173,7 @@
          <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"
              <svg class="read-aloud" readId="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"
@@ -2186,7 +2185,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr03">
            <p class="block" id="qjdr04">
              小贾是某职业学校服装设计专业的学生，她一直是同学中的佼佼者。但在一次考试中，小贾的作品被老师当众质疑。从此她信心一落千丈，有时甚至难以完成作品。后来她找到了心理咨询师王老师，倾诉了所有的烦恼。在王老师的引导下，她分析了自己不良情绪的来源及本质，发现自己过于在意他人的看法，当自己的作品被否定时，便开始质疑自己的能力，导致每次考试都会焦虑。在王老师的引领下，小贾终于走出自我质疑的阴影，学习和生活都回到了正轨。
            </p>
          </div>
@@ -3264,7 +3263,6 @@
            </p>

            <textarea rows="8" v-model="chapter001.textBybItem18" @change="setBookQuestion"></textarea>

          </div>
          <h3 id="c004">专题四 顺利度过青春期</h3>
          <div class="bk-ztgs">
@@ -3276,7 +3274,7 @@
          <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"
              <svg class="read-aloud" readId="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"
@@ -3288,7 +3286,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr04">
            <p class="block" id="qjdr05">
              15岁的小王开始经常遗精，这让他既好奇又迷惑。同时，他的心理也发生了很大的变化，经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
            </p>
          </div>
@@ -3797,7 +3795,7 @@
          <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"
              <svg class="read-aloud" readId="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"
@@ -3809,7 +3807,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr05">
            <p class="block" id="qjdr06">
              小北是一名中职学校新生，第一次离家到外地上学，饮食不习惯，跟同学关系也比较冷淡，感觉很孤单，没多久就迷上了网络游戏，常常凌晨两三点才睡觉。因为熬夜，小北晚上经常吃夜宵，运动也少，生物钟混乱。曾经体重正常的小北越来越胖，学习成绩也很不如意，期末考试有多门科目不及格。
            </p>
          </div>
@@ -4131,7 +4129,7 @@
          <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"
              <svg class="read-aloud" readId="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"
@@ -4143,7 +4141,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr06">
            <p class="block" id="qjdr07">
              许久没有运动的小亮，某天下课后兴致勃勃地去操场跑了两千米，并发朋友圈打卡。同学们纷纷给他点赞。跑完步的小亮筋疲力尽，径直回到了宿舍休息。第二天，小亮感觉自己的臀部、大腿和小腿均酸痛难耐，连上下楼梯都无法忍受，走路一瘸一拐。由此他放弃了继续跑步打卡的想法，打算先了解避免运动损伤的相关知识……
            </p>
          </div>
@@ -4167,7 +4165,6 @@
    <!-- 23 -->
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">

        <div class="header-odd">
          <span class="mk">基础模块</span>
          <span class="sub">第一单元</span>
@@ -4569,7 +4566,7 @@
          <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"
              <svg class="read-aloud" readId="qjdr08" 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"
@@ -4581,7 +4578,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr07">
            <p class="block" id="qjdr08">
              在某市的半程马拉松上，一名跑者突然昏迷倒地，并且失去意识，幸好及时被两名从医的参赛选手发现，他们立即对该跑者进行了心肺复苏急救，昏迷的跑者渐渐恢复了呼吸和心跳。
            </p>
          </div>
@@ -4792,9 +4789,6 @@
            </p>
          </div>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -4819,23 +4813,16 @@
                    <img src="../../images/Unit1/p29/29-4.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">
            图1-8-1 胸外按压
          </p>





          <p class="img">图1-8-1 胸外按压</p>

          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">试一试
            <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"
@@ -4858,43 +4845,64 @@
                发生气道异物梗阻时，患者会有如下表现：轻微或剧烈地咳嗽；单手或双手紧握喉部；不能咳嗽、说话或呼吸；吸气时发出尖锐的声音或粗糙的呼吸音；神情恐慌；口唇和皮肤青紫。如果阻塞物不能及时清除，患者会失去知觉。询问意识清楚的患者“你被噎住了吗？”对正确诊断非常重要。
              </p>
              <p class="xyx-fu-yy">（二）轻度气道异物梗阻的应对</p>
              <p>（1）确认患者有气道异物梗阻状况后，如症状较轻，可鼓励其用力咳嗽。</p>
              <p>（2）急救者站在患者身后，让患者身体前倾，左手支撑前胸，右手在两肩胛骨之间采用大力叩击5次，即背部叩击法</p>
              <p>
                （1）确认患者有气道异物梗阻状况后，如症状较轻，可鼓励其用力咳嗽。
              </p>
              <p>
                （2）急救者站在患者身后，让患者身体前倾，左手支撑前胸，右手在两肩胛骨之间采用大力叩击5次，即背部叩击法
              </p>
              <p class="xyx-fu-yy">（三）海姆立克急救法（也称腹部冲击法）</p>
              <p>（1）急救者帮助患者站起来，站在病人背后，用前腿弓、后退蹬的姿势站稳，用两手臂环绕病人的腰部。</p>
              <p>（2）定位：一手握空心拳，拳眼抵在患者剑突与肚脐中间（脐上两横指处）。</p>
              <p>（3）另一只手握住握拳手加以辅助，迅速向后上方快速有节奏地用力冲击5次。</p>
              <p>
                （1）急救者帮助患者站起来，站在病人背后，用前腿弓、后退蹬的姿势站稳，用两手臂环绕病人的腰部。
              </p>
              <p>
                （2）定位：一手握空心拳，拳眼抵在患者剑突与肚脐中间（脐上两横指处）。
              </p>
              <p>
                （3）另一只手握住握拳手加以辅助，迅速向后上方快速有节奏地用力冲击5次。
              </p>
              <p>（4）重复上述动作，直至将异物排出。</p>
              <p>注意：不要按压肋骨，以免导致骨折。也可采用背部叩击法和腹部冲击法交替进行，直至异物排出。</p>
              <p>如果患者意识丧失，没有呼吸，则不可使用海姆立克急救法。应将患者平放在地上，立即进行心肺复苏，同时拨打120，边抢救边等待救护车到来。</p>
              <p>
                注意：不要按压肋骨，以免导致骨折。也可采用背部叩击法和腹部冲击法交替进行，直至异物排出。
              </p>
              <p>
                如果患者意识丧失，没有呼吸，则不可使用海姆立克急救法。应将患者平放在地上，立即进行心肺复苏，同时拨打120，边抢救边等待救护车到来。
              </p>
              <p class="xyx-fu-yy">（四）自救方法</p>
              <p>方法1：如果自己发生气道异物梗阻而身边没有救助人员时，若呼吸尚好、能说话，可自行弯腰、用力咳嗽，力争将异物自行咳出。但不可将手伸进口腔咽喉处去抠取异物，其结果不仅无效，反而会使异物更深入呼吸道。</p>
              <p>方法2：如果异物不能自行咳出，可采用自救腹部冲击法。本人可一手握空心拳，拳眼抵于脐上两横指处，另一手握住此拳快速向内向上冲压4~6次。可重复挤压，直至异物排出。</p>
              <p>方法3：还可运用椅背冲击法自救。趁清醒时立即将上腹部抵压在一块坚硬的物体边缘上，如椅背、桌缘、楼梯扶手等，连续快速向内、向上冲击挤压5次。可重复挤压，直至异物排出。</p>
              <p>
                方法1：如果自己发生气道异物梗阻而身边没有救助人员时，若呼吸尚好、能说话，可自行弯腰、用力咳嗽，力争将异物自行咳出。但不可将手伸进口腔咽喉处去抠取异物，其结果不仅无效，反而会使异物更深入呼吸道。
              </p>
              <p>
                方法2：如果异物不能自行咳出，可采用自救腹部冲击法。本人可一手握空心拳，拳眼抵于脐上两横指处，另一手握住此拳快速向内向上冲压4~6次。可重复挤压，直至异物排出。
              </p>
              <p>
                方法3：还可运用椅背冲击法自救。趁清醒时立即将上腹部抵压在一块坚硬的物体边缘上，如椅背、桌缘、楼梯扶手等，连续快速向内、向上冲击挤压5次。可重复挤压，直至异物排出。
              </p>
              <div class="fl">
                <div class="fl fd-c al-c"><img class="w50" src="../../image/page29PDFOne.png" alt="">
                <div class="fl fd-c al-c">
                  <img class="w50" src="../../image/page29PDFOne.png" alt="" />
                  <span class="span-P">图1 自救腹部冲击法 </span>
                </div>
                <div class=" fl fd-c al-c"><img class="w56" src="../../image/page29PDFTwo.png" alt="">
                <div class="fl fd-c al-c">
                  <img class="w56" src="../../image/page29PDFTwo.png" alt="" />
                  <span class="span-P">图2 椅背冲击法</span>
                </div>
              </div>








              <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>
                进行心肺复苏的抢救，施救者一定要接受过心肺复苏技能专业培训。
              </p>
              <p>
                气道异物梗阻一般发生突然，变化迅速，应在呼叫救护车的同时进行现场急救。
              </p>
            </div>
          </div>
          <p>第三步，气道开放。</p>
@@ -4920,43 +4928,27 @@
            </div>
          </div> -->



          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img style="  height: 160px;" src="../../images/Unit1/p29/29-5.jpg" />
                    <p class="img">
                      图1-8-2 仰头抬颌法
                    </p>

                    <img style="height: 160px" src="../../images/Unit1/p29/29-5.jpg" />
                    <p class="img">图1-8-2 仰头抬颌法</p>
                  </div>
                </div>

                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img style="  height: 160px;" src="../../images/Unit1/p29/29-6.jpg" />
                    <p class="img">
                      图1-8-3 推举下颌法
                    </p>

                    <img style="height: 160px" src="../../images/Unit1/p29/29-6.jpg" />
                    <p class="img">图1-8-3 推举下颌法</p>
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>






        </div>
      </div>
    </div>
@@ -4989,9 +4981,7 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img">
            图1-8-4 人工呼吸
          </p>
          <p class="img">图1-8-4 人工呼吸</p>
          <p>
            气道通畅后应迅速进行口对口人工呼吸。患者仰卧，施救者一手托其下颌使头后仰，另一手捏其鼻孔并用手掌边缘压住其额头。吸气后对患者口内用力吹气（注意要将患者的嘴包严），然后放开鼻孔，待胸廓回缩呼气。连续吹气2次，每次吹气要见胸廓有明显起伏才表示有效。
          </p>
@@ -5006,7 +4996,8 @@
          </div>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">试一试
              <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"
@@ -5023,7 +5014,8 @@
                <div class="xyx-title">自动体外除颤器（AED）的使用</div>
                <p>
                  在商场、机场、学校、社区等地，我国已逐渐普及安装了除颤器。除颤器可以使因心室
                  颤动导致的心脏骤停患者的心律恢复正常。在心脏骤停后的黄金 4 分钟，应进行心肺复苏并
                  颤动导致的心脏骤停患者的心律恢复正常。在心脏骤停后的黄金 4
                  分钟，应进行心肺复苏并
                  尽早使用除颤器，这样可以大大提高心脏猝死患者的抢救成活率，给生命再创一线生机！
                </p>
                <p>
@@ -5036,41 +5028,39 @@
                  同时，周围的人尽快取来除颤器。使用时，按照语音提示，贴好电极片，除颤器自动分析，
                  自动充电，然后按下放电开关，就完成了电除颤。使用除颤器可以大幅度提高抢救成功率！
                </p>
                <p class="xyx-fu-yy">使用心脏复苏术和自动体外除颤器的注意事项</p>
                <p>
                  1. 心脏骤停是导致猝死的主要原因，心脏骤停 4 分钟后，脑组织将发生不可逆的损害。
                  所以心脏骤停后的 4 分钟被称为黄金 4 分钟。心肺复苏术是抢救心脏骤停的最有效方法。黄
                  金 4 分钟，抢救越早，成功率越高。
                <p class="xyx-fu-yy">
                  使用心脏复苏术和自动体外除颤器的注意事项
                </p>
                <p>
                  2. 最新的心肺复苏指南建议，对于专业人士提倡口对口人工呼吸，可进一步提高心肺复
                  1. 心脏骤停是导致猝死的主要原因，心脏骤停 4
                  分钟后，脑组织将发生不可逆的损害。 所以心脏骤停后的 4
                  分钟被称为黄金 4
                  分钟。心肺复苏术是抢救心脏骤停的最有效方法。黄 金 4
                  分钟，抢救越早，成功率越高。
                </p>
                <p>
                  2.
                  最新的心肺复苏指南建议，对于专业人士提倡口对口人工呼吸，可进一步提高心肺复
                  苏的质量和成功率。对于非专业人士，持续胸外按压即可，无需口对口人工呼吸。
                </p>
                <p>
                  3. 并不是所有晕倒患者均可实施心肺复苏，如癫痫、晕厥、昏迷患者虽然意识丧失，但
                  3.
                  并不是所有晕倒患者均可实施心肺复苏，如癫痫、晕厥、昏迷患者虽然意识丧失，但
                  呼吸仍然存在，所以不是心脏骤停，不能进行心肺复苏。
                </p>
                <p>
                  4.胸外心脏按压的位置必须准确。不准确容易损伤其他脏器。按压的力度要适宜，过大过猛容易使胸骨骨折，引起气胸、血胸；按压的力度过轻，胸腔压力小，不足以推动血液循环。
                </p>
                <p>
                  5.在实施心肺复苏时首先一定要做好自我防护。
                </p>
                <p>
                  6.在使用除颤器（AED）的时候一定要注意现场安全。
                </p>
                <p>
                  7.AED使用流程：
                </p>
                <p>5.在实施心肺复苏时首先一定要做好自我防护。</p>
                <p>6.在使用除颤器（AED）的时候一定要注意现场安全。</p>
                <p>7.AED使用流程：</p>
                <p>
                  （1）开启AED。打开AED的盖子，依据视觉和声音的提示操作（有些型号需要先按下电源）。
                </p>
                <p>
                  （2）安放电极片。充分暴露患者的前胸。两块电极板分别贴在右胸上部和左胸左乳头外侧，具体位置可以参考AED机壳上的图样和电极板上的图片说明。注意：若患者出汗较多，应该事先用衣服或者毛巾擦干皮肤。若患者胸毛较多，可以用力压紧电极片，若无效，应剔除胸毛后再粘贴电极片。
                </p>
                <p>
                  （3）将电极板插头插入AED主机插孔。
                </p>
                <p>（3）将电极板插头插入AED主机插孔。</p>
                <p>
                  （4）分析心率。按下“分析”键，AED将会开始分析心率。分析完毕后，如果AED
                  分析得出病人处于室颤状态，将会发出是否进行除颤的建议。当有除颤指征时，不要与患者接触，同时告诉附近所有人远离患者，由操作者按下“放电”键除颤。
@@ -5122,7 +5112,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr08')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr09" 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"
@@ -5134,7 +5124,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr08">
            <p class="block" id="qjdr09">
              某单位集体食堂午餐时，有十余人出现腹泻、头晕等不适症状，该单位及时将这些人送往医院治疗。卫生部门经检查，认为是青条鱼未充分煮熟导致的食物中毒。
            </p>
          </div>
@@ -5146,7 +5136,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">学一学
              <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"
@@ -5176,7 +5167,7 @@
                  地震中最危险的做法，是在晃动最为强烈的时候，试图强行逃出房屋或返回房屋试图抢救同伴及某些物品，这会加大被坠落物体砸伤的概率。
                </p>
                <p class="fl fd-c al-c openImgBox">
                  <img class="img-b" src="../../image/page31PDFOne.png" alt="">
                  <img class="img-b" src="../../image/page31PDFOne.png" alt="" />
                  <span class="span-P">图1 地震活命三角区</span>
                </p>
                <p class="xyx-fu-yy">（二）身处各类场所的避险与逃生方法</p>
@@ -5311,7 +5302,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">学一学
              <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"
@@ -5348,7 +5340,8 @@
          </div>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <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"
@@ -5362,7 +5355,9 @@
                请同学们学习“提高网络安全事故应对能力，远离网络伤害”的相关知识，并分享自己的心得体会。
              </div>
              <div class="xyx-text" v-if="chapter001.isShowXyx09">
                <div class="xyx-title">提高网络安全事故应对能力，远离网络伤害</div>
                <div class="xyx-title">
                  提高网络安全事故应对能力，远离网络伤害
                </div>
                <p>
                  随着互联网应用的普及，互联网给我们的学习、生活带来了巨大的改变，同时其安全问题也日益凸显。我们要树立网络安全意识，正确地使用网络，远离网络伤害。
                </p>
@@ -5378,13 +5373,19 @@
                <p>
                  同学们应从思想上确立“有利、有度、有序、有节”的网络使用观念，养成良好的上网习惯。
                </p>
                <p>有利，即对我们自身健康成长有利，避免登录和浏览不良、危害身心健康的网站。</p>
                <p>有度，即遵守国家和学校关于使用网络的法律、规章、制度，不上非法网站。</p>
                <p>
                  有利，即对我们自身健康成长有利，避免登录和浏览不良、危害身心健康的网站。
                </p>
                <p>
                  有度，即遵守国家和学校关于使用网络的法律、规章、制度，不上非法网站。
                </p>
                <p>
                  有序，即上网要有计划、有目的，所有的网络行为应围绕一定的目的进行，避免沉迷网络，无法自拔。
                </p>
                <p>
                  有节，即上网时间和浏览内容要有节制，一般每次上网时间不超过 1 小时，每天不超过2 小时。要自觉用理性自律去抗拒诱惑，避免形成依赖性。
                  有节，即上网时间和浏览内容要有节制，一般每次上网时间不超过 1
                  小时，每天不超过2
                  小时。要自觉用理性自律去抗拒诱惑，避免形成依赖性。
                </p>
                <p class="xyx-fu-yy">（二）避免遭遇网络诈骗</p>
                <p>
@@ -5410,7 +5411,9 @@
                <p>
                  要对网络信息的真实性进行辨别，不传播真实性存疑的信息。不传播网络中的不正当言论，特别是违反中职学生行为规范甚至触犯法律的内容。
                </p>
                <p class="xyx-fu-ss">6.不随便与网友见面，以免发生人身安全事故</p>
                <p class="xyx-fu-ss">
                  6.不随便与网友见面，以免发生人身安全事故
                </p>
                <p>
                  网络交友存在诸多不确定因素，具有一定的风险，因此要提高警惕，不随便与网友见面，必须见面时应该有父母或亲人的陪同，以免发生人身安全事故。
                </p>
@@ -5603,7 +5606,7 @@
          <div class="bk-ztgs">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg @click="readText('qjdr09')" xmlns="http://www.w3.org/2000/svg" width="14.24" height="19.987"
              <svg class="read-aloud" readId="qjdr010" 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"
@@ -5615,7 +5618,7 @@
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr09">
            <p class="block" id="qjdr010">
              小婷是一名中职学生，身高183厘米，中国女排前主教练郎平是她的榜样。她从小最大的愿望是进入理想的大学当一名排球运动员，甚至梦想穿上国家队的球衣为国争光。可伤病让她一次次与梦想失之交臂，所以她常常感到失落与迷茫。中国女排顽强拼搏、永不言败的精神让她重新振作起来。她相信阳光总在风雨后……后来她收到了她梦想中的大学的录取通知书。
            </p>
          </div>
@@ -5654,7 +5657,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">学一学
              <div class="bj1-xyx publicxbc">
                学一学
                <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"
@@ -5669,8 +5673,10 @@
              </div>
              <div class="xyx-text" v-if="chapter001.isShowXyx09">
                <div class="xyx-title">奥林匹克“五环”的演变历程</div>
                <p>奥林匹克标志由皮埃尔•德•顾拜旦先生于1913年构思设计，是由《奥林匹克宪章》确定的，也被称为奥运五环标志。它由5个奥林匹克环套接组成，有蓝、黄、黑、绿、红5
                  种颜色。环从左到右互相套接，上面是蓝、黑、红环，下面是黄、绿环。</p>
                <p>
                  奥林匹克标志由皮埃尔•德•顾拜旦先生于1913年构思设计，是由《奥林匹克宪章》确定的，也被称为奥运五环标志。它由5个奥林匹克环套接组成，有蓝、黄、黑、绿、红5
                  种颜色。环从左到右互相套接，上面是蓝、黑、红环，下面是黄、绿环。
                </p>
                <p>
                  1914年在巴黎召开的庆祝奥运会复兴20周年的奥林匹克全会上，顾拜旦解释了他对标志的设计思想：“五环——蓝、黄、绿、红和黑环，象征世界上承认奥林匹克运动，并准备参加奥林匹克竞赛的五大洲（蓝色代表欧洲，黄色代表亚洲，黑色代表非洲，绿色代表大洋洲，红色代表美洲），第六种颜色白色——旗帜的底色，意指所有国家都毫无例外地能在自己的旗帜下参加比赛。”因此，作为奥运会象征，相互环扣在一起的5个圆环体现了顾拜旦提出的可以吸收殖民地民族参加奥运会、为各民族间的和平事业服务的思想。
                </p>
@@ -5678,14 +5684,15 @@
                  随着时间的推移和奥林匹克运动的发展变化，对奥林匹克标志的阐释也出现了变化。根据1991年的《奥林匹克宪章》“奥林匹克标志”词条的附则补充解释，奥林匹克旗和五环的含义不仅象征五大洲的团结，而且强调所有参赛运动员应以公正、坦诚的运动员精神在比赛场上相见。
                </p>
                <p>
                  <img class="img-b" src="../../image/page37PDFOne.png" alt="">
                  <img class="img-b" src="../../image/page37PDFOne.png" alt="" />
                </p>
              </div>
            </div>
          </div>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">学一学
              <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"
@@ -5695,9 +5702,7 @@
                </div>
              </div>
              <br />
              <div class="public-tips">
                请同学们学习“兴奋剂及其危害”。
              </div>
              <div class="public-tips">请同学们学习“兴奋剂及其危害”。</div>
              <div class="xyx-text" v-if="chapter001.isShowXyx10">
                <div class="xyx-title">兴奋剂及其危害</div>
                <p>
@@ -5742,10 +5747,13 @@
          <span class="book-title">体育与健康</span>
        </div>
        <div class="bodystyle">
          <p style="text-indent:0%">冬奥会。北京冬奥会、冬残奥会的成功举办，青年一代更加积极向上，全党全国各族人民文化自信明显增强、精神面貌更加奋发昂扬。</p>
          <p style="text-indent: 0%">
            冬奥会。北京冬奥会、冬残奥会的成功举办，青年一代更加积极向上，全党全国各族人民文化自信明显增强、精神面貌更加奋发昂扬。
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <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"
@@ -5772,7 +5780,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <div class="icon" @click="activityXyx11">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -5801,150 +5810,90 @@
                    <tbody>
                      <tr>
                        <td style="text-align: left">首夺世界杯冠军</td>
                        <td>
                          1981年
                        </td>
                        <td>
                          1981年
                        </td>
                        <td>
                          袁伟民
                        </td>
                        <td>1981年</td>
                        <td>1981年</td>
                        <td>袁伟民</td>
                        <td style="text-align: left">
                          张蓉芳、郎平、梁艳、孙晋芳、周晓兰、陈招娣、周鹿敏、杨希、朱玲、陈亚琼、曹慧英、张洁云
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">首捧世锦赛冠军</td>
                        <td>
                          1982年
                        </td>
                        <td>
                          秘鲁
                        </td>
                        <td>
                          袁伟民
                        </td>
                        <td>1982年</td>
                        <td>秘鲁</td>
                        <td>袁伟民</td>
                        <td style="text-align: left">
                          孙晋芳、郎平、曹慧英、杨希、周晓兰、杨锡兰、陈亚琼、姜英、陈招娣、郑美珠、张蓉芳
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">首摘奥运金牌</td>
                        <td>
                          1984年
                        </td>
                        <td>
                          美国
                        </td>
                        <td>
                          袁伟民
                        </td>
                        <td>1984年</td>
                        <td>美国</td>
                        <td>袁伟民</td>
                        <td style="text-align: left">
                          郎平、张蓉芳、杨锡兰、梁艳、杨晓君、郑美珠、姜英、侯玉珠、苏惠娟、李延军、周晓兰、朱玲
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">蝉联世界杯冠军</td>
                        <td>
                          1985年
                        </td>
                        <td>
                          日本
                        </td>
                        <td>
                          袁伟民
                        </td>
                        <td>1985年</td>
                        <td>日本</td>
                        <td>袁伟民</td>
                        <td style="text-align: left">
                          郎平、梁艳、杨锡兰、郑美珠、杨晓君、苏惠娟、巫丹、殷勤、侯玉珠、姜英、李延军、林国清
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">蝉联世锦赛冠军</td>
                        <td>
                          1986年
                        </td>
                        <td>
                          捷克斯洛伐克
                        </td>
                        <td>
                          张蓉芳
                        </td>
                        <td>1986年</td>
                        <td>捷克斯洛伐克</td>
                        <td>张蓉芳</td>
                        <td style="text-align: left">
                          杨晓君、郑美珠、侯玉珠、梁艳、巫丹、姜英、杨锡兰、殷勤、李延军、苏惠娟、刘玮、胡小凤
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">17年后重夺世界杯冠军</td>
                        <td>
                          2003年
                        </td>
                        <td>
                          日本
                        </td>
                        <td>
                          陈忠和
                        </td>
                        <td>2003年</td>
                        <td>日本</td>
                        <td>陈忠和</td>
                        <td style="text-align: left">
                          冯坤、杨昊、王丽娜、张越红、陈静、张萍、宋妮娜、李珊、周苏红、赵蕊蕊、刘亚男、张娜
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">20年后再圆奥运冠军梦</td>
                        <td>
                          2004年
                        </td>
                        <td>
                          希腊
                        </td>
                        <td>
                          陈忠和
                        </td>
                        <td>2004年</td>
                        <td>希腊</td>
                        <td>陈忠和</td>
                        <td style="text-align: left">
                          冯坤、杨昊、王丽娜、张越红、陈静、张萍、宋妮娜、李珊、周苏红、赵蕊蕊、刘亚男、张娜
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">四夺世界杯冠军</td>
                        <td>
                          2015年
                        </td>
                        <td>
                          日本
                        </td>
                        <td>
                          郎平
                        </td>
                        <td>2015年</td>
                        <td>日本</td>
                        <td>郎平</td>
                        <td style="text-align: left">
                          朱婷、张常宁、袁心玥、沈静思、杨珺菁、魏秋月、曾春蕾、张晓雅、林莉、丁霞、颜妮、王梦洁、刘晏含、刘晓彤
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">三夺奥运会冠军</td>
                        <td>
                          2016年
                        </td>
                        <td>
                          巴西
                        </td>
                        <td>
                          郎平
                        </td>
                        <td>2016年</td>
                        <td>巴西</td>
                        <td>郎平</td>
                        <td style="text-align: left">
                          朱婷、惠若琪、张常宁、袁心玥、杨方旭、龚翔宇、刘晓彤、徐云丽、林莉、丁霞、颜妮、魏秋月
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align: left">五夺世界杯冠军</td>
                        <td>
                          2019年
                        </td>
                        <td>
                          日本
                        </td>
                        <td>
                          郎平
                        </td>
                        <td>2019年</td>
                        <td>日本</td>
                        <td>郎平</td>
                        <td style="text-align: left">
                          朱婷、张常宁、刘晓彤、李盈莹、刘晏含、袁心玥、杨涵玉、王媛媛、郑益昕、颜妮、龚翔宇、曾春蕾、姚迪、丁霞、林莉、王梦洁
                        </td>
@@ -5968,9 +5917,7 @@
          <p>
            习近平总书记指出：“体育是提高人民健康水平的重要途径，是满足人民群众对美好生活向往、促进人的全面发展的重要手段，是促进经济社会发展的重要动力，是展示国家文化软实力的重要平台”；“体育承载着国家强盛、民族振兴的梦想，体育强则中国强，国运兴则体育兴”；强调体育强国建设“以人民为中心，通过全民健身实现全民健康”；认为发展体育事业“能为中华民族伟大复兴提供凝心聚气的强大精神力量”，我们要“弘扬中华体育精神，弘扬体育道德风尚”，等等。
          </p>
          <p>
            从“体育救国”到“健康中国”，从体育的层面体现出我国在党的
          </p>
          <p>从“体育救国”到“健康中国”，从体育的层面体现出我国在党的</p>
        </div>
      </div>
    </div>
@@ -5985,10 +5932,13 @@
          <span class="sub-page">039</span>
        </div>
        <div class="bodystyle">
          <p style="text-indent:0%">几代领导集体的带领下，在几代中国人民的勤劳奋斗下，步入社会主义新时代，开启中华民族伟大复兴的新篇章。</p>
          <p style="text-indent: 0%">
            几代领导集体的带领下，在几代中国人民的勤劳奋斗下，步入社会主义新时代，开启中华民族伟大复兴的新篇章。
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <div class="icon" @click="activityXyx12">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -6004,20 +5954,25 @@
              <div class="xyx-text" v-if="chapter001.isShowXyx12">
                <div class="xyx-title">中华体育精神符号</div>
                <p>
                  20世纪50 年代，容国团以“人生能有几回搏”的昂扬斗志夺取了中国乒乓球有史以来的第一个世界冠军。
                  20世纪50
                  年代，容国团以“人生能有几回搏”的昂扬斗志夺取了中国乒乓球有史以来的第一个世界冠军。
                </p>
                <p>
                  20世纪60 年代，登山队攀珠穆朗玛峰的英雄主义行为作为“精神原子弹”，为中华民族提供了“吓不倒、压不垮”的精神支撑。
                  20世纪60
                  年代，登山队攀珠穆朗玛峰的英雄主义行为作为“精神原子弹”，为中华民族提供了“吓不倒、压不垮”的精神支撑。
                </p>
                <p>
                  20世纪70 年代，足球队的“志行风格”深得人们赞誉。
                </p>
                <p>20世纪70 年代，足球队的“志行风格”深得人们赞誉。</p>
                <p>
                  20世纪80
                  年代，跳水队“冲出亚洲，走向世界”的胆识气魄、羽毛球队卫冕成功的奋斗精神、中日擂台赛上“聂旋风”的敢打敢拼、“体操王子”向世界难度发起的有力冲击、中国奥运军团在洛杉矶“零的突破”，都经典地诠释了中华体育精神。男排世界杯亚洲区预选赛决赛中，中国队艰难战胜韩国队，北大学子们欢呼，“团结起来，振兴中华”的口号响彻整个燕园。在那个改革开放大幕初启、中国奋力追赶世界的时代，“团结起来，振兴中华”如同一面旗帜，鼓舞着整个中国社会投身改革、激荡梦想。
                </p>
                <p>20世纪90 年代，在“乒坛奇才”邓亚萍、“体坛尖兵”叶乔波、“铿锵玫瑰”女足身上都强力映射出中华体育精神。</p>
                <p>进入21世纪，悉尼奥运会上熊倪顶住压力一个动作一个动作地咬牙去跳，雅典奥运会上刘翔充满自信、敢于胜利地跨越，都灵冬奥会上张丹在高抛受伤后用坚强的意志演绎“龙的传人”……</p>
                <p>
                  20世纪90
                  年代，在“乒坛奇才”邓亚萍、“体坛尖兵”叶乔波、“铿锵玫瑰”女足身上都强力映射出中华体育精神。
                </p>
                <p>
                  进入21世纪，悉尼奥运会上熊倪顶住压力一个动作一个动作地咬牙去跳，雅典奥运会上刘翔充满自信、敢于胜利地跨越，都灵冬奥会上张丹在高抛受伤后用坚强的意志演绎“龙的传人”……
                </p>
                <p>
                  “女排精神”“乒乓精神”是中华体育精神在女子排球和乒乓球中的高度凝练和集中体现，并衍生出强大的民族凝聚力，影响至各个行业领域。正如马克思所言：“任何真正的哲学都是自己时代精神的精华。”女排精神、乒乓精神已成为一个时代的精神印记，它既是中华体育精神的重要组成部分，也是奥林匹克精神的高度体现。
                </p>
@@ -6043,7 +5998,8 @@
          </p>
          <div class="bk-xyx">
            <div class="bk-xyx">
              <div class="bj1-xyx publicxbc">议一议
              <div class="bj1-xyx publicxbc">
                议一议
                <div class="icon" @click="activityXyx13">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14.243" height="15.417" viewBox="0 0 20.243 18.417">
                    <path class="a"
@@ -6112,8 +6068,10 @@
          <p class="block">10.尊敬体育教师，尊重体育器材保管员。</p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">1.我认为体育精神是<input @change="changeAssess02($event, 'text1')" maxlength="500"
                v-model="chapter001.tkItem04.text1" class="assess" type="text" />。</p>
            <p class="block">
              1.我认为体育精神是<input @change="changeAssess02($event, 'text1')" maxlength="500"
                v-model="chapter001.tkItem04.text1" class="assess" type="text" />。
            </p>
            <p class="block">
              2.我会通过以下途径塑造自己的体育精神<input @change="changeAssess02($event, 'text2')" maxlength="500"
                v-model="chapter001.tkItem04.text2" class="assess" type="text" />。
@@ -6127,7 +6085,6 @@
            </p>
            <textarea rows="8" v-model="chapter001.textBybItem16" @change="setBookQuestion"></textarea>
          </div>
          <hr />
        </div>
      </div>
    </div>
@@ -6141,17 +6098,12 @@
        <preView :isClear="dialogVisible" :md5="p_md5"></preView>
      </div>
    </el-dialog>





  </div>
</template>
<script>
import preView from "@/components/pdfview/index.vue"
import preView from '@/components/pdfview/index.vue'
export default {
  name: "chapter-01",
  name: 'chapter-01',
  props: {
    showPageList: {
      type: Array,
@@ -6169,8 +6121,8 @@
  },
  data() {
    return {
      pdfTitle: "",
      p_md5: "",
      pdfTitle: '',
      p_md5: '',
      dialogVisible: false,
      isShowScore1: false,
      isShowScore2: false,
@@ -6196,9 +6148,9 @@
        score4: 0,
        tablexyx1: {},
        tablexyx02: {
          text2: "第一次跑，感觉有点儿累，很枯燥",
          text6: "和同学一起跑，很开心，感觉没那么累了",
          text10: "下雨，明天补上",
          text2: '第一次跑，感觉有点儿累，很枯燥',
          text6: '和同学一起跑，很开心，感觉没那么累了',
          text10: '下雨，明天补上',
        },
        tablebyb1: {},
        tablecyc2: {},
@@ -6211,230 +6163,210 @@
        tkItem04: {},
        pdfMd5: {
          1: {
            md5: "45ade398c952acadcf1445c1e190f783",
            name: "常见食品标志的类型及含义",
            md5: '45ade398c952acadcf1445c1e190f783',
            name: '常见食品标志的类型及含义',
          },
          2: {
            md5: "b8f5ea0618a5a5566ea5cbd9519361d2",
            name: "食物中毒的处理要点",
            md5: 'b8f5ea0618a5a5566ea5cbd9519361d2',
            name: '食物中毒的处理要点',
          },
          3: {
            md5: "fd94cdaff83ca9b205a31895f7ef3617",
            name: "挑选散装食品的注意事项",
            md5: 'fd94cdaff83ca9b205a31895f7ef3617',
            name: '挑选散装食品的注意事项',
          },
        },
      },
          }
        },
      },
    };
  },
  created() {

    const localData = JSON.parse(localStorage.getItem("chapter001"));

    const localData = JSON.parse(localStorage.getItem('chapter001'))
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) };
      this.chapter001 = { ...Object.assign(this.chapter001, 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);
    },
    // 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);
    // },
    // PDf md5 查看


    closeDialog() {
      this.dialogVisible = false;
      this.dialogVisible = false
    },
    toUrl(val) {
      if (val) {
        // const obj = {
        //   type: "pdf",
        //   data: {
        //     md5: this.chapter001.pdfMd5[val].md5,
        //     title: this.chapter001.pdfMd5[val].name,
        //   },
        // };
        // this.$emit("openPDFChange", obj);

        this.dialogVisible = true;
        this.p_md5 = this.chapter001.pdfMd5[val].md5;
        this.pdfTitle = this.chapter001.pdfMd5[val].name;
        this.dialogVisible = true
        this.p_md5 = this.chapter001.pdfMd5[val].md5
        this.pdfTitle = this.chapter001.pdfMd5[val].name
      }
    },






    activityXyx1() {
      this.chapter001.isShowXyx01 = !this.chapter001.isShowXyx01;
      this.chapter001.isShowXyx01 = !this.chapter001.isShowXyx01
    },
    activityXyx2() {
      this.chapter001.isShowXyx02 = !this.chapter001.isShowXyx02;
      this.chapter001.isShowXyx02 = !this.chapter001.isShowXyx02
    },
    activityXyx3() {
      this.chapter001.isShowXyx03 = !this.chapter001.isShowXyx03;
      this.chapter001.isShowXyx03 = !this.chapter001.isShowXyx03
    },
    activityXyx4() {
      this.chapter001.isShowXyx04 = !this.chapter001.isShowXyx04;
      this.chapter001.isShowXyx04 = !this.chapter001.isShowXyx04
    },
    activityXyx5() {
      this.chapter001.isShowXyx05 = !this.chapter001.isShowXyx05;
      this.chapter001.isShowXyx05 = !this.chapter001.isShowXyx05
    },
    activityXyx6() {
      this.chapter001.isShowXyx06 = !this.chapter001.isShowXyx06;
      this.chapter001.isShowXyx06 = !this.chapter001.isShowXyx06
    },
    activityXyx7() {
      this.chapter001.isShowXyx07 = !this.chapter001.isShowXyx07;
      this.chapter001.isShowXyx07 = !this.chapter001.isShowXyx07
    },
    activityXyx8() {
      this.chapter001.isShowXyx08 = !this.chapter001.isShowXyx08;
      this.chapter001.isShowXyx08 = !this.chapter001.isShowXyx08
    },
    activityXyx9() {
      this.chapter001.isShowXyx09 = !this.chapter001.isShowXyx09;
      this.chapter001.isShowXyx09 = !this.chapter001.isShowXyx09
    },
    activityXyx10() {
      this.chapter001.isShowXyx10 = !this.chapter001.isShowXyx10;
      this.chapter001.isShowXyx10 = !this.chapter001.isShowXyx10
    },
    activityXyx11() {
      this.chapter001.isShowXyx11 = !this.chapter001.isShowXyx11;
      this.chapter001.isShowXyx11 = !this.chapter001.isShowXyx11
    },
    activityXyx12() {

      this.chapter001.isShowXyx12 = !this.chapter001.isShowXyx12;
      this.chapter001.isShowXyx12 = !this.chapter001.isShowXyx12
    },
    activityXyx13() {
      this.chapter001.isShowXyx13 = !this.chapter001.isShowXyx13;
      this.chapter001.isShowXyx13 = !this.chapter001.isShowXyx13
    },
    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("chapter001", JSON.stringify(this.chapter001));
      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('chapter001', JSON.stringify(this.chapter001))
    },
    resetData(val) {
      const localData = JSON.parse(localStorage.getItem("chapter001"));
      const localData = JSON.parse(localStorage.getItem('chapter001'))
      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.chapter001 = { ...Object.assign(this.chapter001, 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.chapter001 = { ...Object.assign(this.chapter001, localData) }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeBox(e, val) {
      this.isShowScore1 = false;
      this.chapter001.tablexyx1[val] = e.target.checked;
      this.isShowScore1 = false
      this.chapter001.tablexyx1[val] = e.target.checked
      if (e.target.checked) {
        this.chapter001.score1 += Number(e.target.value);
        this.chapter001.score1 += Number(e.target.value)
      } else {
        if (this.chapter001.score1 == 0) {
          return false;
          return false
        }
        if (!e.target.checked) {
          this.chapter001.score1 -= Number(e.target.value);
          this.chapter001.score1 -= Number(e.target.value)
        }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "chapter001",
        JSON.stringify(this.chapter001)
      );
      console.log('保存')
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeByb(e, val) {
      this.chapter001.tablebyb1[val] = e.target.checked;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tablebyb1[val] = e.target.checked
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changecyc2(e, val) {
      this.isShowScore2 = false;
      this.chapter001.tablecyc2[val] = e.target.checked;
      this.isShowScore2 = false
      this.chapter001.tablecyc2[val] = e.target.checked
      if (e.target.checked) {
        this.chapter001.score2 += Number(e.target.value);
        this.chapter001.score2 += Number(e.target.value)
      } else {
        if (this.chapter001.score2 == 0) {
          return false;
          return false
        }
        if (!e.target.checked) {
          this.chapter001.score2 -= Number(e.target.value);
          this.chapter001.score2 -= Number(e.target.value)
        }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changecyc3(e, val) {
      this.isShowScore3 = false;
      this.chapter001.tablecyc3[val] = e.target.checked;
      this.isShowScore3 = false
      this.chapter001.tablecyc3[val] = e.target.checked
      if (e.target.checked) {
        this.chapter001.score3 += Number(e.target.value);
        this.chapter001.score3 += Number(e.target.value)
      } else {
        if (this.chapter001.score3 == 0) {
          return false;
          return false
        }
        if (!e.target.checked) {
          this.chapter001.score3 -= Number(e.target.value);
          this.chapter001.score3 -= Number(e.target.value)
        }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changecyc4(e, val, type) {
      this.isShowScore4 = false;
      this.chapter001.tablecyc4[val] = e.target.checked;
      if (e.target.checked && type != "isReverse") {
        this.chapter001.score4 += Number(e.target.value);
      } else if (e.target.checked && type == "isReverse") {
        let s = 5 - Number(e.target.value);
        this.chapter001.score4 += s;
      this.isShowScore4 = false
      this.chapter001.tablecyc4[val] = e.target.checked
      if (e.target.checked && type != 'isReverse') {
        this.chapter001.score4 += Number(e.target.value)
      } else if (e.target.checked && type == 'isReverse') {
        let s = 5 - Number(e.target.value)
        this.chapter001.score4 += s
      } else {
        if (this.chapter001.score4 == 0) {
          return false;
          return false
        }
        if (!e.target.checked) {
          this.chapter001.score4 -= Number(e.target.value);
          this.chapter001.score4 -= Number(e.target.value)
        }
      }
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changecyc5(e, val) {
      this.chapter001.tablecyc5[val] = e.target.checked;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tablecyc5[val] = e.target.checked
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeAssess(e, val) {
      this.chapter001.tkItem01[val] = e.target.value;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tkItem01[val] = e.target.value
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeAssess02(e, val) {
      this.chapter001.tkItem02[val] = e.target.value;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tkItem02[val] = e.target.value
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    changeFinish(e, val) {
      this.chapter001.tablexyx02[val] = e.target.value;
      localStorage.setItem("chapter001", JSON.stringify(this.chapter001));
      this.chapter001.tablexyx02[val] = e.target.value
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
  },
};
}
</script>
<style lang="less" scoped>
b {
  color: #F79447;
  color: #f79447;
}
</style>

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

@@ -1911,8 +1911,20 @@
            <p class="block">2.掌握不同类型职业体能的科学训练方法，并实际运用到自己的生活和工作中。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="block">
            <p class="bj1-ztgs qjdrIocn">情境导入
              <svg class="read-aloud" readId="qjdr011" 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="qjdr011">
              体能不仅与健康、运动有关，也与职业有关，关系到我们生活的方方面面。同学们终有一天会踏上自己的工作岗位。体能作为促进健康的动力源泉，能够提升我们的健康水平，进而提高我们的工作效率，增强我们的抗压能力，最终提高我们的职业水平。那么，与职业相关的体能到底有哪些呢？如何发展职业体能？通过本专题的学习，同学们将对职业体能有全面且深入的了解。
            </p>
          </div>

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

@@ -63,6 +63,7 @@
      </div>
    </div>
    <!-- 65 -->

    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -1">
        <div class="header-odd">
@@ -97,16 +98,11 @@
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">学一学</div>

            <p>
              请同学们上网搜索“友谊 第一，比赛第二”的相关 资料，了解这一体育精神
              的由来，领会毛泽东关于 体育与比赛的思想精髓。
              <textarea rows="8" v-model="chapter003.textBybItem1" @change="setBookQuestion"></textarea>
            </p>




          </div>

          <div class="bk-tyzg">
@@ -621,7 +617,6 @@

          <p class="zt-cs">1. 体侧传球</p>


          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -636,7 +631,6 @@
                    <img src="../../images/Unit3/p69/69-2.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -645,9 +639,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图3-1-6 体侧传球
          </p>




          <p style="margin-right: 50px">
            （1）动作要领
@@ -669,9 +660,6 @@
          </div>
          <p class="zt-cs">2.体前变向换手运球</p>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -686,7 +674,6 @@
                    <img src="../../images/Unit3/p69/69-4.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -695,7 +682,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图3-1-7 体前变向换手运球
          </p>


          <p>
            （1）动作要领
@@ -759,8 +745,6 @@

          <p class="zt-cs">4.交叉步持球突破</p>



          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -775,7 +759,6 @@
                    <img src="../../images/Unit3/p70/70-2.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -998,8 +981,6 @@
          <p class="zt-ls">（一）单项技术学练</p>
          <p class="zt-cs">1.体前变向不换手运球+投篮</p>



          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -1014,7 +995,6 @@
                    <img src="../../images/Unit3/p72/72-2.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -1477,20 +1457,11 @@
            <div class="bj1-xyx publicxbc">议一议</div>

            <p>
              请同学们上网搜
              索和了解“志行
              风格”，并讨论
              当下我们应当如
              何领会、践行这
              种体育精神。
              请同学们上网搜 索和了解“志行 风格”，并讨论 当下我们应当如
              何领会、践行这 种体育精神。
            </p>




            <textarea rows="8" v-model="chapter003.textBybItem2" @change="setBookQuestion"></textarea>
  

          </div>

          <div class="learnOneMore">学习目标</div>
@@ -1535,7 +1506,6 @@

          <p class="zt-ls" style="">（一）单项技术学练</p>
          <p class="zt-cs">1.脚背外侧运球</p>


          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
@@ -1592,8 +1562,6 @@
          </div>
          <p class="zt-cs">2.脚内侧踢球</p>



          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -1608,7 +1576,6 @@
                    <img src="../../images/Unit3/p76/76-5.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -1663,9 +1630,6 @@

          <p class="zt-cs">3. 脚内侧接球</p>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -1680,7 +1644,6 @@
                    <img src="../../images/Unit3/p77/77-2.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -1689,8 +1652,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-2-3  脚内侧接球
          </p>



          <span>
            （1）动作要领
@@ -1891,10 +1852,6 @@
          <p class="zt-ls" style="">（一）单项技术学练</p>
          <p class="zt-cs">1. 脚背正面踢球</p>





          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -1909,7 +1866,6 @@
                    <img src="../../images/Unit3/p79/79-2.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -1946,9 +1902,6 @@

          <p class="zt-cs">2. 脚背内侧踢球</p>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -1963,7 +1916,6 @@
                    <img src="../../images/Unit3/p79/79-4.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -1972,9 +1924,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-2-7  脚背内侧踢球
          </p>




          <span>
            （1）动作要领
@@ -1988,9 +1937,6 @@
            <p>同“脚背正面踢球”。</p>
          </span>
          <p class="zt-cs">3. 脚背正面接球</p>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
@@ -2006,7 +1952,6 @@
                    <img src="../../images/Unit3/p79/79-6.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -2015,7 +1960,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-2-8  脚背正面接球
          </p>


          <span>
            （1）动作要领
@@ -2176,9 +2120,6 @@
          <p class="zt-ls">（一）单项技术学练</p>
          <p class="zt-cs">1. 头顶球</p>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -2207,8 +2148,6 @@
            图 3-2-11  头顶球
          </p>



          <span>
            <div class="smallTitle">（1）动作要领</div>

@@ -2226,10 +2165,6 @@
          </span>

          <p class="zt-cs">2. 脚背外侧踢球</p>





          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
@@ -2258,10 +2193,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-2-12  脚背外侧踢球
          </p>





          <span>
            （1）动作要领
@@ -2304,7 +2235,6 @@
              图 3-2-13  胸部接球
            </p>
          </div>


          <span>
            （1）动作要领
@@ -3162,10 +3092,6 @@
        <div class="bodystyle">
          <p class="zt-ls" style="">（一）单项技术学练</p>





          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -3180,7 +3106,6 @@
                    <img src="../../images/Unit3/p90/90-2.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -3603,9 +3528,6 @@
          <p class="zt-ls" style="">（一）单项技术学练</p>
          <p class="zt-cs">1. 正手握拍</p>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -3620,7 +3542,6 @@
                    <img src="../../images/Unit3/p94/94-2.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -3629,9 +3550,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-4-1  正手握拍
          </p>




          <span>
            （1）动作要领（以右手持拍为例，下同）
@@ -3692,10 +3610,6 @@
        <div class="bodystyle">
          <span> 宽面上，中指、无名指和小指并拢握住拍柄。 </span>





          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -3724,9 +3638,6 @@
            图 3-4-2  反手握拍
          </p>




          <div style="text-indent: 2em">
            （2）学练建议
            <div class="subsectionContent">同“正手握拍”。</div>
@@ -3736,8 +3647,6 @@
            正手发高远球是用正手握拍，以正拍面将球击得又高又远，使球飞行到对方后场最高点
            后，突然改变方向，垂直下落至端线附近的一种发球方式。
          </p>



          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
@@ -3838,10 +3747,6 @@
          <span class="book-title">体育与健康</span>
        </div>
        <div class="bodystyle">




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -3874,7 +3779,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-4-4  正手击高远球
          </p>


          <p class="zt-cs">4. 正手击高远球</p>
          <p>
@@ -3968,8 +3872,6 @@
            脚后面超越的为后交叉步。适用于上网和后退。
          </p>



          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -3989,7 +3891,6 @@
                    <img src="../../images/Unit3/p97/97-3.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -3998,8 +3899,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-4-5  并步
          </p>



          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
@@ -4020,7 +3919,6 @@
                    <img src="../../images/Unit3/p97/97-6.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -4029,11 +3927,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-4-6  交叉步
          </p>






          <div style="text-indent: 2em; margin-top: 95px">
            <p>（2）学练建议</p>
@@ -4100,7 +3993,6 @@
              </div>
            </div>
          </div>


          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
@@ -4278,10 +4170,6 @@
          <p class="zt-ls">（一）单项技术学练</p>
          <p class="zt-cs">1. 正手挑球</p>





          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -4301,7 +4189,6 @@
                    <img src="../../images/Unit3/p98/98-3.jpg" />
                  </div>
                </div>

              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -4310,9 +4197,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-4-7  正手挑球
          </p>




          <p>
            正手挑球是用正手握拍，以正拍面把对
@@ -4387,7 +4271,6 @@
            在尽可能高的击球点全力将球从高处向对方场区扣压的击球方式。
          </p>


          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -4402,8 +4285,6 @@
                    <img src="../../images/Unit3/p99/99-2.jpg" />
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -4412,10 +4293,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-4-8  正手杀球
          </p>





          <span>
            （1）动作要领
@@ -4782,11 +4659,6 @@
          <p class="zt-ls">（一）单项技术学练</p>
          <p class="zt-cs">1. 正手吊球</p>






          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -4801,8 +4673,6 @@
                    <img src="../../images/Unit3/p101/101-2.jpg" />
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -4811,12 +4681,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-4-9  正手吊球
          </p>







          <p>
            在后场区用正手握拍，以正拍面将对方打来的后场球还击到
@@ -4867,9 +4731,6 @@
            正手握拍，在中场或后场把对方击来的低于肩高的球回击到 对方底线场区。
          </p>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -4884,8 +4745,6 @@
                    <img src="../../images/Unit3/p102/102-2.jpg" />
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -4894,9 +4753,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-4-10  正手抽球
          </p>




          <span>
            （1）动作要领
@@ -4928,9 +4784,6 @@
            </div>
          </div>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -4945,8 +4798,6 @@
                    <img src="../../images/Unit3/p102/102-4.jpg" />
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -5547,7 +5398,7 @@
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(3)">3 模块一（一）单项技术学练 平击发球.pdf</span>
                <span @click="toUrl(111)">3 模块一（一）单项技术学练 平击发球.pdf</span>
              </div>
            </div>
          </div>
@@ -5614,7 +5465,6 @@
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../image/352-1.png" />

                  </div>
                </div>
                <div class="swiper-slide">
@@ -5633,7 +5483,9 @@
            </div>
          </div>

          <p class="img" style="color: #ac92c4; font-size: 14px">图 3-5-2  反手推挡</p>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-5-2  反手推挡
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>1.乒乓球的推挡练习要严格按照技术路线进行。</p>
@@ -5674,7 +5526,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-3 正手攻球</p>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图3-5-3 正手攻球
          </p>
          <p>（1）动作要领</p>
          <p>
            击球前，左脚稍前站立，身体离台约50厘米；判断来球位置，前臂外展将球拍后引至身体右侧稍后；在球的上升期或高点期击球的中上部；击球点在正手位身体侧前方；击球后，迅速还原成击球前的准备姿势。
@@ -5702,7 +5556,6 @@
        <div class="bodystyle">
          <div class="pdf-tips-con">
            <p class="zt-ls">（二）基本战术学练</p>

          </div>
          <p><span class="zt-cs">发平击球抢攻</span></p>
          <p>（1）战术方法</p>
@@ -5725,9 +5578,6 @@
            <p>4.注意发球线路的变化。</p>
          </div>




          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
@@ -5743,9 +5593,6 @@
              </div>
            </div>
          </div>




          <p><span class="zt-ls">（三）组合技能练习</span></p>
          <p><span class="zt-cs">1/2左推+右攻</span></p>
@@ -5765,9 +5612,6 @@
            本模块在上一模块学练的基础上，进阶性地设置了乒乓球运动新的学练内容。其中，单项技术学练包括攻球、推挡和快搓，慢搓，以及课程平台中的正手快带、转与不转球发球；
          </p>




          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
@@ -5783,20 +5627,6 @@
              </div>
            </div>
          </div>














        </div>
      </div>
    </div>
@@ -5825,7 +5655,7 @@
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"></path>
                  </svg> </span><span @click="toUrl(6)">6 模块二（一）单项技术学练 正手快带.pdf</span>
                  </svg> </span><span @click="toUrl(112)">6 模块二（一）单项技术学练 正手快带.pdf</span>
              </div>
              <div class="pdf-item">
                <span>
@@ -5882,7 +5712,9 @@
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-4 快搓</p>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-5-4 快搓
            </p>
          </div>
          <br />
          <p>（2）学练建议</p>
@@ -5924,7 +5756,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-5 慢搓</p>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图3-5-5 慢搓
          </p>
          <p>
            搓球是近台还击下旋球的一种基本技术，可用它为拉弧圈球创造条件。它与攻球技术结合起来可以形成搓攻战术。搓球在接发球时可以有效地过渡，为自己下一板创造进攻机会。
          </p>
@@ -6110,7 +5944,9 @@
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
            <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-6 正手弧圈球</p>
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-5-6 正手弧圈球
            </p>
          </div>
          <br />
          <p>（2）学练建议</p>
@@ -6171,7 +6007,9 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p class="img" style="color: #ac92c4; font-size: 14px">图3-5-7 正手发左侧上（下）旋球</p>
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图3-5-7 正手发左侧上（下）旋球
          </p>
          <p>（2）学练建议</p>
          <p>①学习正确的抛球动作。</p>
          <p>②进行无球徒手练习。</p>
@@ -6276,7 +6114,6 @@
          <p>模块二比赛有：快拨比赛、快攻比赛、11分教学比赛（二）。</p>
          <p>模块三比赛有：搓球比赛、弧圈球比赛、11分教学比赛（三）。</p>


          <div class="pdf-text" style="margin-top: 30px">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
@@ -6293,22 +6130,12 @@
            </div>
          </div>









          <h4 class="h4-dy3" id="d069">
            <span class="h4-dy3s">四</span>　实施自主评价
          </h4>
          <p>
            在前面学、练、赛的过程中，同学们对自己和身边同学的学习效果有了初步的评判，那么如何系统地评价自己对乒乓球运动技战术的掌握程度和整个运动的理解程度呢？请同学们登录课程平台，进行系统、全面的自主评价。
          </p>



          <div class="pdf-text" style="margin-top: 30px">
            <div class="pdf-con pdf-con-15">
@@ -6646,9 +6473,6 @@
          </p>
          <p>在学习所有动作之前，我们需要先学会如何握拍。</p>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -6663,8 +6487,6 @@
                    <img src="../../images/Unit3/p115/115-2.jpg" />
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -6673,13 +6495,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-6-1  握拍
          </p>








          <span>将球拍握柄8个面顺时针排序，以手掌两个标记点连线对应不同的面区别不同的握拍方式。正手握拍方式为：大陆式握拍对应2号面（发球、截击），东方式握拍对应3号面，半西方式握拍对应4号面，西方式握拍对应5号面（使用较少）。双手反手握拍一般为持拍手对应1号面，非持拍手根据习惯对应3或4号面；单手反手（单反）握拍一般对应1号面。</span>

@@ -6964,9 +6779,6 @@
        </div>

        <div class="bodystyle">



          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -6981,8 +6793,6 @@
                    <img src="../../images/Unit3/p119/119-2.jpg" />
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -6991,10 +6801,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-6-8  截击球
          </p>





          <div class="subsectionContent">
            （1）动作要领
@@ -7073,9 +6879,7 @@
          </span>
          <div class="bk-xyx" style="margin-top: 30px">
            <div class="bj1-xyx publicxbc">注意事项</div>
            <p>
              当来球过高过远时需调整战略，快速向后移动使用其他方式击球。
            </p>
            <p>当来球过高过远时需调整战略，快速向后移动使用其他方式击球。</p>
          </div>
        </div>
      </div>
@@ -7157,10 +6961,6 @@
            </div>
          </div>





          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -7175,15 +6975,11 @@
                    <img src="../../images/Unit3/p120/120-2.jpg" />
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>



          <p class="zt-ls">（三）组合技能练习</p>
          <p class="zt-cs">全场击球组合</p>
@@ -7354,9 +7150,6 @@
            </p>
          </div>




          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
@@ -7371,8 +7164,6 @@
                    <img style="height: 120px" src="../../images/Unit3/p122/122-2.jpg" />
                  </div>
                </div>


              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
@@ -7382,9 +7173,6 @@
          <p class="img" style="color: #ac92c4; font-size: 14px">
            图 3-6-13  斜线对攻—用直线进攻对付浅球战术示意图
          </p>




          <div class="subsectionContent">
            （2）学练建议
@@ -7745,7 +7533,7 @@
  </div>
</template>
<script>
import preView from "@/components/pdfview";
import preView from '@/components/pdfview'
import { getResourcePath } from '@/assets/methods/resources'
export default {
  name: 'chapter-3',
@@ -7766,8 +7554,8 @@
  },
  data() {
    return {
      pdfTitle: "",
      p_md5: "",
      pdfTitle: '',
      p_md5: '',
      dialogVisible: false,
      isShowScore1: false,
      isShowScore2: false,
@@ -7822,7 +7610,7 @@
            name: '2 乒乓球的常用术语（二）',
          },
          3: {
            md5: 'f1597b91fb3110eb6fd59c84f5ddbfd1',
            md5: 'f1597b91fb3110eb6fd59c84f5ddbfd2',
            name: '3 模块一（一）单项技术学练 平击发球',
          },
          4: {
@@ -7834,7 +7622,7 @@
            name: '5 模块一（三）组合技能练习 推挡+侧身攻',
          },
          6: {
            md5: '57481cd4e7e7ce535eb6585d375e317e',
            md5: '57482cd4e7e7ce535eb6585d375e317e',
            name: '6 模块二（一）单项技术学练 正手快带',
          },
          7: {
@@ -7842,11 +7630,11 @@
            name: '7 模块二（一）单项技术学练 转与不转球发球',
          },
          8: {
            md5: 'e242f94d2bdc54de7b5340d452256515',
            md5: 'e242f94d2bdc54de7b5340d452256516',
            name: '8 模块二（二）基本战术学练 发转与不转球抢攻',
          },
          9: {
            md5: '1ce6dc7953b1783de746e0de672ffbe4',
            md5: '1ce6dc7953b1783de746e0de672ffbe5',
            name: '9 模块二（三）组合技能练习 左推+右攻',
          },
          10: {
@@ -7854,19 +7642,19 @@
            name: '10 模块三（一）单项技术学练 弧圈球',
          },
          11: {
            md5: '2a458d11dc021318e2d3aa4f92cf3e36',
            md5: '2a458d11dc021318e2d3aa4f92cf3e37',
            name: '11 模块三（一）单项技术学练 快搓',
          },
          12: {
            md5: '81957321d71fd270f67fe74f7ef2b9e8',
            md5: '81957321d71fd270f67fe74f7ef2b9e9',
            name: '12 模块三（一）单项技术学练 反手快拨',
          },
          13: {
            md5: '5f675eff789c96ce8a6cf80679c8a992',
            md5: '5f675eff789c96ce8a6cf80679c8a993',
            name: '13 模块三（二）基本战术学练 搓攻战术',
          },
          14: {
            md5: '02236dec8a8e87176b1df2435b82fb87',
            md5: '02236dec8a8e87176b1df2435b82fb88',
            name: '14 模块三（三）组合技能练习 推挡+侧身攻',
          },
          15: {
@@ -8258,7 +8046,15 @@
            name: '4 模块一（一）单项技术学练 后退步法',
          },

          111: {
            md5: 'f1597b91fb3110eb6fd59c84f5ddbfd2',
            name: '3 模块一（一）单项技术学练 平击发球',
          },

          112: {
            md5: '57482cd4e7e7ce535eb6585d375e317e',
            name: '6 模块二（一）单项技术学练 正手快带',
          },
        },

        videoMd5: {
@@ -8468,10 +8264,7 @@
    }
  },


  created() {


    if (!this.isSearch) {
      this.getVideo(this.chapter003.videoMd5.v1.md5, 'v1')
      this.getVideo(this.chapter003.videoMd5.v2.md5, 'v2')
@@ -8564,14 +8357,11 @@
  },
  methods: {
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "chapter003",
        JSON.stringify(this.chapter003)
      );
      console.log('保存')
      localStorage.setItem('chapter003', JSON.stringify(this.chapter003))
    },
    closeDialog() {
      this.dialogVisible = false;
      this.dialogVisible = false
    },
    ChangeBlur() {
      localStorage.setItem('chapter003', JSON.stringify(this.chapter003))
@@ -8593,20 +8383,12 @@
    },
    toUrl(val) {
      if (val) {
        // const obj = {
        //   type: 'pdf',
        //   data: {
        //     md5: this.chapter003.pdfMd5[val].md5,
        //     title: this.chapter003.pdfMd5[val].name,
        //   },
        // }
        // this.$emit('openPDFChange', obj)

        this.dialogVisible = true;
        this.p_md5 = this.chapter003.pdfMd5[val].md5;
        this.pdfTitle = this.chapter003.pdfMd5[val].name;
        this.dialogVisible = true
        this.p_md5 = this.chapter003.pdfMd5[val].md5
        this.pdfTitle = this.chapter003.pdfMd5[val].name
      }
    },

    readText(val) {
      const textContent = (
        this.container ? this.container : document
@@ -8781,3 +8563,70 @@
  },
}
</script>

<style lang="less">
.pdfModal {
  width: 100%;
  height: 90vh;
}

.custom-dialog {
  overflow: hidden !important;

  /deep/ .el-dialog__body {
    padding: 0;
  }

  /deep/ .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }

    /deep/.el-dialog__title,
    /deep/ .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
  }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
  }

  .custom-dialog {
    /deep/ .el-dialog {
      width: 90vw !important;
    }
  }
}
</style>

 yarn.lock

Diff too large