合并

闫增涛

2024-06-03 95ca47afec682be5e33a87168e4f91202dfca8c3

 src/books/sportsAndHealth/view/chapter002.vue

@@ -28,8 +28,30 @@
            <p class="block">3.践行健康的生活方式。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="block">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                @click="readText('qjdr01')"
                xmlns="http://www.w3.org/2000/svg"
                width="14.24"
                height="19.987"
                viewBox="0 0 14.24 19.987"
              >
                <g transform="translate(-227.018 -96)">
                  <path
                    class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)"
                  />
                  <path
                    class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)"
                  />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr01">
              小李同学是今年入校的中职学校新生，从小跟随父亲踢足球。小李开朗乐观，积极组建班级足球队。受他的影响，班级中很多同学开始进行体育锻炼。在小李的带领下，班级在校足球比赛中获得了较好的名次。
            </p>
          </div>
@@ -65,6 +87,8 @@
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">请同学们查阅“健康概念的演变”。</div>
            <div v-if="chapter002.isShowXyx01">
              <div class="xyx-title">健康概念的演变</div>
              <p class="xyx-con">
@@ -78,14 +102,21 @@
                指出只有躯体、心理、社会适应力和道德同时健康才算是完全的健康。
              </p>
              <ul class="xyx-ul">
                <li>躯体健康：身体结构和功能正常，具有生活自理能力。</li>
                <li>
                  心理健康：个体能够正确认识自己，及时调整自己的心态，使心理处于良好状态，以
                  适应外界的变化。
                  <img src="../image/li-tip.png" alt="" /><span
                    >躯体健康：身体结构和功能正常，具有生活自理能力。</span
                  >
                </li>
                <li></li>
                <li>
                  道德健康：既为自己的健康也为他人的健康负责，把个人行为置于社会规范之内。
                  <img src="../image/li-tip.png" alt="" /><span
                    >心理健康：个体能够正确认识自己，及时调整自己的心态，使心理处于良好状态，以
                    适应外界的变化。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span
                    >道德健康：既为自己的健康也为他人的健康负责，把个人行为置于社会规范之内。</span
                  >
                </li>
              </ul>
            </div>
@@ -113,6 +144,10 @@
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们进行“小测试：世界卫生组织五项身心健康指标评价”。
            </div>
            <div v-if="chapter002.isShowXyx02">
              <!-- <p>请同学们进行“小测试：世界卫生组织五项身心健康指标评价”。</p> -->
@@ -423,13 +458,13 @@
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
        <div class="bodystyle">
          <p class="center">
            <el-image
          <p class="center openImgBox">
            <!-- <el-image
              class="chapter001-img-0018 img-c"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
            <!-- <img class="img-c" alt="" src="../image/0017-1.jpg" /> -->
            /> -->
            <img class="img-c" alt="" src="../image/0017-1.jpg" />
          </p>
          <p class="img">图1-1-1 人们对健康的认识</p>
          <p>
@@ -474,6 +509,10 @@
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台进行“8种健康状况测评”。
            </div>
            <!-- <p>请同学们登录课程平台进行“8种健康状况测评”。</p> -->
            <div class="bj-byb" v-if="chapter002.isShowXyx03">
@@ -833,9 +872,13 @@
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台进行“生活事件评价”。
            </div>
            <!-- <p>请同学们登录课程平台进行“生活事件评价”。</p> -->
            <div class="xyx-title">生活事件评价</div>
            <div v-if="chapter002.isShowXyx04">
              <div class="xyx-title">生活事件评价</div>
              <div class="xyx-text">
                请同学们根据下表分析在过去 3
                个月内，以下生活事件对你造成的影响，得分越高反映
@@ -2197,7 +2240,7 @@
                  </div>
                </div>
              </div>
              <p style="font-size: 14px">
              <p class="note">
                注：人际压力 （ 1、2、4、15）、学习压力 （
                3、9、22、25）、受惩罚
                （18、19、20、21、23、24、26）、丧失（11、12、13、14、16、17）、适应（
