体育与健康（第一，二，四单元结束）

zhongshujie

2024-07-29 ddd2b5b556f685276edcebca302a3dc28177155c

体育与健康（第一，二，四单元结束）

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

@@ -1,5 +1,4 @@
<!-- eslint-disable no-irregular-whitespace -->
<template>
<template>
  <div class="chapter" num="3">
    <!-- 41 -->
    <div class="page-box" page="52">
@@ -95,7 +94,7 @@
                    身体成分
                  </td>
                  <td>
                    123
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem1" @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -107,7 +106,7 @@
                    心肺耐力
                  </td>
                  <td>
                    123
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem2" @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -121,7 +120,7 @@
                    速度
                  </td>
                  <td>
                    123
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem3" @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -135,7 +134,7 @@
                    柔韧性
                  </td>
                  <td>
                    123
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem4" @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -149,7 +148,7 @@
                    爆发力
                  </td>
                  <td>
                    123
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem5" @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -163,7 +162,7 @@
                    肌肉耐力
                  </td>
                  <td>
                    123
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem6" @change="setBookQuestion"></textarea>
                  </td>
                </tr>
                <tr>
@@ -177,25 +176,12 @@
                    心肺耐力
                  </td>
                  <td>
                    123
                    <textarea class="table-text" rows="1" v-model="chapter002.textBybItem7" @change="setBookQuestion"></textarea>
                  </td>
                </tr>
              </tbody>
            </table>
            <p>注：体重指数（BMI）=体重（kg）/身高<sup>2</sup> （m<sup>2</sup>）；评分标准请参考《国家学生体质健康标准（2014 年修订）》。</p>
            <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">{{ chapter001.score1 }}</span>
              </div>
              <div class="btn">
                <span @click="submit(1)">提交</span>
                <span @click="resetData(1)">重做</span>
              </div>
            </div>
          </div>
          <h4 id="d038">二、一般体能训练计划的制订</h4>
          <p>在学习每个要素的具体训练方法之前，首先应了解一般体能训练计划的制订方法， 具体步骤如下。</p>
@@ -256,7 +242,7 @@
        </div>
        <div class="bodystyle">
          <p class="img-2">表2-1-2 力量训练计划的制订原则</p>
          <p class="center"><img class="img-a" alt="" src="../../image/0058-1.jpg"/></p>
          <p class="center"><img class="img-a" alt="" src="../../image/0058-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -324,7 +310,7 @@
          <p><b>3.力量的训练动作</b></p>
          <p>一般体能中的力量训练以肌肉耐力训练为主，主要方式为抗阻力训练（见表2-1-3）。</p>
          <p class="img-2">表2-1-3 肌肉耐力训练动作</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0058-2.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0058-2.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -435,7 +421,7 @@
        </div>
        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0059-1.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0059-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -589,7 +575,7 @@
        </div>
        <div class="bodystyle">
          <p class="img-2">表2-1-4 四肢的爆发力训练动作</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0060-1.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0060-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -697,7 +683,7 @@
          <p><b>2.伸展的训练动作</b></p>
          <p>动态伸展和静态伸展均设计了针对上下肢及躯干的训练动作（见表2-1-5）。</p>
          <p class="img-2">表2-1-5 动态伸展和静态伸展训练动作</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0061-1.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0061-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -814,7 +800,7 @@
        </div>
        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0062-1.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0062-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -963,7 +949,7 @@
        </div>
        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0063-1.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0063-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -1159,7 +1145,7 @@
          <p><b>2.速度的训练动作</b></p>
          <p>为了有针对性地训练同学们的反应、动作、移动三种速度能力，我们设计了如下训练动作（见表2-1-6）。</p>
          <p class="img-2">表2-1-6 速度的训练动作</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0064-1.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0064-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -1239,7 +1225,7 @@
        </div>
        <div class="bodystyle">
          <p class="img-right">续表</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0065-1.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0065-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -1375,7 +1361,7 @@
        </div>
        <div class="bodystyle">
          <p class="img-2">表2-1-7 平衡能力的训练动作</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0066-1.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0066-1.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -1420,7 +1406,7 @@
          <p>协调性包括一个人的各种能力，是一种综合体现，主要包括空间定向能力、学习能力、反应能力等。协调性能够充分融合肌肉的紧张和放松状态。</p>
          <p>协调性的训练动作设计如表2-1-8所示。</p>
          <p class="img-2">表2-1-8 协调性的训练动作</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0066-2.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0066-2.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -1466,7 +1452,7 @@
          <p>灵敏性是身体素质的一种，是运动技能和各种素质在运动过程中的综合表现，可在急停、运动或躲闪跑等多变的环境中迅速改变身体位置时表现出来。用“之”字跑、躲闪跑、穿梭跑和折返跑四项组成的综合性练习都能体现灵敏性。</p>
          <p>灵敏性的训练动作设计如表2-1-9所示。</p>
          <p class="img-2">表2-1-9 灵敏性的训练动作</p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0066-3.jpg"/></p>
          <p class="center openImgBox"><img class="img-a" alt="" src="../../image/0066-3.jpg" /></p>
          <!-- <div class="tablePublic">
            <table>
              <thead>
