Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-06-04 a0ce9ef2ed2e13882c306c95e29e16af3f4bb373

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 src/books/sportsAndHealth/css/default.less

@@ -66,6 +66,7 @@
      position: relative;

      .bj-chapter001-bj-icon {
        width: 100%;
        padding-top: 15px;
      }

@@ -370,10 +371,11 @@


    .xyx-title {
      font-family: "STKaiti";
      font-family: "FZLTXIHJW";
      text-align: center;
      color: #cd141c;
      padding: 5px 0;
      font-weight: 700;
    }

    .xyx-text {
@@ -381,6 +383,7 @@
        font-size: 16px;
        font-family: 'FZLTXIHJW';
        padding: 0 10px;
        margin: 0;
      }

      .finishiText {
@@ -409,11 +412,19 @@
        color: #0087af;
        font-size: 18px;
        font-weight: bold;
        margin: 10px 0;
      }

      .xyx-fu-ss {
        color: #f49a4c;
        font-weight: 600;
        font-weight: 700;
        margin: 10px 0;
      }

      .xyx-fu-yy {
        color: #c7685d;
        font-weight: 700;
        margin: 10px 0;
      }

      .xyx-fu-title {
@@ -455,11 +466,13 @@
    }

    .assess {
      width: 200px;
      width: 210px;
      height: 25px;
      border: 0;
      background-color: transparent;
      border-bottom: 1px solid #000;
      font-size: 18px;
      font-family: '宋体';
    }

    .assess:focus {

 src/books/sportsAndHealth/image/jcmk.png

 src/books/sportsAndHealth/view/chapter001.vue

@@ -6,7 +6,7 @@
          <div class="bodystyle-chapter001">
            <div class="bj-chapter001-bj-icon">
              <h1 class="lefth1" id="a007">
                <img class="img-gh1" alt="" src="../image/jcmk.jpg" />
                <img class="img-gh1" alt="" src="../image/jcmk.png" />
              </h1>
            </div>
            <div class="bj-chapter001-con">

 src/books/sportsAndHealth/view/chapter002.vue

@@ -1,4 +1,5 @@
<template>
<!-- eslint-disable no-irregular-whitespace -->
<template>
  <div class="chapter" num="2">
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
@@ -3121,6 +3122,7 @@
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                @click="readText('qjdr03')"
                xmlns="http://www.w3.org/2000/svg"
                width="14.24"
                height="19.987"
@@ -3140,7 +3142,7 @@
                </g>
              </svg>
            </p>
            <p class="block">
            <p class="block" id="qjdr03">
              小贾是某职业学校服装设计专业的学生，她一直是同学中的佼佼者。但在一次考试中，小贾的作品被老师当众质疑。从此她信心一落千丈，有时甚至难以完成作品。后来她找到了心理咨询师王老师，倾诉了所有的烦恼。在王老师的引导下，她分析了自己不良情绪的来源及本质，发现自己过于在意他人的看法，当自己的作品被否定时，便开始质疑自己的能力，导致每次考试都会焦虑。在王老师的引领下，小贾终于走出自我质疑的阴影，学习和生活都回到了正轨。
            </p>
          </div>
@@ -3290,11 +3292,11 @@
                  <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>
                      <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>
@@ -4095,12 +4097,440 @@
            人格是指一个人独特的、相对稳定的行为模式，包括兴趣、态度、气质、价值观、意志等方面。
          </p>
          <h5 id="e014">（三）人际关系</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: 70px; padding: 5px">非常符合</th>
                      <th style="width: 70px; padding: 5px">符合</th>
                      <th style="width: 70px; padding: 5px">不符合</th>
                      <th style="width: 70px; padding: 5px">很不符合</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td style="text-align: left">
                        1. 我感到我是一个有价值的人，至少与其他人在同一水平 上。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text2')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text2"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text3')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text3"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text4')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text4"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text5')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text5"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        2. 我感到我有许多好的品质。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text83')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text83"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text84')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text84"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text85')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text85"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text86')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text86"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        3. 归根结底，我倾向于觉得自己是一个失败者。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text89', 'isReverse')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text89"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text90', 'isReverse')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text90"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text92', 'isReverse')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text92"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text93', 'isReverse')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text93"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        4. 我能像大多数人一样把事情做好。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text96')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text96"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text97')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text97"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text98')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text98"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text99')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text99"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        5. 我感到自己值得自豪的地方不多。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text102', 'isReverse')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text102"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text103', 'isReverse')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text103"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text104', 'isReverse')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text104"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text105', 'isReverse')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text105"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">6. 我对自己持肯定态度。</td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text108')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text108"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text109')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text109"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text110')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text110"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text111')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text111"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        7. 总的来说，我对自己是满意的。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text114')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text114"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text115')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text115"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text116')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text116"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text117')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text117"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        8. 我希望能为自己赢得更多尊重。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text120', 'isReverse')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text120"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text122', 'isReverse')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text122"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text123', 'isReverse')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text123"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text121', 'isReverse')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text121"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        9. 我确实时常感到自己毫无用处。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text126', 'isReverse')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text126"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text127', 'isReverse')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text127"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text128', 'isReverse')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text128"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text129', 'isReverse')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text129"
                        />4
                      </td>
                    </tr>
                    <tr>
                      <td style="text-align: left">
                        10. 我时常认为自己一无是处。
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text132', 'isReverse')"
                          type="checkbox"
                          value="1"
                          :checked="chapter002.tablecyc4.text132"
                        />1
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text133', 'isReverse')"
                          type="checkbox"
                          value="2"
                          :checked="chapter002.tablecyc4.text133"
                        />2
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text134', 'isReverse')"
                          type="checkbox"
                          value="3"
                          :checked="chapter002.tablecyc4.text134"
                        />3
                      </td>
                      <td>
                        <input
                          @change="changecyc4($event, 'text135', 'isReverse')"
                          type="checkbox"
                          value="4"
                          :checked="chapter002.tablecyc4.text135"
                        />4
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore4">
                    您的得分：<span style="color: red">请提交后查看！</span>
                  </div>
                  <div class="score" v-if="isShowScore4">
                    您的得分：
                    <span style="color: red">{{ chapter002.score4 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(4)">提交</span>
                    <span @click="resetData(4)">重做</span>
                  </div>
                </div>
              </div>
              <p class="note">
                注：其中第 3、5、8、9、10 题为反向计分题，即用 5
                减去原始得分，得到的分数为其 正式分数，再与另外 5
                道题的分数相加，计算总分。总分越高，说明自尊程度越高。
              </p>
            </div>
          </div>
        </div>
      </div>
@@ -4113,9 +4543,97 @@
            如何面对内心的矛盾与疑惑？正确地认识自我、接纳自我是青春期健康成长的一剂良药。虽然环境、经历会给人带来深远的影响，但我们若能接纳变化的、真实的自己，就能更好地迎接青春期的挑战。
          </p>
          <h5 id="e015">（一）自我个性的认识</h5>
          <div class="bk-xyx">
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p>请同学们登录课程平台进行“我的个性成熟度”的测试。</p>
          </div> -->
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 我的个性成熟度
              <div class="icon" @click="activityXyx1">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台进行“我的个性成熟度”的测试
            </div>
            <div v-if="chapter002.isShowXyx01">
              <div class="xyx-title">我的个性成熟度</div>
              <p>
                个性成熟度与年龄发展有时不太一致。请对照下列 12
                条标准评价一下自己的个性成熟度吧！
              </p>
              <ul class="xyx-ul">
                <li>
                  <img src="../image/li-tip.png" alt="" /><span
                    >对客观现实的认识，能区别已知和未知事实以及这些事实的本质和现象。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span
                    >能正确看待自己、他人和世界。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    能忍受孤单和寂寞。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    对事物具有敏感性和创造性。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    行为自然，一般不打破常规。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    看人重实际而不重表面，无出身、门第、地位的偏见。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    对部分人常有深情的依恋，不无端敌视他人。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    讲道德，能区别真、善、美与假、恶、丑，并且言行一致。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    善于独立思考，有摆脱逆境的能力。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    处事能区分目的和手段，重视目的，但也不忽视手段。</span
                  >
                </li>
                <li>
                  <img src="../image/li-tip.png" alt="" /><span>
                    有较广阔的视野，讲究价值观。</span
                  >
                </li>
              </ul>
            </div>
          </div>
          <p>
            同学们刚刚踏上认识自己的“新大陆”，对很多新奇事物的认知还不稳定，也很难客观、真实地分辨对错。在这一时期，我们的自尊心最强烈也最脆弱。如果受尊重的需求得到满足，自尊就会成为一种积极的心理品质；反之，则会引起自我怀疑、自卑等消极心理。我们应正确面对自己生理和个性上的变化，学会接纳自我，试着与信任的朋友、老师、家长坦诚地沟通与分享，获得他们的帮助与理解。
@@ -4128,11 +4646,37 @@
          <p>
            由于青春期心理“上锁”的特征，我们容易与老师、父母发生冲突，特别是与父母发生冲突。面对冲突，我们需要克制自己，静下心来思考自己内心的想法，寻找合适的沟通机会；当我们不被理解、不被尊重时，我们可以试着向老师或父母真实地表达自己内心的期待和想法；在遇到困难时，我们可以找自己信任和尊重的成年人寻求帮助。
          </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="activityXyx5">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">
              小黄和小李是某中职学校的一对好伙伴。她俩品学兼优，又都爱好羽毛球运动，平时形影不离，无话不说。两人同为班干部，但在最近一次班干部竞选中，小黄以一票之差意外落选，因此怀疑小李在竞选中没有投自己的票，俩人的关系逐渐冷淡……面对此情况，小李该如何去做呢？
            </p>
            <div v-if="chapter002.isShowXyx05">
              <textarea rows="8" v-model="chapter002.textBybItem1"></textarea>
            </div>
          </div>
          <p><b>2.与同龄人交往</b></p>
          <p>
@@ -4195,10 +4739,32 @@
          </p>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">1.我与同龄人交往时应该____________。</p>
            <p class="block">2.我与父母交往时应该_______________________。</p>
            <p class="block">
              3.为了维护自己的心理健康，我会________________________________。
              1.我与同龄人交往时应该<input
                @change="changeAssess02($event, 'text1')"
                maxlength="30"
                :value="chapter002.tkItem02.text1"
                class="assess"
                type="text"
              />。
            </p>
            <p class="block">
              2.我与父母交往时应该<input
                @change="changeAssess02($event, 'text2')"
                maxlength="30"
                :value="chapter002.tkItem02.text1"
                class="assess"
                type="text"
              />。
            </p>
            <p class="block">
              3.为了维护自己的心理健康，我会<input
                @change="changeAssess02($event, 'text3')"
                maxlength="30"
                :value="chapter002.tkItem02.text1"
                class="assess"
                type="text"
              />。
            </p>
            <p class="block">
              4.自己的“寻人启事”：6～8位同学一组，每位同学根据自己的学习、生活、人际关系和个性品质等，写出
@@ -4217,6 +4783,7 @@
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                @click="readText('qjdr04')"
                xmlns="http://www.w3.org/2000/svg"
                width="14.24"
                height="19.987"
@@ -4236,7 +4803,7 @@
                </g>
              </svg>
            </p>
            <p class="block">
            <p class="block" id="qjdr04">
              15岁的小王开始经常遗精，这让他既好奇又迷惑。同时，他的心理也发生了很大的变化，经常会莫名地烦恼和焦虑。小王由此进入了所谓“青春困惑期”。
            </p>
          </div>
@@ -4264,11 +4831,132 @@
          <p class="center openImgBox">
            <img class="img-a" alt="" src="../image/0028-1.jpg" />
          </p>
          <div class="bk-xyx">
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p class="block">
              请同学们登录课程平台学习“青春期常见生理问题”，看看自己处于哪一阶段。
            </p>
          </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 青春期常见生理问题
              <div class="icon" @click="activityXyx7">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台学习“青春期常见生理问题”，看看自己处于哪一阶段。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx07">
              <div class="xyx-title">青春期常见生理问题</div>
              <p class="xyx-fu-yy">1. 性发育迟缓与性发育抑制</p>
              <p>
                到了发育年龄，第二性征和生殖器官仍停留在青春期前的状态，即女孩
                14 岁未见乳房 发育、16 岁未见月经，男孩 14 岁未见睾丸变大、16
                岁未见身高迅速增长，这样的情况称为
                性发育迟缓与抑制。性发育迟缓仅仅是发育过程推迟数年，但仍会出现；性发育抑制则是正
                常的发育被阻止，通过适当的治疗才会出现性发育，但有些患者即使经治疗后，仍会出现某
                些不足。
              </p>
              <p>
                性发育迟缓与抑制如不及时处理，会严重影响青少年的身心健康。因此，在生活中，如
                果发现自己有这方面的发育问题，需告知家长，去正规医院诊断与治疗，做到早发现、早诊
                断、早治疗。
              </p>
              <p class="xyx-fu-yy">2. 包皮过长和包茎</p>
              <p>
                包皮过长和包茎是男性青少年比较常见的现象。阴茎的皮肤薄且可以移动，在阴茎头处
                褶成双层，称为包皮。男孩年幼时包皮较长，能完全包住阴茎头。青春期发育时阴茎体积增
                大、长度加长，包皮逐渐向后退缩，青春期后，阴茎头露出，包皮不再包裹阴茎头则为正常。
                如果因发育问题，包皮仍然完全遮盖阴茎头，则为包皮过长和包茎。包皮过长和包茎主要影
                响包皮和阴茎头之间的清洁，因包皮分泌乳白色豆渣状的包皮垢容易滋生细菌，若不及时清
                洗会引发包皮和阴茎头发炎，出现局部红肿、痒或疼痛的症状，时间长易形成结石，此时必
                须进行手术治疗。包皮环切术是目前治疗包皮过长、包茎的主要手段。
              </p>
              <p class="xyx-fu-yy">3. 频繁遗精</p>
              <p>
                男性生殖器官发育成熟后，会不断地产生精子和精液，当精液达到一定饱和状态时，便
                会自然排出体外，这种现象叫遗精。遗精是男性发育到一定时期特有的正常生理现象，对健
                康没有影响，不必感到惊奇或恐惧。遗精频率多数是每周一次或数周一次。如果几天一次或
                一个月内发生四五次以上就属于频繁遗精。频繁遗精往往伴有失眠、多梦、疲倦、头昏耳鸣、
                精神萎靡、腰酸腿软、情绪不稳定、记忆力下降等症状，对正常的学习和生活有一定的影响。
              </p>
              <p>应对方法如下：</p>
              <p>
                第一，消除紧张心理，保持轻松愉快的情绪，顺其自然，调养一段时间，这种情况就会
                慢慢减轻。
              </p>
              <p>
                第二，调整睡眠习惯，做到生活起居有规律，衣裤宽松，被子不过厚、过重，防止睡眠
                时下半身太暖和，两手避免放置在生殖器部位，不宜俯卧位睡眠，养成侧卧睡眠的习惯，晚
                餐不过饱。
              </p>
              <p>第三，不看淫秽色情书刊、网页、影视音像制品。</p>
              <p>
                第四，坚持每天锻炼，积极参加各类文体活动，培养有益的兴趣爱好。
              </p>
              <p>
                第五，养成良好的卫生习惯，经常清洗外生殖器，清除包皮垢。遗精后及时清洗，勤换
                洗内裤。
              </p>
              <p>
                第六，有泌尿生殖系统疾病或其他慢性疾病者，应及时采用有效抗菌药物治疗。
              </p>
              <p class="xyx-fu-yy">4. 痛经</p>
              <p>
                痛经指女性月经期间因子宫收缩而产生的痉挛性疼痛，一般发生在来月经前或来月经时
                的 1~2
                天，月经过后自行消失，但不是所有女性都会痛经。痛经严重时会面色苍白，出冷汗，
                全身无力，甚至昏厥，影响正常的学习和生活。
              </p>
              <p>应对方法如下：</p>
              <p>第一，保持心情舒畅，不要紧张，紧张会加重痛经症状。</p>
              <p>第二，平时不要着凉，月经前一周避免吃生冷的食物。</p>
              <p>
                第三，月经期间用红糖和姜煮水喝，或用暖贴贴在肚脐下方以保暖。
              </p>
              <p>第四，如果痛经严重，应及时就医。</p>
              <p class="xyx-fu-yy">5. 痤疮</p>
              <p>
                痤疮是由于青春期性激素大量分泌，刺激皮脂腺分泌过盛，分泌物排出不畅，堵塞压迫
                毛囊使之破裂，皮脂及其分解物刺激组织发生炎症反应而引起的。
              </p>
              <p class="xyx-fu-yy-z">（1）痤疮的预防方法</p>
              <p>
                ①注意面部清洁：使用专用柔软毛巾、中性洗面奶、温水洗脸。如果痤疮已化脓，最好
                选用消毒的脱脂棉擦干面部，以防造成感染。
              </p>
              <p>
                ②合理膳食：饮食清淡，多喝白开水，多吃新鲜果蔬，少吃辛辣、刺激性食物。
              </p>
              <p>
                ③注重日常生活方式：生活有规律，保证充足睡眠和适量运动，不吸烟，不喝茶、咖啡、
                酒及含酒精的饮料，保持排便通畅。
              </p>
              <p>
                ④注意缓解精神压力：保持乐观、自信的心态，情绪稳定，避免精神紧张，多听优美
                音乐。
              </p>
              <p>（2）常见的处理痤疮的错误方法</p>
              <p>
                第一，过度清洗。清洗次数频繁或过度使用去油产品，也会导致皮肤损伤、肿胀敏感、
                难以愈合等问题。
              </p>
              <p>第二，晒太阳。因紫外线会刺激皮肤，使色素沉着加重。</p>
              <p>第三，抠、挤。用手抠、挤痘痘可导致局部感染，还会留下瘢痕。</p>
            </div>
          </div>
          <p>
            在身体发育方面，重要的内分泌激素，如生长激素、睾酮、雌激素等的大量分泌，使得正处于青春期的同学们的身体形态、身体机能和身体素质得到进一步发展。形态发育主要体现在身高和体重的突增上；身体机能发育体现在心肺功能、造血功能的增强上；身体素质发展体现在速度的提高及力量、耐力、灵活度、柔韧性、协调性的增强上。
@@ -4310,11 +4998,230 @@
          </p>
          <h4 id="d015">三、青春期性心理与异性交往</h4>
          <h5 id="e026">（一）青春期性心理</h5>
          <div class="bk-xyx">
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p class="block">
              请同学们登录课程平台进行异性交往情况自评，并与同学们交流。
            </p>
          </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 · 异性交往情况自评
              <div class="icon" @click="activityXyx4">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台进行异性交往情况自评，并与同学们交流。
            </div>
            <div v-if="chapter002.isShowXyx04">
              <div class="xyx-title">异性交往情况自评</div>
              <div class="xyx-text">
                请对照下表，在符合自己情况的空格内画“√”，看看你与异性交往的现状如何。
              </div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th style="width: 40px">序号</th>
                      <th>与异性交往情况</th>
                      <th style="width: 40px">结果</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td>
                        除了在同一教室上课时，我几乎没主动与异性同学说过话
                      </td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text1"
                          @change="changecyc5($event, 'text1')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td>我讨厌与异性同学在一起</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text2"
                          @change="changecyc5($event, 'text2')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>3</td>
                      <td>我不喜欢与异性同学单独在一起</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text3"
                          @change="changecyc5($event, 'text3')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>4</td>
                      <td>
                        有时我会与异性同学一起讨论问题，包括共同探讨人生、兴趣爱好等
                      </td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text4"
                          @change="changecyc5($event, 'text4')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>5</td>
                      <td>
                        我会主动跟异性同学说话，也会主动帮助有困难的异性同学
                      </td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text5"
                          @change="changecyc5($event, 'text5')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>6</td>
                      <td>我认为与异性同学在一起活动更开心</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text6"
                          @change="changecyc5($event, 'text6')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>7</td>
                      <td>我曾有过与异性同学约会的想法</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text7"
                          @change="changecyc5($event, 'text7')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>8</td>
                      <td>我曾向异性同学要过微信号或其他联系方式</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text8"
                          @change="changecyc5($event, 'text8')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>9</td>
                      <td>
                        我经常和某个异性同学微信聊天，并经常与他（她）单独在一起
                      </td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text9"
                          @change="changecyc5($event, 'text9')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>10</td>
                      <td>我希望整天就与他（她）在一起</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text10"
                          @change="changecyc5($event, 'text10')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>11</td>
                      <td>
                        我与周围的同学（包括同性和异性）建立起一个较为稳定的团体，经常一起举行各种活动（如游玩等）
                      </td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text11"
                          @change="changecyc5($event, 'text11')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>12</td>
                      <td>我很喜欢某人，却很紧张，不知怎么办才好</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text12"
                          @change="changecyc5($event, 'text12')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>13</td>
                      <td>
                        我不想交异性朋友，可不少同学都有异性朋友，我也附和着结交异性朋友，但不知如何相处
                      </td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text13"
                          @change="changecyc5($event, 'text13')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>14</td>
                      <td>我曾因被异性同学追求而感到烦恼，或向人求助过</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text14"
                          @change="changecyc5($event, 'text14')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>15</td>
                      <td>我喜欢一名异性同学，并对我的正常生活有影响</td>
                      <td>
                        <input
                          type="checkbox"
                          :checked="chapter002.tablecyc5.text15"
                          @change="changecyc5($event, 'text15')"
                        />
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <p>
            随着青春期性发育的逐渐成熟，男生和女生不仅在体貌特征上有显著差异，而且在性格、爱好方面的差异也会更加明显。同学们会对异性产生好奇心，喜欢以特殊的行为来吸引异性的注意，这是正常性心理的表现。另外，与异性接触时还会产生一种特殊的相互吸引力和激发力，被称为“异性效应”。这在青少年交往中表现得更为明显。同学们要学会与异性正常交往的方法，掌握交往的准则。
@@ -4340,36 +5247,118 @@
          <p>
            过早性行为会使青少年产生紧张感、忧虑感、较大的情绪波动及沉重的精神负担，保护不当也可能引发传染性性疾病和生殖器感染性疾病，还可能会在婚后给家庭生活带来阴影。
          </p>
          <p>
          <p style="margin-bottom: 30px">
            处于青春期晚期的青少年由于生理原因容易产生性渴望和性冲动，这是正常的生理现象，但性行为不应随意和冲动。可以通过运动、环境、话题等转移注意力，抵制诱惑，净化心灵，理智行事，弱化冲动。万一不小心发生性行为，同学们要懂得保护自己，采取安全措施，防止感染性疾病，如艾滋病等。如果怀孕，要第一时间向老师、父母求助，采取紧急补救措施，避免留下遗憾。总之，同学们必须谨记：青少年时期首先应以学业为重，应树立性安全意识，在性行为这条“起跑线”上不宜“抢跑”，而须讲原则、守底线。
          </p>
          <div class="bk-xyx">
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p class="block">
              请同学们登录课程平台学习“避孕方法及避孕失败后的紧急补救措施”。
            </p>
          </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 避孕方法及避孕失败后的紧急补救措施
              <div class="icon" @click="activityXyx7">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台学习“避孕方法及避孕失败后的紧急补救措施”。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx07">
              <div class="xyx-title">避孕方法及避孕失败后的紧急补救措施</div>
              <div class="xyx-fu">一、避孕方法</div>
              <p class="xyx-fu-ss">1. 避孕药</p>
              <p>
                根据给药途径不同，可分为口服、注射、皮下埋植、阴道内避孕药。但长期服用避孕药会引起食欲不振、恶心呕吐、头晕、乏力等，甚至导致终生不孕。
              </p>
              <p class="xyx-fu-ss">2. 女性外用避孕药</p>
              <p>
                女性外用避孕药是指女性在发生性行为前，置于阴道内的外用避孕药膜、外用避孕药片、避孕栓、避孕膏等，主要作用是使精子失去活动能力而无法到达输卵管与卵子结合。
              </p>
              <p class="xyx-fu-ss">3. 男用安全套</p>
              <p>
                安全套是一种乳胶薄膜制成的避孕工具。使用方法简单，容易掌握。使用前，要选择合适型号的安全套，用前应检查是否有破漏。正确使用安全套，既可以有效避孕又可以预防艾滋病和一些性病。
              </p>
              <div class="xyx-fu">二、避孕失败后的紧急补救措施</div>
              <p>
                如果避孕失败，应立即到正规医院在医生的指导下进行补救。切勿擅自处理，更不可到不正规的小诊所做人工流产手术，以免对身体造成严重伤害。
              </p>
            </div>
          </div>
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">
              1.我的各项生长发育生理指标<a id="w3"></a
              ><a href="chapter002.html#m3"><sup>[3]</sup></a
              ><a href="#m3"><sup>[3]</sup></a
              >。
            </p>
            <p class="block">
              体重指数<a id="w4"></a
              ><a href="chapter002.html#m4"><sup>[4]</sup></a
              >：_____千克/米<sup>2</sup>　低体重　正常 超重 肥胖
              ><a href="#m4"><sup>[4]</sup></a
              >：<input
                @change="changeAssess($event, 'text22')"
                maxlength="5"
                style="width:50px"
                :value="chapter002.tkItem01.text22"
                class="assess"
                type="text"
              />千克/米<sup>2</sup>　低体重　正常 超重 肥胖
            </p>
            <p class="block">肺活量：_____毫升 偏低　正常　良好 优秀</p>
            <p class="block">肺活量：<input
                @change="changeAssess($event, 'text33')"
                maxlength="5"
                style="width:50px"
                :value="chapter002.tkItem01.text33"
                class="assess"
                type="text"
              />毫升 偏低　正常　良好 优秀</p>
            <p class="block">脊柱　正常　侧弯　前凸或后凸</p>
            <p class="block">性发育：　正常　异常</p>
            <p class="block">总体： 偏差　正常　良好</p>
            <p class="block">
              我为未来生活和职业应加强的方面有____________________。
              我为未来生活和职业应加强的方面有<input
                @change="changeAssess($event, 'text44')"
                maxlength="20"
                :value="chapter002.tkItem01.text44"
                class="assess"
                type="text"
              />。
            </p>
            <p class="block">
              2.我处于青春期的___期，现在的心理状态是___________。我打算这样度过这一特殊时期___________。
              2.我处于青春期的<input
                @change="changeAssess($event, 'text55')"
                maxlength="6"
                :value="chapter002.tkItem01.text55"
                class="assess"
                type="text"
                style="width:30px"
              />期，现在的心理状态是<input
                @change="changeAssess($event, 'text66')"
                maxlength="20"
                :value="chapter002.tkItem01.text66"
                class="assess"
                type="text"
              />。我打算这样度过这一特殊时期<input
                @change="changeAssess($event, 'text77')"
                maxlength="20"
                :value="chapter002.tkItem01.text77"
                class="assess"
                type="text"
              />。
            </p>
            <p class="block">
              3.案例分析：你认为小C应该怎样做？你想对小D说些什么？
@@ -4401,6 +5390,7 @@
            <p class="bj1-ztgs qjdrIocn">
              情境导入
              <svg
                @click="readText('qjdr05')"
                xmlns="http://www.w3.org/2000/svg"
                width="14.24"
                height="19.987"
@@ -4420,7 +5410,7 @@
                </g>
              </svg>
            </p>
            <p class="block">
            <p class="block" id="qjdr05">
              小北是一名中职学校新生，第一次离家到外地上学，饮食不习惯，跟同学关系也比较冷淡，感觉很孤单，没多久就迷上了网络游戏，常常凌晨两三点才睡觉。因为熬夜，小北晚上经常吃夜宵，运动也少，生物钟混乱。曾经体重正常的小北越来越胖，学习成绩也很不如意，期末考试有多门科目不及格。
            </p>
          </div>
@@ -4428,12 +5418,127 @@
            不论是在人生的哪一阶段，
            疾病都是人们健康的天敌。学生时代容易出现的近视，学校等集体场所容易迅速传播的肺结核等，都威胁着同学们的身体健康。此外，成年人易患的颈椎病、肥胖症、心脑血管疾病、糖尿病等慢性病，甚至癌症，都在朝着低龄化的方向发展。还有致死率高、危害性大的艾滋病，也不时向青少年伸出魔爪。同学们将来的工作环境繁杂，一定要学会预防疾病，从现在起“做自己健康的第一责任人”。
          </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="activityXyx7">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <div class="public-tips">
              请同学们登录课程平台学习“科学防护，远离结核危害”。
            </div>
            <div class="xyx-text" v-if="chapter002.isShowXyx07">
              <div class="xyx-title">科学防护，远离结核危害</div>
              <p>
                肺结核，是由结核分枝杆菌入侵人体肺部引起的一种严重危害人体健康的慢性呼吸道传染病。肺结核属于我国乙类法定传染病，是我国初中、高中和中职学校重点防控的传染病之一。
              </p>
              <p>
                肺结核具有潜伏期长、传染性强、病程长等特点。患了肺结核，如果不及时治疗，不仅会对肺造成损伤，影响学习、工作和生活，而且严重的还会危及生命，同时还有可能传染给自己的亲人和朋友，甚至造成肺结核的区域性爆发流行。
              </p>
              <p class="xyx-fu-yy">（一）肺结核的传播方式</p>
              <p>
                肺结核病主要通过患者咳嗽、打喷嚏或高声谈笑时喷出的飞沫来传播给他人。结核杆菌
                可以侵入人体的任何器官，但主要通过呼吸道传播，所以，在发生肺结核者占大多数。
              </p>
              <p class="xyx-fu-yy">（二）肺结核的易感人群</p>
              <p>
                第一类：与尚未被发现或治疗不彻底的结核病患者有密切接触的人群，如患者的家庭成
                员 ( 尤其是儿童 )、医务人员。
              </p>
              <p>第二类：在通风不良的环境中集体生活和工作的人群。</p>
              <p>
                第三类：抵抗力较弱的人群，如幼儿、老年人、营养不良者及尘肺、糖尿病患者、胃切
                除术后或长期使用免疫抑制剂者等。
              </p>
              <p>
                第四类：学习压力大的学生。尤其是初中、高中、中职毕业班的同学，体育锻炼少，睡
                得晚、起得早，作息不规律，精神紧张，过度劳累等，让结核杆菌乘虚而入；如果营养不充
                足，患肺结核的风险也会更高。另外，在学校集体学习生活，大家接触得密切而频繁，如果
                有同学得了肺结核，就容易在班级、寝室、甚至学校传播和蔓延，形成区域性爆发流行的情况。
              </p>
              <p class="xyx-fu-yy">（三）肺结核的自我预判与应对</p>
              <p>
                肺结核的主要症状为咳嗽、咳痰、咯血或痰中带血。此外，胸闷、胸痛、午后低热、夜
                间盗汗、全身乏力、食欲减退和体重减轻等也是常见症状。
              </p>
              <p>
                如果你出现了咳嗽、咳痰现象两周以上，或痰中带血，具有以上任何一项症状者都为肺
                结核可疑症状，应该尽快告诉班主任，及时到结核病防治机构或定点医疗机构检查，一旦确
                诊主动报告，不隐瞒病情，不带病上学，做好隔离和治疗，避免流行。
              </p>
              <p>
                如果你发现同宿舍或同班同学出现上述肺结核可疑症状，也应督促同学尽早去医院检查。
              </p>
              <p class="xyx-fu-yy">（四）肺结核病的预防</p>
              <p>
                定期进行身体检查与结核菌素筛查，做到早发现、早诊断、早隔离、早治疗。
              </p>
              <p>
                讲卫生，不随地吐痰，不与人接触过密，不与人面对面大声讲话，咳嗽、打喷嚏时要遮
                住口鼻。健康者进入高危场所（医院、结核科门诊）时也要戴医用口罩。
              </p>
              <p>
                室内要经常开窗通风换气，特别是学校教室、图书馆和宿舍等室内人群密集的地方，并
                注意室内器具用品的消毒杀菌。
              </p>
              <p>
                养成健康的生活方式，保持生活规律，保证充足睡眠，合理膳食，加强体育锻炼，劳逸
                结合，心情愉悦，增强自身免疫力，从而提高身体抵御疾病的能力。
              </p>
              <p class="xyx-fu-yy">（五）肺结核的治疗</p>
              <p>
                得了肺结核病并不可怕，只要坚持正规治疗，绝大多数病人是可以治愈的。结核病的治
                疗必须遵循“早期、规律、全程、联合、适量”十字原则，按照医生要求，坚持全程、按时、
                按量服药是治愈的最重要条件，否则会转化为难以治疗的耐药结核病。
              </p>
              <p>
                我们国家实行肺结核的免费诊断和治疗政策，对肺结核病人提供免费检查和治疗药品。
                患者可到属地的结核病防治机构或定点医疗机构进行检查和治疗。
              </p>
              <p class="xyx-fu-yy">（六）消毒和隔离</p>
              <p>
                对结核病患者用过的衣物、器具可以煮沸消毒，或在太阳下曝晒杀菌，如果不宜加热消
                毒、日光照射的，可用酒精、84 消毒液等消毒杀菌。
              </p>
              <p>
                结核病患者日常要戴口罩，最好有单独卧室，光线充足，通风良好，并经常消毒。病患
                不可对着他人大声说话、咳嗽或打喷嚏，痰要吐于纸中或痰盂里，然后焚烧或消毒后倒掉。
              </p>
              <p class="xyx-fu-yy">（七）结核病防治三字经</p>
              <p style="text-align: center">结核病，危害大，严防控，不可怕。</p>
              <p style="text-align: center">若轻视，可致命，伤自己，害他人。</p>
              <p style="text-align: center">结核菌，性诡秘，随空气，肆飘逸。</p>
              <p style="text-align: center">经呼吸，藏体内，体虚弱，易发病。</p>
              <p style="text-align: center">常咳嗽，满两周，疑患病，速就医。</p>
              <p style="text-align: center">如确诊，莫恐惧，能治愈，树信心。</p>
              <p style="text-align: center">治疗期，药莫停，遵医嘱，守规定。</p>
              <p style="text-align: center">复查日，要记清，留痰液，勿随意。</p>
              <p style="text-align: center">多通风，勤洗手，补营养，禁烟酒。</p>
              <p style="text-align: center">讲卫生，不乱吐，防传染，有公德。</p>
              <p style="text-align: center">身边人，不歧视，多关爱，常监督。</p>
              <p style="text-align: center">全社会，共参与，除结核，齐努力。</p>
              <p style="text-align: right">——中国疾病预防控制中心</p>
            </div>
          </div>
          <h4 id="d017">一、预防艾滋病，你我同参与</h4>
          <p>
@@ -4540,11 +5645,45 @@
            我们要遵循“三减”（减盐、减油、减糖）的饮食方式，避免偏食、挑食和暴饮暴食。
          </p>
          <h5 id="e035">（三）不吸烟、不饮酒</h5>
          <div class="bk-xyx">
          <br>
          <!-- <div class="bk-xyx">
            <p class="bj1-xyx">议一议</p>
            <p>
              请同学们登录课程平台学习“缓解心理压力的方法”，并与同学交流自己的心得体会。
            </p>
          </div> -->
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 议一议 · 缓解心理压力的方法
              <div class="icon" @click="activityXyx5">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 20.243 18.417"
                >
                  <path
                    class="a"
                    d="M3631.27-14315.585c-.382,0-1.27-.161-1.27-1.655v-15.072a1.7,1.7,0,0,1,1.741-1.681h6.151a.667.667,0,0,1,.12-.009,1.514,1.514,0,0,1,1.248.818c.6.937.934,1.52.935,1.522a.976.976,0,0,0,.712.248h7.925c.014,0,.05,0,.1,0a1.244,1.244,0,0,1,1.3,1.4v12.867a1.655,1.655,0,0,1-.3,1.175,1.227,1.227,0,0,1-.974.38H3631.4A1.177,1.177,0,0,1,3631.27-14315.585Zm2.026-12.5a.693.693,0,0,0-.716.684v.062a.7.7,0,0,0,.716.716h13.674a.693.693,0,0,0,.683-.716v-.062a.684.684,0,0,0-.683-.684Z"
                    transform="translate(-3630 14334.002)"
                  />
                </svg>
              </div>
            </div>
            <br />
            <p class="public-tips">
              请同学们登录课程平台学习“缓解心理压力的方法”，并与同学交流自己的心得体会。
            </p>
            <div class="xyx-text" v-if="chapter002.isShowXyx05">
              <div class="xyx-title">缓解心理压力的方法</div>
              <p>第一，避免负性情绪。</p>
              <p>第二，正视现实生活，正确对待自己和他人。</p>
              <p>第三，处理好人际关系，与周围人和谐相处。</p>
              <p>第四，增强承受心理压力的抵抗力，培养应对心理压力的能力。</p>
              <p>第五，有困难主动寻求帮助。</p>
              <p>第六，寻找适合自己的心理调适方法。</p>
              <p>第七，心理咨询是减轻精神压力的有效方法。</p>
            </div>
          </div>
          <p>吸烟、饮酒都不利于身体健康，我们应自觉抵制诱惑。</p>
          <h5 id="e036">（四）养成坚持运动的好习惯</h5>
@@ -4582,6 +5721,7 @@
      isShowScore1: false,
      isShowScore2: false,
      isShowScore3: false,
      isShowScore4: false,
      pingpang: require("../image/pdf.png"),
      chapter002: {
        isShowXyx01: true,
@@ -4594,9 +5734,11 @@
        isShowXyx08: true,
        isShowXyx09: true,
        isShowXyx10: true,
        isShowXyx11: true,
        score1: 0,
        score2: 0,
        score3: 0,
        score4: 0,
        tablexyx1: {},
        tablexyx02: {
          text2: "第一次跑，感觉有点儿累，很枯燥",
@@ -4605,8 +5747,11 @@
        },
        tablebyb1: {},
        tablecyc2: {},
        tablecyc3:{},
        tablecyc3: {},
        tablecyc4: {},
        tablecyc5: {},
        tkItem01: {},
        tkItem02: {},
      },
    };
  },
@@ -4657,6 +5802,9 @@
    activityXyx10() {
      this.chapter002.isShowXyx10 = !this.chapter002.isShowXyx10;
    },
    activityXyx11() {
      this.chapter002.isShowXyx11 = !this.chapter002.isShowXyx11;
    },
    toUrl(val) {
      if (val == 1) {
        window.open(getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
@@ -4668,17 +5816,24 @@
      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;
        if (val == 1) localData.tablexyx1 = {};
        this.isShowScore1 = false;
        localData.score1 = 0;
        if (val == 2) localData.tablecyc2 = {};this.isShowScore2 = false;
        if (val == 2) localData.tablecyc2 = {};
        this.isShowScore2 = false;
        localData.score2 = 0;
        if (val == 3) localData.tablecyc3 = {};this.isShowScore3 = false;
        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));
@@ -4732,8 +5887,34 @@
      }
      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.checked;
      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) {