@@ -2270,8 +2313,30 @@
            <p class="block">3.养成健康的生活习惯。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="block">
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                @click="readText('qjdr02')"
                xmlns="http://www.w3.org/2000/svg"
                width="14.24"
                height="19.987"
                viewBox="0 0 14.24 19.987"
              >
                <g transform="translate(-227.018 -96)">
                  <path
                    class="a"
                    d="M356,108.792h0a4.009,4.009,0,0,0,4-4V100a4.009,4.009,0,0,0-4-4h0a4.009,4.009,0,0,0-4,4v4.8A4.009,4.009,0,0,0,356,108.792Z"
                    transform="translate(-121.859)"
                  />
                  <path
                    class="a"
                    d="M241.249,456.342a.8.8,0,1,0-1.579-.245,5.6,5.6,0,0,1-11.063,0,.8.8,0,1,0-1.579.245,7.145,7.145,0,0,0,6.311,6.041v2.446h-2.4a.8.8,0,0,0,0,1.6h6.4a.8.8,0,0,0,0-1.6h-2.4v-2.446A7.145,7.145,0,0,0,241.249,456.342Z"
                    transform="translate(0 -350.438)"
                  />
                </g>
              </svg>
            </p>
            <p class="block" id="qjdr02">
              身体瘦弱的小刘经常熬夜复习功课，加上生活不规律，他得了严重的胃病。在老师的建议下，他开始晨跑，并坚持吃早餐。渐渐地，他改掉了熬夜的习惯，胃病大大好转，精神面貌焕然一新，学习效率也大大提升……
            </p>
          </div>
@@ -2330,13 +2395,13 @@
          <p>
            类及合理数量、适宜的身体活动量及饮水量参考，并以膳食宝塔的形式直观展现，是我们日常饮食应遵守的基本准则（见图1-2-1）。
          </p>
          <p class="center">
            <el-image
          <p class="center openImgBox">
            <!-- <el-image
              class="chapter001-img-0018 img-c"
              :src="picOneUrl2"
              :preview-src-list="picArr2"
            />
            <!-- <img class="img-c" alt="" src="../image/0021-1.jpg" /> -->
            /> -->
            <img class="img-c" alt="" src="../image/0021-1.jpg" />
          </p>
          <p class="img">图1-2-1 中国居民平衡膳食宝塔（2022）</p>
          <p class="center"><b>平衡膳食八大准则</b></p>
@@ -2358,12 +2423,12 @@
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              比一比
              · 比一比 ·
              <div class="icon" @click="activityXyx5">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.243"
                  height="18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
@@ -2374,11 +2439,12 @@
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">
              请依据平衡膳食宝塔，为自己设计一周的营养膳食并实践。与同学互评，看看谁的更健康。
            </p>
            <div v-if="chapter002.isShowXyx05">
              <p>
                请依据平衡膳食宝塔，为自己设计一周的营养膳食并实践。与同学互评，看看谁的更健康。
              </p>
              <textarea rows="6" v-model="chapter002.textBybItem1"></textarea>
              <textarea rows="8" v-model="chapter002.textBybItem1"></textarea>
            </div>
          </div>
          <h5 id="e008">（四）坚持科学锻炼</h5>
@@ -2392,17 +2458,17 @@
            第二，遵守科学锻炼原则。具体包括全面发展原则、循序渐进原则、适量性原则、延续性原则、个别对待原则和健康性原则。
          </p>
          <p>第三，针对自身特点，制定运动处方，提高锻炼效果。</p>
          <p>
          <p style="margin-bottom: 30px">
            第四，养成良好的运动卫生习惯，如穿浅色、轻薄和透气良好的运动服装，运动时养成用鼻呼吸的习惯；运动后及时消汗保暖，更换衣物等。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              学一学
              <div class="icon">
              · 学一学 ·适宜运动环境的选择
              <div class="icon" @click="activityXyx6">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.243"
                  height="18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
@@ -2413,8 +2479,13 @@
                </svg>
              </div>
            </div>
            <div class="xyx-title">适宜运动环境的选择</div>
            <div class="xyx-text">
            <br />
            <div class="public-tips">
              请同学们登录课程平台查阅“适宜运动环境的选择”，并与同学讨论校园内哪些地方适宜锻炼
              。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx06">
              <div class="xyx-title">适宜运动环境的选择</div>
              <p>
                第一，最好选择户外地域空旷、空气新鲜且又安全的地方进行锻炼，但雾霾或空气污染
                比较严重时不要在室外运动。避免到人群喧闹、噪声较大、交通拥挤的地方运动。在室内锻
@@ -2448,12 +2519,12 @@
          </div>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              试一试
              <div class="icon">
              · 试一试 ·个人运动处方的制定
              <div class="icon" @click="activityXyx7">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.243"
                  height="18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