@@ -1522,29 +1508,20 @@
        <div class="bodystyle">
          <h4 id="d040">学习效果检测</h4>
          <p>请登录课程平台，完成一般体能的效果检测，评价自己的学习效果。</p>
          <textarea rows="8" v-model="chapter002.textBybItem1"></textarea>
          <textarea rows="8" v-model="chapter002.textBybItem8" @change="setBookQuestion"></textarea>
          <div class="bk-xyx" style="padding: 2px 0">
            <div class="bj1-xyx publicxbc">
              · 视频库集 ·
              <div class="icon" @click="activityXyx1">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="16.863"
                  height="13.817"
                  viewBox="0 0 19.863 13.817"
                >
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.863"
                  height="13.817" viewBox="0 0 19.863 13.817">
                  <g transform="translate(-40.961 -184.321)">
                    <path
                      class="a"
                    <path class="a"
                      d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                      transform="translate(51.824 196.82) rotate(-90)"
                    />
                    <path
                      class="b"
                      transform="translate(51.824 196.82) rotate(-90)" />
                    <path class="b"
                      d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                      transform="translate(-3269 15293.001)"
                    />
                      transform="translate(-3269 15293.001)" />
                  </g>
                </svg>
              </div>
@@ -1552,569 +1529,352 @@
            <br />
            <p class="public-tips">项目五 · 视频库集</p>
            <div class="parentVideo" v-if="chapter002.isShowXyx01">

              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v1"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v1"></video>
                <span>{{ chapter002.videoMd5.v1.name }}</span>
              </div>
             <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v2"
                ></video>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v2"></video>
                <span>{{ chapter002.videoMd5.v2.name }}</span>
              </div>
                <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v3"
                ></video>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v3"></video>
                <span>{{ chapter002.videoMd5.v3.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v4"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v4"></video>
                <span>{{ chapter002.videoMd5.v4.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow1">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v5"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v5"></video>
                <span>{{ chapter002.videoMd5.v5.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v6"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v6"></video>
                <span>{{ chapter002.videoMd5.v6.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v7"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v7"></video>
                <span>{{ chapter002.videoMd5.v7.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v8"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v8"></video>
                <span>{{ chapter002.videoMd5.v8.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v9"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v9"></video>
                <span>{{ chapter002.videoMd5.v9.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow2">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v10"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v10"></video>
                <span>{{ chapter002.videoMd5.v10.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v11"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v11"></video>
                <span>{{ chapter002.videoMd5.v11.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v12"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v12"></video>
                <span>{{ chapter002.videoMd5.v12.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v13"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v13"></video>
                <span>{{ chapter002.videoMd5.v13.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v14"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v14"></video>
                <span>{{ chapter002.videoMd5.v14.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow3">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v15"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v15"></video>
                <span>{{ chapter002.videoMd5.v15.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v16"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v16"></video>
                <span>{{ chapter002.videoMd5.v16.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v17"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v17"></video>
                <span>{{ chapter002.videoMd5.v17.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v18"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v18"></video>
                <span>{{ chapter002.videoMd5.v18.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v19"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v19"></video>
                <span>{{ chapter002.videoMd5.v19.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow4">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v20"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v20"></video>
                <span>{{ chapter002.videoMd5.v20.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v21"
                ></video>
                <span>{{ chapter002.videoMd5.v21.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v22"
                ></video>
                <span>{{ chapter002.videoMd5.v22.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v23"
                ></video>
                <span>{{ chapter002.videoMd5.v23.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v24"
                ></video>
                <span>{{ chapter002.videoMd5.v24.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v25"
                ></video>
                <span>{{ chapter002.videoMd5.v25.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v26"
                ></video>
                <span>{{ chapter002.videoMd5.v26.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v27"
                ></video>
                <span>{{ chapter002.videoMd5.v27.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v28"
                ></video>
                <span>{{ chapter002.videoMd5.v28.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v29"
                ></video>
                <span>{{ chapter002.videoMd5.v29.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v30"
                ></video>
                <span>{{ chapter002.videoMd5.v30.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v31"
                ></video>
                <span>{{ chapter002.videoMd5.v31.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v32"
                ></video>
                <span>{{ chapter002.videoMd5.v32.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v33"
                ></video>
                <span>{{ chapter002.videoMd5.v33.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v34"
                ></video>
                <span>{{ chapter002.videoMd5.v34.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v35"
                ></video>
                <span>{{ chapter002.videoMd5.v35.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v36"
                ></video>
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v21"></video>
                <span>{{ chapter002.videoMd5.v21.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v22"></video>
                <span>{{ chapter002.videoMd5.v22.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v23"></video>
                <span>{{ chapter002.videoMd5.v23.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v24"></video>
                <span>{{ chapter002.videoMd5.v24.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v25"></video>
                <span>{{ chapter002.videoMd5.v25.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow6">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v26"></video>
                <span>{{ chapter002.videoMd5.v26.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow6">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v27"></video>
                <span>{{ chapter002.videoMd5.v27.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow6">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v28"></video>
                <span>{{ chapter002.videoMd5.v28.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow6">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v29"></video>
                <span>{{ chapter002.videoMd5.v29.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow6">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v30"></video>
                <span>{{ chapter002.videoMd5.v30.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow7">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v31"></video>
                <span>{{ chapter002.videoMd5.v31.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow7">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v32"></video>
                <span>{{ chapter002.videoMd5.v32.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow7">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v33"></video>
                <span>{{ chapter002.videoMd5.v33.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow7">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v34"></video>
                <span>{{ chapter002.videoMd5.v34.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow7">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v35"></video>
                <span>{{ chapter002.videoMd5.v35.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow8">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v36"></video>
                <span>{{ chapter002.videoMd5.v36.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v37"
                ></video>
              <div class="videoItem" v-if="chapter002.videoShow8">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v37"></video>
                <span>{{ chapter002.videoMd5.v37.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v38"
                ></video>
              <div class="videoItem" v-if="chapter002.videoShow8">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v38"></video>
                <span>{{ chapter002.videoMd5.v38.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v39"
                ></video>
              <div class="videoItem" v-if="chapter002.videoShow8">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v39"></video>
                <span>{{ chapter002.videoMd5.v39.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow5">
                <video
                  webkit-playsinline="true"
                  x-webkit-airplay="true"
                  playsinline="true"
                  x5-video-orientation="h5"
                  x5-video-player-fullscreen="true"
                  x5-playsinline=""
                  controls
                  class="video-border w100"
                  :src="chapter002.videoUrl.v40"
                ></video>
              <div class="videoItem" v-if="chapter002.videoShow8">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v40"></video>
                <span>{{ chapter002.videoMd5.v40.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow9">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v41"></video>
                <span>{{ chapter002.videoMd5.v41.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow9">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v42"></video>
                <span>{{ chapter002.videoMd5.v42.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow9">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v43"></video>
                <span>{{ chapter002.videoMd5.v43.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow9">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v44"></video>
                <span>{{ chapter002.videoMd5.v44.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow9">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v45"></video>
                <span>{{ chapter002.videoMd5.v45.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow10">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v46"></video>
                <span>{{ chapter002.videoMd5.v46.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow10">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v47"></video>
                <span>{{ chapter002.videoMd5.v47.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow10">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v48"></video>
                <span>{{ chapter002.videoMd5.v48.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow10">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v49"></video>
                <span>{{ chapter002.videoMd5.v49.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow10">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v50"></video>
                <span>{{ chapter002.videoMd5.v50.name }}</span>
              </div>

              <div class="videoItem" v-if="chapter002.videoShow11">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v51"></video>
                <span>{{ chapter002.videoMd5.v51.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow11">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v52"></video>
                <span>{{ chapter002.videoMd5.v52.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow11">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v53"></video>
                <span>{{ chapter002.videoMd5.v53.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow11">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v54"></video>
                <span>{{ chapter002.videoMd5.v54.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow11">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v55"></video>
                <span>{{ chapter002.videoMd5.v55.name }}</span>
              </div>
              <div class="videoItem" v-if="chapter002.videoShow11">
                <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-orientation="h5"
                  x5-video-player-fullscreen="true" x5-playsinline="" controls class="video-border w100"
                  :src="chapter002.videoUrl.v56"></video>
                <span>{{ chapter002.videoMd5.v56.name }}</span>
              </div>
            </div>
          </div>
@@ -2153,14 +1913,19 @@
        <div class="bodystyle">
          <div class="bk1-wbj">
            <p class="center"><b>久坐型职业会对人体造成哪些危害？</b></p>
            <p class="block"><span class="span-S">◆</span>颈部：坐姿工作时，头部一般呈前俯或后仰的姿势。此时颈部会受到较大的压力，并增加颈部患病的概率。正确姿势应为颈部前倾 0°～10°。</p>
            <p class="block"><span class="span-S">◆</span>颈部：坐姿工作时，头部一般呈前俯或后仰的姿势。此时颈部会受到较大的压力，并增加颈部患病的概率。正确姿势应为颈部前倾
              0°～10°。</p>
            <p class="block"><span class="span-S">◆</span>胸部：长期低头含胸，使得胸廓得不到充分的舒展扩张。一方面导致肺通气功能下降；另一方面使胸廓变形，造成驼背。</p>
            <p class="block">
              <span class="span-S">◆</span>腰背部：坐姿工作时，人体背部一般呈弓起向前微倾的状态，背部肌群长期紧张性收缩，并且椎间盘受力不均，尤其是腰椎部位。长此以往，会导致背部小肌群的损伤，引起酸、麻、胀、痛。严重者会导致椎间盘突出。</p>
            <p class="block">
              <span class="span-S">◆</span>心血管系统：长时间坐姿工作，由于身体处于屈曲位，会使下肢静脉血回流至心脏受阻，导致足背浮肿。同时还会使直肠、肛管静脉回流受阻，引起静脉扩张而发生痔疮。此外，长期久坐会使心脏工作量减少，导致心脏机能下降，血液循环减慢，脑部供血不足。轻者容易出现头晕、眼花、嗜睡，重者会增加心肌梗死、高血压、冠心病等心血管疾病的患病风险。
              <span
                class="span-S">◆</span>腰背部：坐姿工作时，人体背部一般呈弓起向前微倾的状态，背部肌群长期紧张性收缩，并且椎间盘受力不均，尤其是腰椎部位。长此以往，会导致背部小肌群的损伤，引起酸、麻、胀、痛。严重者会导致椎间盘突出。
            </p>
            <p class="block"><span class="span-S">◆</span>肺通气功能：长时间坐位伏案使胸廓得不到充分扩张，会导致肺通气功能下降，影响呼吸机能，最终使氧气供应不足，影响工作效率。</p>
            <p class="block">
              <span
                class="span-S">◆</span>心血管系统：长时间坐姿工作，由于身体处于屈曲位，会使下肢静脉血回流至心脏受阻，导致足背浮肿。同时还会使直肠、肛管静脉回流受阻，引起静脉扩张而发生痔疮。此外，长期久坐会使心脏工作量减少，导致心脏机能下降，血液循环减慢，脑部供血不足。轻者容易出现头晕、眼花、嗜睡，重者会增加心肌梗死、高血压、冠心病等心血管疾病的患病风险。
            </p>
            <p class="block"><span class="span-S">◆</span>肺通气功能：长时间坐位伏案使胸廓得不到充分扩张，会导致肺通气功能下降，影响呼吸机能，最终使氧气供应不足，影响工作效率。
            </p>
          </div>
          <p>
            根据久坐型职业的工作特点及其对人体的危害特点，针对该类型职业的体能训练应从增强肌肉力量、提高心肺耐力等方面进行。例如，利用对肩颈部、腰背部以及腕部的肌群进行力量训练，来提高局部肌群的肌肉力量；利用健身走、健身跑等提高心肺耐力。利用上述练习，最终可以达到改善血液循环、延缓疲劳、预防损伤、提高工作效率的目的。
@@ -2215,13 +1980,20 @@
          <div class="bk1-wbj">
            <p class="center"><b class="img-2">久站型职业会对人体造成哪些危害？</b></p>
            <p class="block">
              <span class="span-S">◆</span>腰腹部：自然站立时，躯干部位的重量经过腰椎向下传导，需要腰部肌肉力量予以支撑，以保持腰椎的正常生理前凸。如果腰腹肌力量较弱，并且腹部脂肪堆积较多，会增加腰部肌群的负担，导致腰肌劳损。</p>
            <p class="block">
              <span class="span-S">◆</span>脊柱：脊柱的负荷为机体的体重、肌肉张力和外在负重的总和。不同部位的脊柱承担着不同的负荷。由于腰椎处于脊柱的较低位，因而负荷相对较大。站姿时，第三、第四腰椎间盘承受的压力较大，因此长期的站姿会增加患腰背痛的概率。
              <span
                class="span-S">◆</span>腰腹部：自然站立时，躯干部位的重量经过腰椎向下传导，需要腰部肌肉力量予以支撑，以保持腰椎的正常生理前凸。如果腰腹肌力量较弱，并且腹部脂肪堆积较多，会增加腰部肌群的负担，导致腰肌劳损。
            </p>
            <p class="block"><span class="span-S">◆</span>下肢：人体在走动或者站立时，下肢肌群会紧张性收缩，以维持身体姿势并保持身体平衡。长时间保持站立不动，会影响下肢血液循环，导致下肢肿胀，甚至导致静脉曲张。</p>
            <p class="block"><span class="span-S">◆</span>心血管系统：长时间站立后，血液受到重力的作用，滞留在心脏水平以下的血管中，使静脉回流量下降，导致出现脚背浮肿、趾关节炎和下肢静脉曲张等症状。</p>
            <p class="block"><span class="span-S">◆</span>骨骼肌肉：人体的肌肉在平时会维持一定的张力，以维持一定的身体姿势。站立时，大腿、小腿、腰背部和臀部的肌肉处于等张收缩状态，需要参与的肌群比坐姿时更多，也更加容易疲劳受损。</p>
            <p class="block">
              <span
                class="span-S">◆</span>脊柱：脊柱的负荷为机体的体重、肌肉张力和外在负重的总和。不同部位的脊柱承担着不同的负荷。由于腰椎处于脊柱的较低位，因而负荷相对较大。站姿时，第三、第四腰椎间盘承受的压力较大，因此长期的站姿会增加患腰背痛的概率。
            </p>
            <p class="block"><span
                class="span-S">◆</span>下肢：人体在走动或者站立时，下肢肌群会紧张性收缩，以维持身体姿势并保持身体平衡。长时间保持站立不动，会影响下肢血液循环，导致下肢肿胀，甚至导致静脉曲张。</p>
            <p class="block"><span
                class="span-S">◆</span>心血管系统：长时间站立后，血液受到重力的作用，滞留在心脏水平以下的血管中，使静脉回流量下降，导致出现脚背浮肿、趾关节炎和下肢静脉曲张等症状。</p>
            <p class="block"><span
                class="span-S">◆</span>骨骼肌肉：人体的肌肉在平时会维持一定的张力，以维持一定的身体姿势。站立时，大腿、小腿、腰背部和臀部的肌肉处于等张收缩状态，需要参与的肌群比坐姿时更多，也更加容易疲劳受损。
            </p>
          </div>
          <p>根据长期的站姿会对下肢、腰腹及脊柱造成较大压力的特点，久站型职业体能训练应着重下肢及腰腹部位的力量训练。同时，可以采取健身走、健身跑的练习方式来提高心肺功能，</p>
        </div>
@@ -2384,33 +2156,10 @@
  data() {
    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: "下雨，明天补上",
        },
        videoMd5: {
          v1 : { md5: "02a9dc1b0fae2f542c43ca4a1f72217b", name: "1 站姿哑铃臂弯举" },
          v1: { md5: "02a9dc1b0fae2f542c43ca4a1f72217b", name: "1 站姿哑铃臂弯举" },
          v2: { md5: "5d7d9ebec0150c2a39e15994bfb03e58", name: "2 俯身单侧哑铃臂屈伸" },
          v3: { md5: "3fd53a33ed7c22b35475b9c94e9d4d5d", name: "3 站姿弹力带侧平举" },
          v4: { md5: "01e1ab09cab50469b4c71ffb704542c8", name: "4 站姿弹力带划船" },
@@ -2422,50 +2171,50 @@
          v10: { md5: "9c35959df710d11056e8c5de71dbd6b7", name: "10 悬垂举腿" },
          v11: { md5: "d23d22bf55429a146096827c1f91a3b8", name: "11 自重深蹲" },
          v12: { md5: "6e70e5e47763e29ee215a7839759c184", name: "12 单足站姿提踵" },
          v13: { md5: "1242cfa08767b1e9e4d6616c1391f93f", name: "1 杠铃高翻" },
          v14: { md5: "85065f532250edb980afecf8c80a9c61", name: "2 双人向前砸药球" },
          v15: { md5: "66ea23e6ae02dfbd2e06fbbd160efb84", name: "3 杠铃半蹲跳" },
          v16: { md5: "567d2b31f2468e6268e9f74074ccb8dc", name: "4 双人拉力绳阻力跑" },
          v17: { md5: "06fa2b862a66aef9bbdfd6c34c5ed084", name: "1 站姿-T字" },
          v18: { md5: "18a1368464220d1514ca2795fa2f6eae", name: "2 站姿-W字" },
          v19: { md5: "e457a22d2ce32c63b764391e70e55bc9", name: "3 交叉摆臂" },
          v20: { md5: "3d34e261aa52234b2f96c1a5b9a37047", name: "4 提踵走" },
          v21: { md5: "3767bcc0601eba4b4d6ba62a9dfbfb9e", name: "5 脚跟走" },
          v22: { md5: "544f84e6a1aae6862dac35f64589382a", name: "6 行进间股四头肌伸展" },
          v23: { md5: "3d3fc1cc506b99c76f08a36246830295", name: "7 提膝展髋走" },
          v24: { md5: "fcbdcf03e25ab41939be1a5652d59e70", name: "8 直腿行军步" },
          v25: { md5: "1676f09b0e0ec469af3733abf1c82c3d", name: "9 抱膝落跪步走" },
          v26: { md5: "684e486c6a8028b63a0d53ef967acaac", name: "10 合抱扩胸" },
          v27: { md5: "bb15e61d3699fb357f237dedf9eef449", name: "11 蝎子摆尾" },
          v28: { md5: "8501462abfce2d0583563f7636d34b56", name: "12 肱三头肌 主动伸展" },
          v29: { md5: "8bdefeef7fda00b2bdd70fef0caa0095", name: "13 腕部屈肌 主动伸展" },
          v30: { md5: "f4dd38cb29aff1da5cd36d31d7865bec", name: "14 三角肌后束 主动伸展" },
          v31: { md5: "2442e5d3a3280f073fff1d74d479d7e3", name: "15 三角肌前束 主动伸展" },
          v32: { md5: "baaffb7fbbd9a2a47effe6d8974e90c7", name: "16 小腿三头肌 主动伸展" },
          v33: { md5: "7fb8d89358a1d4bacb3ff035075355a4", name: "17 股四头肌 主动伸展" },
          v34: { md5: "c47508bd8474b463e9e43288eb00f996", name: "18 内收肌 主动伸展" },
          v35: { md5: "d43de605f39b2ea4e2753fafce5952e5", name: "19 股二头肌和臀肌 主动伸展" },
          v36: { md5: "038ae01805540e09bd4b193e0c83a1fb", name: "20 站姿正前屈" },
          v37: { md5: "20a8b239775229bc931861ba484f5f46", name: "21 背阔肌伸展" },
          v38: { md5: "f037969a9696adbfefc830a5dc362578", name: "22 骆驼式" },
          v39: { md5: "180c67165694131178dc6b07d597362b", name: "23 臀肌、躯干伸肌和胸肌-主动伸展" },
          v40: { md5: "fbf52adf7c1fd8b2e5555cb87c2ac50a", name: "24 躯干伸肌、背阔肌、菱形肌和臀肌主动伸展" },
          v41: { md5: "326466f9b879bb3da3d6fd366788ff2e", name: "25 腹直肌主动伸展" },
          v42: { md5: "6574f22c61d5879d5fcf6ab3bb50b0a3", name: "1 高抬腿转身跑" },
          v43: { md5: "3f77e4cad82a47359a77a6a41206294f", name: "2 俯卧撑起跑" },
          v44: { md5: "7af326a2d91964dd1ef067fc3d94ac03", name: "3 两人拍击（背）" },
          v45: { md5: "20057b2355ec65198fc7c2262b0e85ce", name: "4 快速小步跑" },
          v46: { md5: "4d83335d05aa8b0e3a8e09d9e5daa3b9", name: "5 原地快速高抬腿或支撑高抬腿" },
          v47: { md5: "adcc99dbbc8e7a17336eca8b5363c550", name: "6 快速传接球" },
          v48: { md5: "e71c145e4023e26cbe8e391504c956cd", name: "7 小步跑或高抬腿跑转加速跑" },
          v49: { md5: "9ccb8ba557f0605186a3888d7649723d", name: "8 快速后蹬跑" },
          v50: { md5: "63f948b85ddfacf8b5ddec0255c11c13", name: "9 双人间距追逐跑" },
          v51: { md5: "47e613bdc784c4934f8a87418e6f2e6f", name: "1 单脚站立" },
          v52: { md5: "637e1e3f91c38c9533ff54f0808580b3", name: "2 燕式平衡" },
          v53: { md5: "4e062613d384274e1a899de1d13864b8", name: "1 绳梯横向小滑步" },
          v54: { md5: "2b7003089a4d4fbc6f87ec763a6b575e", name: "2 交叉步跑" },
          v55: { md5: "c5840a298def7f4138bbd6435f19c6c4", name: "1 绳梯“之”字形双脚跳" },
          v56: { md5: "5d46a6cab546a20c8e386e2fdfc62df8", name: "2 变向跑" },
          v13: { md5: "1242cfa08767b1e9e4d6616c1391f93f", name: "13 杠铃高翻" },
          v14: { md5: "85065f532250edb980afecf8c80a9c61", name: "14 双人向前砸药球" },
          v15: { md5: "66ea23e6ae02dfbd2e06fbbd160efb84", name: "15 杠铃半蹲跳" },
          v16: { md5: "567d2b31f2468e6268e9f74074ccb8dc", name: "16 双人拉力绳阻力跑" },
          v17: { md5: "06fa2b862a66aef9bbdfd6c34c5ed084", name: "17 站姿-T字" },
          v18: { md5: "18a1368464220d1514ca2795fa2f6eae", name: "18 站姿-W字" },
          v19: { md5: "e457a22d2ce32c63b764391e70e55bc9", name: "19 交叉摆臂" },
          v20: { md5: "3d34e261aa52234b2f96c1a5b9a37047", name: "20 提踵走" },
          v21: { md5: "3767bcc0601eba4b4d6ba62a9dfbfb9e", name: "21 脚跟走" },
          v22: { md5: "544f84e6a1aae6862dac35f64589382a", name: "22 行进间股四头肌伸展" },
          v23: { md5: "3d3fc1cc506b99c76f08a36246830295", name: "23 提膝展髋走" },
          v24: { md5: "fcbdcf03e25ab41939be1a5652d59e70", name: "24 直腿行军步" },
          v25: { md5: "1676f09b0e0ec469af3733abf1c82c3d", name: "25 抱膝落跪步走" },
          v26: { md5: "684e486c6a8028b63a0d53ef967acaac", name: "26 合抱扩胸" },
          v27: { md5: "bb15e61d3699fb357f237dedf9eef449", name: "27 蝎子摆尾" },
          v28: { md5: "8501462abfce2d0583563f7636d34b56", name: "28 肱三头肌 主动伸展" },
          v29: { md5: "8bdefeef7fda00b2bdd70fef0caa0095", name: "29 腕部屈肌 主动伸展" },
          v30: { md5: "f4dd38cb29aff1da5cd36d31d7865bec", name: "30 三角肌后束 主动伸展" },
          v31: { md5: "2442e5d3a3280f073fff1d74d479d7e3", name: "31 三角肌前束 主动伸展" },
          v32: { md5: "baaffb7fbbd9a2a47effe6d8974e90c7", name: "32 小腿三头肌 主动伸展" },
          v33: { md5: "7fb8d89358a1d4bacb3ff035075355a4", name: "33 股四头肌 主动伸展" },
          v34: { md5: "c47508bd8474b463e9e43288eb00f996", name: "34 内收肌 主动伸展" },
          v35: { md5: "d43de605f39b2ea4e2753fafce5952e5", name: "35 股二头肌和臀肌 主动伸展" },
          v36: { md5: "038ae01805540e09bd4b193e0c83a1fb", name: "36 站姿正前屈" },
          v37: { md5: "20a8b239775229bc931861ba484f5f46", name: "37 背阔肌伸展" },
          v38: { md5: "f037969a9696adbfefc830a5dc362578", name: "38 骆驼式" },
          v39: { md5: "180c67165694131178dc6b07d597362b", name: "39 臀肌、躯干伸肌和胸肌-主动伸展" },
          v40: { md5: "fbf52adf7c1fd8b2e5555cb87c2ac50a", name: "40 躯干伸肌、背阔肌、菱形肌和臀肌主动伸展" },
          v41: { md5: "326466f9b879bb3da3d6fd366788ff2e", name: "41 腹直肌主动伸展" },
          v42: { md5: "6574f22c61d5879d5fcf6ab3bb50b0a3", name: "42 高抬腿转身跑" },
          v43: { md5: "3f77e4cad82a47359a77a6a41206294f", name: "43 俯卧撑起跑" },
          v44: { md5: "7af326a2d91964dd1ef067fc3d94ac03", name: "44 两人拍击（背）" },
          v45: { md5: "20057b2355ec65198fc7c2262b0e85ce", name: "45 快速小步跑" },
          v46: { md5: "4d83335d05aa8b0e3a8e09d9e5daa3b9", name: "46 原地快速高抬腿或支撑高抬腿" },
          v47: { md5: "adcc99dbbc8e7a17336eca8b5363c550", name: "47 快速传接球" },
          v48: { md5: "e71c145e4023e26cbe8e391504c956cd", name: "48 小步跑或高抬腿跑转加速跑" },
          v49: { md5: "9ccb8ba557f0605186a3888d7649723d", name: "49 快速后蹬跑" },
          v50: { md5: "63f948b85ddfacf8b5ddec0255c11c13", name: "50 双人间距追逐跑" },
          v51: { md5: "47e613bdc784c4934f8a87418e6f2e6f", name: "51 单脚站立" },
          v52: { md5: "637e1e3f91c38c9533ff54f0808580b3", name: "52 燕式平衡" },
          v53: { md5: "4e062613d384274e1a899de1d13864b8", name: "53 绳梯横向小滑步" },
          v54: { md5: "2b7003089a4d4fbc6f87ec763a6b575e", name: "54 交叉步跑" },
          v55: { md5: "c5840a298def7f4138bbd6435f19c6c4", name: "55 绳梯“之”字形双脚跳" },
          v56: { md5: "5d46a6cab546a20c8e386e2fdfc62df8", name: "56 变向跑" },
        },
        videoUrl: {},
        videoShow1: false,
@@ -2473,14 +2222,12 @@
        videoShow3: false,
        videoShow4: false,
        videoShow5: false,
        tablebyb1: {},
        tablecyc2: {},
        tablecyc3: {},
        tablecyc4: {},
        tablecyc5: {},
        tkItem01: {},
        tkItem02: {},

        videoShow6: false,
        videoShow7: false,
        videoShow8: false,
        videoShow9: false,
        videoShow10: false,
        videoShow11: false,
      },
    };
  },
@@ -2531,10 +2278,47 @@
        this.getVideo(this.chapter002.videoMd5.v27.md5, "v27");
        this.getVideo(this.chapter002.videoMd5.v28.md5, "v28");
        this.getVideo(this.chapter002.videoMd5.v29.md5, "v29");
        this.getVideo(this.chapter002.videoMd5.v30.md5, "v30");
      }, 7000);

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v31.md5, "v31");
        this.getVideo(this.chapter002.videoMd5.v32.md5, "v32");
        this.getVideo(this.chapter002.videoMd5.v33.md5, "v33");
        this.getVideo(this.chapter002.videoMd5.v34.md5, "v34");
        this.getVideo(this.chapter002.videoMd5.v35.md5, "v35");
        this.getVideo(this.chapter002.videoMd5.v36.md5, "v36");
      }, 9000);

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v37.md5, "v37");
        this.getVideo(this.chapter002.videoMd5.v38.md5, "v38");
        this.getVideo(this.chapter002.videoMd5.v39.md5, "v39");
        this.getVideo(this.chapter002.videoMd5.v40.md5, "v40");
        this.getVideo(this.chapter002.videoMd5.v41.md5, "v41");
        this.getVideo(this.chapter002.videoMd5.v42.md5, "v42");
      }, 11000);

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v43.md5, "v43");
        this.getVideo(this.chapter002.videoMd5.v44.md5, "v44");
        this.getVideo(this.chapter002.videoMd5.v45.md5, "v45");
        this.getVideo(this.chapter002.videoMd5.v46.md5, "v46");
        this.getVideo(this.chapter002.videoMd5.v47.md5, "v47");
        this.getVideo(this.chapter002.videoMd5.v48.md5, "v48");
      }, 13000);

      setTimeout(() => {
        this.getVideo(this.chapter002.videoMd5.v49.md5, "v49");
        this.getVideo(this.chapter002.videoMd5.v50.md5, "v50");
        this.getVideo(this.chapter002.videoMd5.v51.md5, "v51");
        this.getVideo(this.chapter002.videoMd5.v52.md5, "v52");
        this.getVideo(this.chapter002.videoMd5.v53.md5, "v53");
        this.getVideo(this.chapter002.videoMd5.v54.md5, "v54");
        this.getVideo(this.chapter002.videoMd5.v55.md5, "v55");
        this.getVideo(this.chapter002.videoMd5.v56.md5, "v56");
      }, 15000);
    }



  },
  methods: {
@@ -2549,7 +2333,7 @@
      console.log(data.data);
      this.$emit("eventPublic", data);
    },
    

    async getVideo(md5, val) {
      const data = await getResourcePath(md5);
      this.chapter002.videoUrl[val] = data;
@@ -2557,153 +2341,57 @@
    activityXyx1() {
      this.chapter002.isShowXyx01 = !this.chapter002.isShowXyx01;
      this.chapter002.videoShow1 = true;
      setTimeout(() => {
        this.chapter002.videoShow2 = true;
      }, 1000);

      setTimeout(() => {
        this.chapter002.videoShow3 = true;
      }, 3000);

      setTimeout(() => {
        this.chapter002.videoShow4 = true;
      }, 5000);

      setTimeout(() => {
        this.chapter002.videoShow6 = true;
      }, 7000);

      setTimeout(() => {
        this.chapter002.videoShow7 = true;
      }, 9000);

      setTimeout(() => {
        this.chapter002.videoShow8 = true;
      }, 11000);

      setTimeout(() => {
        this.chapter002.videoShow9 = true;
      }, 13000);

      setTimeout(() => {
        this.chapter002.videoShow10 = true;
      }, 15000);

      setTimeout(() => {
        this.chapter002.videoShow11 = true;
      }, 17000);
    },
    activityXyx2() {
      this.chapter002.isShowXyx02 = !this.chapter002.isShowXyx02;

    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "chapter002",
        JSON.stringify(this.chapter002)
      );
    },
    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>

<style  lang="less" scoped>
b{
  color:#F79447 ;
<style lang="less" scoped>
b {
  color: #F79447;
}
</style>