unknown
2024-06-03 8f6329a8ea3f85b6bc9f751449109cba06b73591
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">
@@ -113,6 +137,10 @@
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们进行“小测试:世界卫生组织五项身心健康指标评价”。
            </div>
            <div v-if="chapter002.isShowXyx02">
              <!-- <p>请同学们进行“小测试:世界卫生组织五项身心健康指标评价”。</p> -->
@@ -423,13 +451,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 +502,10 @@
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台进行“8种健康状况测评”。
            </div>
            <!-- <p>请同学们登录课程平台进行“8种健康状况测评”。</p> -->
            <div class="bj-byb" v-if="chapter002.isShowXyx03">
@@ -833,9 +865,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 +2233,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 +2306,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 +2388,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 +2416,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 +2432,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 +2451,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 +2472,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 +2512,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 +2528,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 +2645,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 +2666,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 +2697,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 +2718,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.
@@ -2822,12 +2903,12 @@
          </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 +2921,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 +3111,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>
@@ -3190,7 +3296,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 +3343,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 +3480,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 +3589,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 +3663,6 @@
    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"),
      pingpang: require("../image/pdf.png"),
      chapter002: {
        isShowXyx01: true,
@@ -3527,6 +3671,10 @@
        isShowXyx04: true,
        isShowXyx05: true,
        isShowXyx06: true,
        isShowXyx07: true,
        isShowXyx08: true,
        isShowXyx09: true,
        isShowXyx10: true,
        score1: 0,
        score2: 0,
        tablexyx1: {},
@@ -3548,6 +3696,16 @@
    }
  },
  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);
@@ -3564,6 +3722,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"));
@@ -3577,6 +3750,8 @@
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    resetData(val) {
      this.isShowScore1 = false;
      this.isShowScore2 = false;
      const localData = JSON.parse(localStorage.getItem("chapter002"));
      if (localData) {
        if (val == 1) localData.tablexyx1 = {};