@@ -2464,8 +2535,13 @@
                </svg>
              </div>
            </div>
            <div class="xyx-title">个人运动处方的制定</div>
            <div class="xyx-text">
            <br />
            <div class="public-tips">
              请同学们登录课程平台学习“个人运动处方制定”相关内容，根据自身情况设计专属运动处方，并向老师汇报。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx07">
              <div class="xyx-title">个人运动处方的制定</div>

              <p>
                第一，确定锻炼的目标。可以把自己体质健康测试中的各项结果与《国家学生体质健康
                标准》进行比较，没有达到“良好”的项目，应定为重点锻炼目标。
@@ -2576,17 +2652,17 @@
            第一，定期体检，评估身体健康状况，对生长发育问题和疾病做到早发现、早矫治、早恢复。
          </p>
          <p>第二，出现病症及时就医，遵医嘱治疗，理性对待诊疗结果。</p>
          <p>
          <p style="margin-bottom: 30px">
            第三，遵守安全用药原则，能口服就不肌肉注射，能肌肉注射就不输液；如若必需，则须遵医嘱使用抗生素、镇静催眠药、镇痛药、止咳糖浆以及其他成瘾性药物，避免药物依赖；药品应存放在避光、干燥处；定期检查药品是否过期，过期后禁止使用。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              学一学
              <div class="icon">
              · 学一学 · 一评二控三减四健——全民健康生活方式行动
              <div class="icon" @click="activityXyx8">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.243"
                  height="18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
@@ -2597,8 +2673,14 @@
                </svg>
              </div>
            </div>
            <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
            <div class="xyx-text">
            <br />
            <div class="public-tips">
              请同学们登录课程平台学习“一评二控三减四健——全民健康生活方式行动”。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx08">
              <div class="xyx-title">
                一评二控三减四健——全民健康生活方式行动
              </div>
              <p>
                “一评”即健康评估，健康指标检测，评估居民身心健康状况，提早干预；
              </p>
@@ -2622,15 +2704,17 @@
          <p>
            第五，重视和维护心理健康，遇到心理困扰时能主动寻求帮助，采用积极有效的压力应对方式（如合理运动等），及时疏导不良情绪，保持心理健康。
          </p>
          <h4 id="d007">三、提升健康素养，学会自我健康管理</h4>
          <h4 id="d007" style="margin-bottom: 30px">
            三、提升健康素养，学会自我健康管理
          </h4>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              学一学
              <div class="icon">
              · 学一学 ·健康素养66条
              <div class="icon" @click="activityXyx9">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.243"
                  height="18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
@@ -2641,9 +2725,13 @@
                </svg>
              </div>
            </div>
            <!-- <p>请同学们登录课程平台学习“健康素养66条”。</p> -->
            <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
            <div class="xyx-text">
            <br />
            <div class="public-tips">
              请同学们登录课程平台学习“健康素养66条”。
            </div>
            <!-- <p></p> -->
            <div class="xyx-text" v-if="chapter002.isShowXyx09">
              <div class="xyx-title">健康素养66条</div>
              <p class="xyx-tips">一、基本知识和理念（25 条）</p>
              <p>
                1.
@@ -2817,17 +2905,17 @@
          <p>
            现代社会总有许多新奇事物丰富与干扰着我们的生活。同学们又正值青春年少，好奇心强，体力与精力处于人生高峰期，很容易因聚会、上网、游戏、追剧等而不能正常、规律地生活，进而形成不良的生活方式，透支身体，影响身心健康。我们应尽量抵制不良诱惑，树立“做自己健康的第一责任人”的理念，学会自我健康管理，养成健康的生活习惯。
          </p>
          <p>
          <p style="margin-bottom: 30px">
            一个人要形成健康生活方式，需以健康素养为基础。同学们应多看高质量的健康类书籍，学习健康知识与技能，如“健康素养66条”等，提升自己的健康素养，并结合自己未来职业的特点养成适合自己的健康生活方式。
          </p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              学一学
              <div class="icon">
              · 学一学 ·健康行动计划的制订与实施
              <div class="icon" @click="activityXyx10">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.243"
                  height="18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
@@ -2840,8 +2928,12 @@
            </div>
            <!-- <p>请同学们登录课程平台学习“健康行动计划的制订与实施”。</p>
         -->
            <div class="xyx-title">健康行动计划的制订与实施</div>
            <div class="xyx-text">
            <br />
            <div class="public-tips">
              请同学们登录课程平台学习“健康行动计划的制订与实施”。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx10">
              <div class="xyx-title">健康行动计划的制订与实施</div>
              <p class="xyx-fu-ss">1. 明确现状</p>
              <p>
                健康行动计划的制定需要我们从改变不良生活方式开始。因此，应明确需要改变的生活
@@ -3026,7 +3118,28 @@
            </p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                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">
              小贾是某职业学校服装设计专业的学生，她一直是同学中的佼佼者。但在一次考试中，小贾的作品被老师当众质疑。从此她信心一落千丈，有时甚至难以完成作品。后来她找到了心理咨询师王老师，倾诉了所有的烦恼。在王老师的引导下，她分析了自己不良情绪的来源及本质，发现自己过于在意他人的看法，当自己的作品被否定时，便开始质疑自己的能力，导致每次考试都会焦虑。在王老师的引领下，小贾终于走出自我质疑的阴影，学习和生活都回到了正轨。
            </p>
@@ -3047,24 +3160,935 @@
          <p>
            不同时期的不同学者认为心理健康有着不同的含义和标准。但有4条标准是公认的：第一，有一种主观幸福感；第二，有能力形成和维持良好的人际关系；第三，有能力参与建设性、有意义的工作；第四，有能力成功地应对生活的挑战，获得成长。
          </p>
          <p>
          <p style="margin-bottom: 30px">
            在健康问题上，部分人有个误区，即可以到处诉说自己有高血压、心脏病、糖尿病等，却羞于提及自己心理有问题。即便心理障碍甚至心理疾病已非常严重，依然害怕被别人知晓，拒绝去专科医院就诊。出现心理问题不可怕，可怕的是我们逃避它、掩饰它，而没有及时求助。我们需要做的是真实地去面对心理问题，积极寻找有效方法进行调节。每解决一个心理问题、战胜一次挫折困难，我们都会获得一次自我成长。
          </p>
          <div class="bk-xyx">
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台参阅“马斯洛的心理健康标准”。</p>
          </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 马斯洛的心理健康标准
              <div class="icon" @click="activityXyx1">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台参阅“马斯洛的心理健康标准”。
            </div>
            <div v-if="chapter002.isShowXyx01">
              <div class="xyx-title">马斯洛的心理健康标准</div>
              <ul class="xyx-ul">
                <li>
                  <img src="../image/li-tip.png" alt="" /><span
                    >有充分的自我安全感，具有自尊心，对自我与个人的成就具备有价值之感。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span
                    >能充分了解自己，能恰当地评价自己的能力，进行适度的自我批评。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    自己的生活理想和生活目标切合实际，个人从事的多为实际的、可能完成的工作。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    不脱离周围现实环境，有自知之明，没有过度幻想，能够容忍生活中挫折的打击。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    能保持人格的完整与和谐，个人的价值观能视社会标准的不同而改变，对自己的工作能够集中注意力。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    善于从经验中学习，能根据环境的需要而改变自己。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    有良好的人际关系，与他人的和谐交往中能兼有利己和利人两种成分；能适度地表达自己、宣泄和控制情绪。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    在符合团队要求的前提下，能适当地发挥个性。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    在不违背社会规范的前提下，适当满足个人的基本需求，并具有满足此种需求的能力。</span
                  >
                </li>
              </ul>
            </div>
            <!-- <p>
              请同学们登录课程平台<a id="w1"></a
              ><a href="chapter002.html#m1"><sup>[1]</sup></a
              >查阅“健康概念的演变”。
            </p> -->
          </div>
          <br />
          <h4 id="d009">二、心理健康的影响因素</h4>
          <p>
            心理健康的影响因素有很多，既有遗传、生理结构、性别、年龄等个体因素，也有家庭教养方式、经济条件、文化、环境等社会因素。从心理学视角出发，有如下几个重要指标与个体的心理健康息息相关。
          </p>
          <h5 id="e012">（一）自尊</h5>
          <p>
          <p style="margin-bottom: 30px">
            自尊是指自我接纳、自我尊重和自我价值感，是个人对自己重要性、价值感的评价，是预测主观幸福感和生活满意度最为稳定的心理指标。自尊包括两个方面：第一，归属感，给个体的生活提供了安全的基石，使其相信无论发生何事，自己都将被接受。第二，掌控感，是个体通过克服一个又一个困难而获得的对世界能够施加影响的控制感。
          </p>
          <div class="bk-xyx">
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p>请同学们登录课程平台进行“社会支持量表”的测试。</p>
          </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 社会支持量表
              <div class="icon" @click="activityXyx2">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台进行“社会支持量表”的测试。
            </div>
            <div v-if="chapter002.isShowXyx02">
              <div class="xyx-title">社会支持量表</div>
              <div class="xyx-text">
                以下是一份社会支持量表，可以试着测一测、分析分析。
              </div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th>项目</th>
                      <th style="width: 50px;padding: 5px">符合</th>
                      <th style="width: 50px;padding: 5px">有点符合</th>
                      <th style="width: 50px;padding: 5px">不确定</th>
                      <th style="width: 50px;padding: 5px">有点不符合</th>
                      <th style="width: 50px;padding: 5px">不符合</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td style="text-align: left">1. 大多数同学都很关心我</td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text2')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text2"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text3')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text3"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text4')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text4"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text5')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text5"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text6')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text6"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        2. 面对两难的选择时，我会主动向他人寻求帮助
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text83')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text83"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text84')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text84"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text85')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text85"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text86')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text86"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text87')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text87"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        3. 当有烦恼时，我会主动向家人、亲友倾诉
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text89')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text89"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text90')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text90"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text92')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text92"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text93')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text93"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text94')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text94"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        4. 我经常能得到同学、朋友的照顾和支持
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text96')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text96"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text97')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text97"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text98')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text98"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text99')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text99"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text100')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text100"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        5. 当遇到困难时，我经常会向家人、亲友寻求帮助
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text102')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text102"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text103')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text103"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text104')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text104"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text105')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text105"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text106')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text106"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        6. 我周围有许多关系密切、可以给予我支持和帮助的人
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text108')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text108"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text109')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text109"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text110')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text110"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text111')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text111"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text112')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text112"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        7. 当我遇到问题时，同学、朋友会出现在我身边
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text114')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text114"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text115')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text115"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text116')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text116"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text117')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text117"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text118')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text118"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        8. 在困难的时候，我可以依靠家人或亲友
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text120')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text120"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text122')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text122"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text123')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text123"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text121')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text121"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text124')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text124"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        9. 我经常从同学、朋友那里获得情感上的帮助和支持
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text126')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text126"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text127')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text127"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text128')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text128"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text129')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text129"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text130')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text130"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        10. 我经常能得到家人、亲友的照顾和支持
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text132')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text132"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text133')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text133"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text134')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text134"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text135')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text135"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text136')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text136"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        11. 需要时，我可以从家人、亲友那里得到经济支持
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text138')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text138"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text139')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text139"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text140')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text140"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text141')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text141"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text142')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text142"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        12. 当遇到麻烦时，我通常会主动寻求别人的帮助
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text8')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text8"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text9')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text9"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text10')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text10"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text11')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text11"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text12')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text12"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        13. 当我生病时，总能得到家人、亲友的照顾
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text14')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text14"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text15')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text15"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text16')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text16"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text17')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text17"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text18')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text18"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        14. 当有烦恼时，我会主动向同学、朋友倾诉
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text20')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text20"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text21')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text21"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text22')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text22"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text23')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text23"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text24')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text24"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        15. 当我遇到问题时，家人、亲友会出现在我身边
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text26')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text26"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text27')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text27"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text28')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text28"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text29')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text29"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text30')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text30"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        16. 我经常从家人、亲友那里获得情感上的帮助和支持
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text32')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text32"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text33')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text33"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text34')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text34"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text35')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text35"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text36')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text36"
                        />5
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        17. 当遇到困难时，我经常会向同学、朋友寻求帮助
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text38')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc3.text38"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text39')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc3.text39"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text40')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc3.text40"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text41')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc3.text41"
                        />4
                      </td>
                      <td>
                        <input
                          @change="changecyc3($event, 'text42')"
                          type="checkbox"
                          value="5"
                          :checked="chapter002.tablecyc3.text42"
                        />5
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore3">
                    您的得分：<span style="color: red">请提交后查看！</span>
                  </div>
                  <div class="score" v-if="isShowScore3">
                    您的得分：
                    <span style="color: red">{{ chapter002.score3 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(3)">提交</span>
                    <span @click="resetData(3)">重做</span>
                  </div>
                </div>
              </div>
              <p class="note">
                计分方式：所有 17
                个条目得分之和即该量表的总分，反映了被测者社会支持的总体状
                况。包括 3
                个维度。①主观支持：反映被测者主观感觉到自己拥有的社会支持方面的资源。
                包括条目
                1、4、6、7、9。②客观支持：反映被测者认为自己实际得到的社会支持状况。包
                括条目
                8、10、11、13、15、16。③支持利用度：反映被测者主动利用社会支持的情况。
                包括条目 2、3、5、12、14、17。
              </p>
            </div>
          </div>
          <h5 id="e013">（二）人格</h5>
          <p>
@@ -3190,7 +4214,28 @@
            <p class="block">3.认识过早性行为的危害。</p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                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">
              15岁的小王开始经常遗精，这让他既好奇又迷惑。同时，他的心理也发生了很大的变化，经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
            </p>
@@ -3216,7 +4261,7 @@
            2～4 年（见表 1-4-1）。
          </p>
          <p class="img">表1-4-1 青春期不同时期的生理特点和表现</p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0028-1.jpg" />
          </p>
          <div class="bk-xyx">
@@ -3353,7 +4398,28 @@
            </p>
          </div>
          <div class="bk-ztgs">
            <p class="bj1-ztgs">情境导入</p>
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                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">
              小北是一名中职学校新生，第一次离家到外地上学，饮食不习惯，跟同学关系也比较冷淡，感觉很孤单，没多久就迷上了网络游戏，常常凌晨两三点才睡觉。因为熬夜，小北晚上经常吃夜宵，运动也少，生物钟混乱。曾经体重正常的小北越来越胖，学习成绩也很不如意，期末考试有多门科目不及格。
            </p>
@@ -3441,7 +4507,7 @@
          <p>
            不良的生活方式引发的各类疾病已形成生活方式疾病链，会对身心健康造成严重影响（见图1-5-1）。
          </p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../image/0033-1.jpg" />
          </p>
          <p class="img">图1-5-1 生活方式疾病链</p>
@@ -3515,10 +4581,7 @@
    return {
      isShowScore1: false,
      isShowScore2: false,
      picArr: [require("../image/0017-1.jpg")],
      picOneUrl: require("../image/0017-1.jpg"),
      picArr2: [require("../image/0021-1.jpg")],
      picOneUrl2: require("../image/0021-1.jpg"),
      isShowScore3: false,
      pingpang: require("../image/pdf.png"),
      chapter002: {
        isShowXyx01: true,
@@ -3527,8 +4590,13 @@
        isShowXyx04: true,
        isShowXyx05: true,
        isShowXyx06: true,
        isShowXyx07: true,
        isShowXyx08: true,
        isShowXyx09: true,
        isShowXyx10: true,
        score1: 0,
        score2: 0,
        score3: 0,
        tablexyx1: {},
        tablexyx02: {
          text2: "第一次跑，感觉有点儿累，很枯燥",
@@ -3537,6 +4605,7 @@
        },
        tablebyb1: {},
        tablecyc2: {},
        tablecyc3:{},
        tkItem01: {},
      },
    };
@@ -3548,9 +4617,18 @@
    }
  },
  methods: {
    readText(val) {
      const textContent = (
        this.container ? this.container : document
      ).getElementById(val);
      const data = {
        type: "readText",
        data: textContent.innerText,
      };
      this.$emit("eventPublic", data);
    },
    activityXyx1() {
      this.chapter002.isShowXyx01 = !this.chapter002.isShowXyx01;
      console.log(this.chapter002.isShowXyx01);
    },
    activityXyx2() {
      this.chapter002.isShowXyx02 = !this.chapter002.isShowXyx02;
@@ -3564,6 +4642,21 @@
    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;
    },
    toUrl(val) {
      if (val == 1) {
        window.open(getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
@@ -3574,15 +4667,18 @@
    submit(val) {
      if (val == 1) this.isShowScore1 = true;
      if (val == 2) this.isShowScore2 = true;
      if (val == 3) this.isShowScore3 = true;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    resetData(val) {
      const localData = JSON.parse(localStorage.getItem("chapter002"));
      if (localData) {
        if (val == 1) localData.tablexyx1 = {};
        if (val == 1) localData.tablexyx1 = {};this.isShowScore1 = false;
        localData.score1 = 0;
        if (val == 2) localData.tablecyc2 = {};
        if (val == 2) localData.tablecyc2 = {};this.isShowScore2 = false;
        localData.score2 = 0;
        if (val == 3) localData.tablecyc3 = {};this.isShowScore3 = false;
        localData.score3 = 0;
        this.chapter002 = { ...Object.assign(this.chapter002, localData) };
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
@@ -3621,6 +4717,21 @@
      }
      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));
    },
    changeAssess(e, val) {
      this.chapter002.tkItem01[val] = e.target.checked;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));