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

YM

2024-05-30 974ce7647ca7ef7e508a5204b9c934c929963452

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

 src/App.vue

@@ -65,7 +65,7 @@
        // childHealth
        // lifeCare
        // sportsAndHealth
        this.config.resourceCtx + "sportsAndHealth"
        this.config.resourceCtx + "embedded"
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;
@@ -167,4 +167,9 @@
  left: 0;
  margin: auto;
}


.openImgBox img{
  cursor: zoom-in;
}
</style>

 src/books/embedded/view/components/index.vue

@@ -29,16 +29,6 @@
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name: "pageContent",
  components: { pageHeader, chapterOne },
  computed: {
    fontSize() {
      return this.$store.state.qiankun.fontSize;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100;
    },
  },
  data() {
    return {
      catalogLength: 2, // 总章节数
@@ -51,8 +41,16 @@
      loadPageObserver: null,
      loadPageList: [],
      questionData: {},
      testData: {},
      renderSignMap: {}
    };
  },
  computed: {
    fontSize() {
      return this.$store.state.qiankun.fontSize;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100;
    }
  },
  watch: {
    showCatalogList: {
@@ -63,7 +61,7 @@
        ) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal,
            showCatalogList: newVal
          });
        }
        // 启动页码观察
@@ -71,16 +69,17 @@
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
      }
    },
    loadPageList: {
      handler(newVal, oldVal) {
        console.log(newVal, "this.loadPageList");
        setTimeout(() => {
          this.initSwiper();
          this.initViewer();
        }, 200);
      },
    },
      }
    }
  },
  mounted() {
    // 默认加载章节
@@ -100,12 +99,14 @@
        },
        // 渲染笔记、高亮、划线
        renderSign: (type, data) => {
          this.renderSign(type, data);
          // 因为调整为页面懒加载，所以渲染标记也需要按照页面进行处理，先储存数据，页面加载完成再渲染对应的标记；
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // 删除笔记、高亮、划线
        delSign: (data) => {
          this.delSign(data);
        },
        }
      });
    }

@@ -114,13 +115,13 @@
    this.observer = new IntersectionObserver(this.pageChangeCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0.5, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
      threshold: 0.5 // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
      threshold: 0 // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    // 启动页码观察
@@ -131,21 +132,21 @@

    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(1, 11);
    //   //   setTimeout(() => {
    //   //     this.renderSign("Note", {
    //   //       id: "2ACA9359",
    //   //       txt: "营养素和热量，才能",
    //   //       page: "100",
    //   //       type: "Highlight",
    //   //       color: "#F5E12A"
    //   //     });
    //   //     setTimeout(() => {
    //   //       this.delSign({
    //   //         ids: ["2ACA9359"]
    //   //       });
    //   //     }, 2000);
    //   //   }, 1000);
    //   this.gotoPage(1, 10);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
    //       txt: "题一学习主题一 运动",
    //       page: "10",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
    // setTimeout(() => {
    //   this.delSign({
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    //   }, 5000);
    // }, 1000);
  },
  methods: {
@@ -204,7 +205,7 @@
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength,
            this.catalogLength
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -225,6 +226,14 @@
      }
    },

    // 处理标记数据
    handelSignData(type, data) {
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
      this.renderSignMap[type][data.page].push(data);
    },

    // 渲染标记
    renderSign(type, data) {
      const existence = (
@@ -235,29 +244,48 @@
        const pageDom = (
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        // 创建 createTreeWalker 迭代器，用于遍历文本节点，保存到一个数组
        const treeWalker = document.createTreeWalker(
          pageDom,
          NodeFilter.SHOW_TEXT
        );
        const allTextNodes = [];
        let currentNode = treeWalker.nextNode();
        while (currentNode) {
          allTextNodes.push(currentNode);
          currentNode = treeWalker.nextNode();
        }
        for (let i = 0; i < allTextNodes.length; i++) {
          const textDom = allTextNodes[i];
          if (textDom.textContent.indexOf(data.txt) > -1) {
        let reg = new RegExp(`${data.txt}`, "ig");
        switch (type) {
          case "Highlight":
            // 高亮
            pageDom.innerHTML = pageDom.innerHTML.replace(
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
              reg,
              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
            );
            break;
          case "Dashing":
            // 划线
            pageDom.innerHTML = pageDom.innerHTML.replace(
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
              reg,
              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
            );
            break;
          case "Note":
            // 笔记
            pageDom.innerHTML = pageDom.innerHTML.replace(
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
              reg,
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
            );
            break;
            }
          }
        }
      }
    },
@@ -416,10 +444,8 @@
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          console.log(page, "page", catalog, "catalog");
          let text = null;
          if (target.querySelector("p")) {
            console.log(target.querySelector("p").textContent.substring(0, 20));
            text = target.querySelector("p").textContent.substring(0, 20);
          }
          // 返回页码和章节信息
@@ -427,7 +453,7 @@
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text,
              text
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections：获取所有具有 .section 类名的元素，并转换为数组。
@@ -441,8 +467,7 @@
        if (entry.isIntersecting) {
          const target = entry.target;
          const page = target.getAttribute("page");
          if (this.loadPageList.indexOf(page) == -1) {
            //
          if (this.loadPageList.indexOf(Number(page)) == -1) {
            const catalogDom = this.tool.getParentNodeByClassName(
              target,
              "chapter"
@@ -457,6 +482,7 @@
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );
                    
            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
@@ -468,11 +494,20 @@
            //         }
            //         this.questionData[page] = obj;
            //       }
            //       console.log('题目',this.questionData);
            //     }
            //   }
            // }
            // 添加页码
            this.loadPageList.push(Number(page));
            console.log('页码列表',this.loadPageList);
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
                this.renderSignMap[key][page].forEach((item) => {
                  this.renderSign(key, item);
                });
              }
            }
            if (this.loadPageList.length > 5) {
              // 超过5页
              this.loadPageList.shift();
@@ -492,22 +527,28 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
            nextEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
              ".swiper-button-prev"
            )
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          // // 如果需要分页器
          // pagination: {
          //   el: ".swiper-pagination",
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
@@ -520,13 +561,18 @@
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Viewer(dom, {
          container: (this.container ? this.container.querySelector("#app") : "body"),
          navbar: true, // 显示导航栏
          toolbar: true, // 显示工具栏
          title: true, // 显示标题
          title: true // 显示标题
        });
      }
    }
    },
  },
  components: {
    pageHeader,
    chapterOne,
  }
};
</script>
<style scoped lang="less">

 src/books/sportsAndHealth/css/default.less

@@ -42,6 +42,7 @@
      justify-content: center;

      table {
        width: 100%;
        border: 1px solid #95b2dc;
        border-collapse: collapse;
        padding: 0;
@@ -119,6 +120,56 @@
      color: #cd141c;
    }

    .xyx-text {
      p {
        font-size: 16px;
      }

      .finishiText {
        border: 0;
        background-color: transparent;
        text-align: center;
      }

      .finishiText:focus {
        border: 0;
        outline: none;
      }
      
      .textInputarea {
        width: 100%;
        max-width: 336px;
        border: 0;
        background-color: transparent;
      }
      .textInputarea:focus {
        outline: none;
      }

      .xyx-fu {
        color: #0087af;
        font-size: 18px;
        font-weight: bold;
      }

      .xyx-fu-ss {
        color: #f49a4c;
        font-weight: 600;
      }

      .xyx-fu-title {
        font-family: "STKaiti";
        text-align: center;
        color: #cd141c;
      }

      .xyx-tips {
        color: #0087af;
        font-size: 18px;
        font-weight: bolder;
      }
    }

    .xyx-con {
      padding: 0 15px;
    }
@@ -127,6 +178,20 @@
      font-size: 16px;
    }

    .assess {
      width: 200px;
      height: 25px;
      border: 0;
      background-color: transparent;
      border-bottom: 1px solid #000;
    }

    .assess:focus {
      border: 0;
      outline: none;
      border-bottom: 1px solid #000;
    }

    .ls1 {
      font-family: "HiFont Hei GB";
      color: #30aad1;

 src/books/sportsAndHealth/view/chapter002.vue

@@ -78,7 +78,14 @@
          </div>
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p>请同学们进行“小测试：世界卫生组织五项身心健康指标评价”。</p>
            <!-- <p>请同学们进行“小测试：世界卫生组织五项身心健康指标评价”。</p> -->
            <div class="xyx-title">世界卫生组织五项身心健康指标评价</div>
            <div class="xyx-text">
              以下是世界卫生组织五项身心健康指标（WHO-5）的具体内容及评分，请同学们根据自
              己过去 2
              周内的实际情况，在下表中相应的数字上画“√”，最后相加得出总分，总分越高
              表明身心越健康。
            </div>
            <div class="tablePublic">
              <table>
                <thead>
@@ -386,59 +393,251 @@
                  <tbody>
                    <tr>
                      <td>1</td>
                      <td><input @change="changeByb($event,'text1')" type="checkbox" :checked="chapter002.tablebyb1.text1" />正常健康</td>
                      <td><input @change="changeByb($event,'text2')" type="checkbox" :checked="chapter002.tablebyb1.text2" />健康</td>
                      <td><input @change="changeByb($event,'text2')" type="checkbox" :checked="chapter002.tablebyb1.text2" />健康</td>
                      <td><input @change="changeByb($event,'text4')" type="checkbox" :checked="chapter002.tablebyb1.text4" />健康</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text1')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text1"
                        />正常健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text2')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text2"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text2')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text2"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text4')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text4"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td><input @change="changeByb($event,'text5')" type="checkbox" :checked="chapter002.tablebyb1.text5" />悲观</td>
                      <td><input @change="changeByb($event,'text6')" type="checkbox" :checked="chapter002.tablebyb1.text6" />不健康</td>
                      <td><input @change="changeByb($event,'text7')" type="checkbox" :checked="chapter002.tablebyb1.text7" />健康</td>
                      <td><input @change="changeByb($event,'text8')" type="checkbox" :checked="chapter002.tablebyb1.text8" />健康</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text5')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text5"
                        />悲观
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text6')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text6"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text7')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text7"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text8')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text8"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>3</td>
                      <td><input @change="changeByb($event,'text9')" type="checkbox" :checked="chapter002.tablebyb1.text9" />社会方面不健康</td>
                      <td><input @change="changeByb($event,'text10')" type="checkbox" :checked="chapter002.tablebyb1.text10" />健康</td>
                      <td><input @change="changeByb($event,'text11')" type="checkbox" :checked="chapter002.tablebyb1.text11" />健康</td>
                      <td><input @change="changeByb($event,'text12')" type="checkbox" :checked="chapter002.tablebyb1.text12" />不健康</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text9')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text9"
                        />社会方面不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text10')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text10"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text11')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text11"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text12')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text12"
                        />不健康
                      </td>
                    </tr>
                    <tr>
                      <td>4</td>
                      <td><input @change="changeByb($event,'text13')" type="checkbox" :checked="chapter002.tablebyb1.text13" />患疑病症</td>
                      <td><input @change="changeByb($event,'text14')" type="checkbox" :checked="chapter002.tablebyb1.text14" />不健康</td>
                      <td><input @change="changeByb($event,'text15')" type="checkbox" :checked="chapter002.tablebyb1.text15" />健康</td>
                      <td><input @change="changeByb($event,'text16')" type="checkbox" :checked="chapter002.tablebyb1.text16" />健康</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text13')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text13"
                        />患疑病症
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text14')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text14"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text15')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text15"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text16')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text16"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>5</td>
                      <td><input @change="changeByb($event,'text17')" type="checkbox" :checked="chapter002.tablebyb1.text17" />身体不健康</td>
                      <td><input @change="changeByb($event,'text18')" type="checkbox" :checked="chapter002.tablebyb1.text18" />健康</td>
                      <td><input @change="changeByb($event,'text19')" type="checkbox" :checked="chapter002.tablebyb1.text19" />不健康</td>
                      <td><input @change="changeByb($event,'text20')" type="checkbox" :checked="chapter002.tablebyb1.text20" />健康</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text17')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text17"
                        />身体不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text18')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text18"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text19')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text19"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text20')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text20"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>6</td>
                      <td><input @change="changeByb($event,'text21')" type="checkbox" :checked="chapter002.tablebyb1.text21" />长期受病折磨</td>
                      <td><input @change="changeByb($event,'text22')" type="checkbox" :checked="chapter002.tablebyb1.text22" />不健康</td>
                      <td><input @change="changeByb($event,'text23')" type="checkbox" :checked="chapter002.tablebyb1.text23" />不健康</td>
                      <td><input @change="changeByb($event,'text24')" type="checkbox" :checked="chapter002.tablebyb1.text24" />健康</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text21')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text21"
                        />长期受病折磨
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text22')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text22"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text23')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text23"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text24')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text24"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>7</td> 
                      <td><input @change="changeByb($event,'text25')" type="checkbox" :checked="chapter002.tablebyb1.text25" />乐观</td>
                      <td><input @change="changeByb($event,'text26')" type="checkbox" :checked="chapter002.tablebyb1.text26" />健康</td>
                      <td><input @change="changeByb($event,'text27')" type="checkbox" :checked="chapter002.tablebyb1.text27" />不健康</td>
                      <td><input @change="changeByb($event,'text28')" type="checkbox" :checked="chapter002.tablebyb1.text28" />健康</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text25')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text25"
                        />乐观
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text26')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text26"
                        />健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text27')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text27"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text28')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text28"
                        />健康
                      </td>
                    </tr>
                    <tr>
                      <td>8</td>
                      <td><input @change="changeByb($event,'text29')" type="checkbox" :checked="chapter002.tablebyb1.text29" />患病严重</td>
                      <td><input @change="changeByb($event,'text30')" type="checkbox" :checked="chapter002.tablebyb1.text30" />不健康</td>
                      <td><input @change="changeByb($event,'text31')" type="checkbox" :checked="chapter002.tablebyb1.text31" />不健康</td>
                      <td><input @change="changeByb($event,'text32')" type="checkbox" :checked="chapter002.tablebyb1.text32" />不健康</td>
                      <td>
                        <input
                          @change="changeByb($event, 'text29')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text29"
                        />患病严重
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text30')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text30"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text31')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text31"
                        />不健康
                      </td>
                      <td>
                        <input
                          @change="changeByb($event, 'text32')"
                          type="checkbox"
                          :checked="chapter002.tablebyb1.text32"
                        />不健康
                      </td>
                    </tr>
                  </tbody>
                </table>
@@ -482,7 +681,1205 @@
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">测一测</p>
            <p>请同学们登录课程平台进行“生活事件评价”。</p>
            <!-- <p>请同学们登录课程平台进行“生活事件评价”。</p> -->
            <div class="xyx-title">生活事件评价</div>
            <div class="xyx-text">
              请同学们根据下表分析在过去 3
              个月内，以下生活事件对你造成的影响，得分越高反映
              负性生活事件对你的影响程度越高。
            </div>
            <div class="tablePublic">
              <table>
                <thead>
                  <tr>
                    <th>在过去 3 个月内</th>
                    <th>未发生</th>
                    <th>无影响</th>
                    <th>轻度</th>
                    <th>中度</th>
                    <th>重度</th>
                    <th>极重度</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td style="text-align: left">1. 被人误会</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text1')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text1"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text2')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text2"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text3')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text3"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text4')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text4"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text5')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text5"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text6"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">2. 受人歧视</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text82')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text82"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text83')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text83"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text84')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text84"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text85')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text85"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text86')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text86"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text87')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text87"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">3. 考试失败</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text88')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text88"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text89')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text89"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text90')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text90"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text92')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text92"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text93')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text93"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text94')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text94"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">4. 好友纠纷</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text95')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text95"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text96')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text96"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text97')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text97"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text98')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text98"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text99')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text99"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text100')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text100"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">5. 生活习惯变化</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text101')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text101"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text102')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text102"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text103')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text103"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text104')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text104"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text105')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text105"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text106')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text106"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">6. 讨厌上学</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text107')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text107"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text108')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text108"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text109')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text109"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text110')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text110"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text111')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text111"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text112')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text112"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">7. 有恋爱问题</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text113')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text113"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text114')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text114"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text115')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text115"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text116')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text116"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text117')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text117"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text118')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text118"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">8. 远离家人</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text119')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text119"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text120')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text120"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text122')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text122"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text123')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text123"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text121')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text121"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text124')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text124"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">9. 学习负担重</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text125')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text125"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text126')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text126"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text127')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text127"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text128')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text128"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text129')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text129"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text130')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text130"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">10. 与老师有矛盾</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text131')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text131"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text132')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text132"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text133')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text133"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text134')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text134"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text135')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text135"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text136')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text136"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">11. 本人患急重病</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text137')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text137"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text138')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text138"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text139')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text139"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text140')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text140"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text141')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text141"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text142')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text142"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">12. 亲友急重病</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text7')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text7"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text8')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text8"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text9')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text9"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text10')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text10"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text11')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text11"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text12')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text12"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">13. 亲友死亡</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text13')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text13"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text14')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text14"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text15')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text15"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text16')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text16"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text17')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text17"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text18')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text18"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">14. 失窃</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text19')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text19"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text20')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text20"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text21')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text21"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text22')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text22"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text23')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text23"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text24')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text24"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">15. 当众丢面子</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text25')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text25"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text26')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text26"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text27')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text27"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text28')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text28"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text29')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text29"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text30')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text30"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">16. 家庭经济困难</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text31')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text31"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text32')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text32"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text33')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text33"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text34')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text34"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text35')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text35"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text36')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text36"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">17. 家庭矛盾</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text37')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text37"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text38')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text38"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text39')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text39"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text40')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text40"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text41')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text41"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text42')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text42"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">18. 评选落空</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text43')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text43"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text44')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text44"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text45')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text45"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text46')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text46"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text47')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text47"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text48')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text48"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">19. 受批评、处分</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text49"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text50"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text51"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text52"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text53"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text6')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text54"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">20. 转学 / 休学</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text55')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text55"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text56')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text56"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text57')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text57"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text58')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text58"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text59')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text59"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text60')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text60"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">21. 违纪 / 违法</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text61')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text61"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text62')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text62"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text63')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text63"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text64')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text64"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text65')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text65"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text66')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text66"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">22. 有升学压力</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text67')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text67"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text68')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text68"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text69')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text69"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text70')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text70"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text71')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text71"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text72')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text72"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">23. 打架斗殴</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text71')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text71"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text72')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text72"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text73')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text73"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text74')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text74"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text75')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text75"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text76')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text76"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">24. 遭父母打骂</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text77')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text77"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text78')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text78"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text79')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text79"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text80')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text80"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text81')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text81"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text82')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text82"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">25. 学业上有家庭压力</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text221')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text221"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text222')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text222"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text223')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text223"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text224')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text224"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text225')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text225"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text226')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text226"
                      />5
                    </td>
                  </tr>
                  <tr>
                    <td style="text-align: left">26. 遭意外事故</td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text77')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text227"
                      />0
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text78')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text228"
                      />1
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text79')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text229"
                      />2
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text80')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text230"
                      />3
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text81')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text231"
                      />4
                    </td>
                    <td>
                      <input
                        @change="changecyc2($event, 'text82')"
                        type="checkbox"
                        :checked="chapter002.tablecyc2.text232"
                      />5
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <p style="font-size: 14px">
              注：人际压力 （ 1、2、4、15）、学习压力 （ 3、9、22、25）、受惩罚
              （18、19、20、21、23、24、26）、丧失（11、12、13、14、16、17）、适应（
              5、6、7、8、10）
            </p>
          </div>
          <h4 id="d004">四、健康是每个人的生命之基</h4>
          <p>
@@ -503,12 +1900,38 @@
        <div class="bodystyle">
          <div class="bk-xspj">
            <p class="bj-sbx">学习评价</p>
            <p class="block">1.多维健康包括_______________________________。</p>
            <p class="block">
              2.我打算按如下做法提升自己的健康水平___________________________________。
              1.多维健康包括<input
                @change="changeAssess($event, 'text1')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />
            </p>
            <p class="block">
              3.依据世界卫生组织的十大健康标准，我做得好的方面有________________________，有待改善的地方有__________________________________。
              2.我打算按如下做法提升自己的健康水平<input
                @change="changeAssess($event, 'text2')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />
            </p>
            <p class="block">
              3.依据世界卫生组织的十大健康标准，我做得好的方面有<input
                @change="changeAssess($event, 'text3')"
                maxlength="20"
                :value="chapter002.tkItem01.text1"
                class="assess"
                type="text"
              />，有待改善的地方有<input
                :value="chapter002.tkItem01.text1"
                @change="changeAssess($event, 'text4')"
                maxlength="20"
                class="assess"
                type="text"
              />。
            </p>
            <p class="block">
              4.采用小组合作的形式，依据世界卫生组织身心健康指标编制问卷，
@@ -626,15 +2049,134 @@
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <div class="xyx-title">适宜运动环境的选择</div>
            <div class="xyx-text">
            <p>
              请同学们登录课程平台查阅“适宜运动环境的选择”，并与同学讨论校园内哪些地方适宜锻炼。
                第一，最好选择户外地域空旷、空气新鲜且又安全的地方进行锻炼，但雾霾或空气污染
                比较严重时不要在室外运动。避免到人群喧闹、噪声较大、交通拥挤的地方运动。在室内锻
                炼时要保持空气流通。
            </p>
              <p>
                第二，运动场所的温度要适宜，避免在高温闷热中运动。气温超过
                35℃时，人会因大
                量出汗、体液减少而导致运动能力下降，甚至出现痉挛、中暑等情况。适宜运动的空气湿度
                为 30%～70%。
              </p>
              <p>第三，跑步时可选择地面平整的操场、公园、河边的人行道等地。</p>
              <p>
                第四，从事骑行、远足等运动，最好选在自然景点，行动路线尽量选在自然景色美、树
                木较多、路面较平坦的地段。
              </p>
              <p>
                第五，体操、武术、气功等运动，可在空气新鲜、环境优美、噪声小的公园空地、树林、
                河边以及家庭庭院里进行。跳绳、踢毽、羽毛球等运动可在地势平坦的空地上进行。艺术体
                操、健美操等运动可在草地上进行。
              </p>
            </div>
            <!-- <p>
              请同学们登录课程平台<a id="w1"></a
              ><a href="chapter002.html#m1"><sup>[1]</sup></a
              >查阅“健康概念的演变”。
            </p> -->
            <!-- <p>
              请同学们登录课程平台查阅“适宜运动环境的选择”，并与同学讨论校园内哪些地方适宜锻炼。
            </p> -->
          </div>
          <div class="bk-xyx">
            <p class="bj1-xyx">试一试</p>
            <div class="xyx-title">个人运动处方的制定</div>
            <div class="xyx-text">
            <p>
              请同学们登录课程平台学习“个人运动处方制定”相关内容，根据自身情况设计专属运动处方，并向老师汇报。
                第一，确定锻炼的目标。可以把自己体质健康测试中的各项结果与《国家学生体质健康
                标准》进行比较，没有达到“良好”的项目，应定为重点锻炼目标。
            </p>
              <p>
                第二，确定锻炼的内容。依据锻炼目标设定锻炼内容，但不论锻炼目标如何，运动处方
                中的锻炼内容都应以有氧运动为基础，结合其他相应的锻炼形式进行，即一般都包括有氧运
                动、力量性运动和柔韧性运动。当然，选择运动内容时应考虑自己的爱好以及学校、社区和
                家庭可利用的场地与设施等条件。
              </p>
              <p>
                第三，确定运动的强度。通常，最大心率的 60%～85%
                为运动的适宜心率。对健 康的中职生来说，最大心率可用“220 -
                年龄”来计算；如果平时经常参加运动，则用 “210 - 年龄 ×0.8”计算。
              </p>
              <p>
                第四，确定运动的时间和频率。运动时间因运动强度、频率、目的、年龄、身体条件等
                而不同，一般身体的各项生理功能（尤其对呼吸和循环系统产生有效的刺激）被调动起来参
                与运动需 3～5 分钟，达到恒定运动状态后还要持续 10～15
                分钟才能保持运动的良好效应， 再加上 10
                分钟的准备和放松活动，所以一次有效的健身运动最低限度应有 30
                分钟，进行有 氧运动时可在 20～60
                分钟内根据情况决定必要的运动时间。
              </p>
              <p class="xyx-fu">附：</p>
              <div class="xyx-fu-title">减肥运动处方</div>
              <p>
                运动减肥不是心血来潮的一闪念，而是临床医学的一种科学治疗方法。一般男子体脂百
                分比超过 20%，女子超过 28%，体重超标 20%
                以上，即建议减肥。在制订减肥运动处方时，
                应遵循安全性、有效性和可接受性原则。运动减肥的效果在较大程度上依赖于所采用的运动
                处方是否适用。运动处方包括运动方式、运动强度、运动持续时间及运动频率
                4 要素，同时 还有注意事项。
              </p>
              <p class="xyx-fu-ss">1. 减肥目标和计划的确定</p>
              <p>
                为保证安全减肥，每周体重减轻量不超过 1 千克，通常以 0.5
                千克为宜，否则不能真正 持续地实现减肥目的。每日能量平衡不超过
                2093~4185 千焦。减肥期间每日能量摄入不低 于 5023
                千焦，以保证正常的基础代谢。每日运动耗能量应达到 1255~2093
                千焦，每周达到 4185~8370
                千焦。在制订减肥运动处方前，应根据体脂测评结果确定减肥目标，制订减肥计
                划。研究表明，减少 1 千克的身体脂肪，大约消耗 32228
                千焦的热能，慢跑 112.7 千米或骑自行车 12 小时。
              </p>
              <p class="xyx-fu-ss">2. 运动强度</p>
              <p>
                由于肥胖者对运动强度的耐受性差异很大，在制订减肥运动处方前，应进行递增负荷运
                动耐力测试（GXT
                测试），根据所测的肥胖者最大运动能力（最大活动强度值）来制订运动
                强度。通常减肥运动处方的强度为 45%~65%
                最大运动能力（最大活动强度值），相应的靶 率为 60%~70%
                最大心率，主观体力感觉程度（RPE）大约为 13~16。GXT
                测试不仅能显示
                心肺功能有无异常，而且也可以表明参加活动者的最初运动能力。
              </p>
              <p class="xyx-fu-ss">3. 运动持续时间和运动频率</p>
              <p>
                依据美国运动医学会（ASM）的建议，减肥运动每次的锻炼时间至少 30
                分钟，一般为 40~60 分钟，练习频率为每周 5~7
                次。持续时间和运动频率应在参加者体质健康和心肺功能
                的安全范围之内。
              </p>
              <p class="xyx-fu-ss">4. 运动方式</p>
              <p>
                运动方式即锻炼内容，通常减肥运动应以有氧运动为主。锻炼内容应以使参加者感兴趣，
                能坚持下去，运动费用能够承受的健步走、慢跑、骑自行车、有氧健身操、太极拳、游泳以
                及各球类活动等为主。此外，也要结合抗阻力量练习，即在增加能量消耗的基础上，增加瘦
                体重。
              </p>
              <p class="xyx-fu-ss">5. 注意事项</p>
              <p>
                每次运动时，要注意在开始时做好充分准备活动，在结束时做好整理活动。运动过程中
                要细心观察体会主观体力感觉程度，如果过于轻松或过于吃力，可对练习内容和运动量做适
                当调整，避免运动伤害事发生，以第二天不感到很疲劳为宜。
              </p>
              <p>
                在实施减肥运动处方的过程中，要随时观察效果，通常有效的减肥运动方案实施一段时
                间后，出现体脂下降、腰围缩小、心肺功能提高等良好的运动效果。若效果不明显，或肥胖
                者坚持不下来，则需要修正运动处方。因此，在减肥运动的训练时间安排上，要根据肥胖者
                的肥胖程度、预期减肥要求及个体可接受的运动强度和频率来安排总的练习时间，可从数周
                至数年。循序渐进，持之以恒，运动减肥效果才能显著。
              </p>
              <p>
                在实施运动减肥计划过程中，应注意饮食调整，在满足机体营养需要的基础上，尽量减
                少热量的过多摄入，主要是控制脂肪、糖类和食物总量的摄入。
              </p>
            </div>
            <!-- <p>
              请同学们登录课程平台学习“个人运动处方制定”相关内容，根据自身情况设计专属运动处方，并向老师汇报。
            </p> -->
          </div>
        </div>
      </div>
@@ -659,9 +2201,18 @@
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
            <div class="xyx-text">
            <p>
              请同学们登录课程平台学习“一评二控三减四健——全民健康生活方式行动”。
                “一评”即健康评估，健康指标检测，评估居民身心健康状况，提早干预；
            </p>
              <p>“二控”即控烟、控酒；</p>
              <p>“三减”即减盐、减油、减糖；</p>
              <p>“四健”即健康体重、健康口腔、健康骨骼、健康心理。</p>
            </div>
            <!-- <p>
              请同学们登录课程平台学习“一评二控三减四健——全民健康生活方式行动”。
            </p> -->
          </div>
          <h5 id="e011">（七）注重心理健康</h5>
          <p>心理健康对于同学们来说具体可表现为如下几点。</p>
@@ -678,7 +2229,178 @@
          <h4 id="d007">三、提升健康素养，学会自我健康管理</h4>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台学习“健康素养66条”。</p>
            <!-- <p>请同学们登录课程平台学习“健康素养66条”。</p> -->
            <div class="xyx-title">一评二控三减四健——全民健康生活方式行动</div>
            <div class="xyx-text">
              <p class="xyx-tips">一、基本知识和理念（25 条）</p>
              <p>
                1.
                健康不仅仅是没有疾病或虚弱，而是身体、心理和社会适应的完好状态。
              </p>
              <p>
                2.
                每个人都有维护自身和他人健康的责任，健康的生活方式能够维护和促进自身健康。
              </p>
              <p>3. 环境与健康息息相关，保护环境，促进健康。</p>
              <p>4. 无偿献血，助人利己。</p>
              <p>5. 每个人都应当关爱、帮助、不歧视病残人员。</p>
              <p>6. 定期进行健康体检。</p>
              <p>
                7. 成年人的正常血压为收缩压 ≥90mmHg 且＜ 140 mmHg，舒张压
                ≥60mmHg 且＜ 90 mmHg；腋下体温 36℃～37℃ ；平静呼吸 16～20 次 /
                分；心率 60～100 次 / 分。
              </p>
              <p>
                8.
                接种疫苗是预防一些传染病最有效、最经济的措施，儿童出生后应当按照免疫程序接
                种疫苗
              </p>
              <p>
                9.
                在流感流行季节前接种流感疫苗可减少患流感的机会或减轻患流感后的症状。
              </p>
              <p>
                10.
                艾滋病、乙肝和丙肝通过血液、性接触和母婴三种途径传播，日常生活和工作接触
                不会传播。
              </p>
              <p>
                11.
                肺结核主要通过病人咳嗽、打喷嚏、大声说话等产生的飞沫传播；出现咳嗽、咳痰
                2 周以上，或痰中带血，应当及时检查是否得了肺结核。
              </p>
              <p>
                12.
                坚持规范治疗，大部分肺结核病人能够治愈，并能有效预防耐药结核的产生。
              </p>
              <p>
                13.
                在血吸虫病流行区，应当尽量避免接触疫水；接触疫水后，应当及时进行检查或接
                受预防性治疗。
              </p>
              <p>
                14.
                家养犬、猫应当接种兽用狂犬病疫苗；人被犬、猫抓伤、咬伤后，应当立即冲洗伤口，
                并尽快注射抗狂犬病免疫球蛋白（或血清）和人用狂犬病疫苗。
              </p>
              <p>15. 蚊子、苍蝇、老鼠、蟑螂等会传播疾病。</p>
              <p>
                16. 发现病死禽畜要报告，不加工、不食用病死禽畜，不食用野生动物。
              </p>
              <p>
                17.
                关注血压变化，控制高血压危险因素，高血压患者要学会自我健康管理。
              </p>
              <p>
                18.
                关注血糖变化，控制糖尿病危险因素，糖尿病患者应当加强自我健康管理。
              </p>
              <p>19. 积极参加癌症筛查，及早发现癌症和癌前病变。</p>
              <p>
                20. 每个人都可能出现抑郁和焦虑情绪，正确认识抑郁症和焦虑症。
              </p>
              <p>21. 关爱老年人，预防老年人跌倒，识别老年期痴呆。</p>
              <p>
                22. 选择安全、高效的避孕措施，减少人工流产，关爱妇女生殖健康。
              </p>
              <p>23. 保健食品不是药品，正确选用保健食品。</p>
              <p>
                24.
                劳动者要了解工作岗位和工作环境中存在的危害因素，遵守操作规程，注意个人防
                护，避免职业伤害。
              </p>
              <p>25. 从事有毒有害工种的劳动者享有职业保护的权利。</p>
              <p class="xyx-tips">二、健康生活方式与行为（29 条）</p>
              <p>
                26. 健康生活方式主要包括合理膳食、适量运动、戒烟限酒、心理平衡。
              </p>
              <p>27. 保持正常体重，避免超重、肥胖。</p>
              <p>
                28. 膳食应当以谷类为主，多吃蔬菜、水果和薯类，荤素、粗细搭配。
              </p>
              <p>29. 每天食用奶类、豆类及其制品。</p>
              <p>30. 膳食要清淡，要少油、少盐、少糖，食用合格碘盐。</p>
              <p>31. 讲究饮水卫生，每天适量饮水。</p>
              <p>
                32.
                生、熟食品要分开存放和加工，生吃蔬菜水果要洗净，不吃变质、超过保质期的
                食品。
              </p>
              <p>
                33. 成年人每日应当进行 6～10
                千步当量的活动，动则有益，贵在坚持。
              </p>
              <p>
                34.
                吸烟和二手烟暴露会导致癌症、心血管疾病、呼吸系统疾病等多种疾病。
              </p>
              <p>35.“低焦油卷烟”“中草药卷烟”不能降低吸烟带来的危害。</p>
              <p>36. 任何年龄戒烟均获益，越早越好，戒烟门诊可提供专业服务。</p>
              <p>37. 少饮酒，不酗酒。</p>
              <p>
                38. 遵医嘱使用镇静催眠药、镇痛药等成瘾性药物，预防药物依赖。
              </p>
              <p>39. 拒绝毒品。</p>
              <p>40. 每天保证 7～8 小时睡眠。</p>
              <p>41. 重视和维护心理健康，遇到心理问题时主动寻求帮助。</p>
              <p>
                42. 勤洗手、常洗澡、早晚刷牙、饭后漱口，不共用毛巾和洗漱用品
              </p>
              <p>
                43. 根据天气变化和空气质量，适时开窗通风，保持室内空气流通。
              </p>
              <p>44. 不在公共场所吸烟、吐痰，咳嗽、打喷嚏时遮掩口鼻。</p>
              <p>45. 农村使用卫生厕所，管理好人畜粪便。</p>
              <p>46. 科学就医，及时就诊，遵医嘱治疗，理性对待诊疗结果。</p>
              <p>
                47.
                安全用药，能口服不肌肉注射，能肌肉注射不输液，遵医嘱使用抗生素。
              </p>
              <p>48. 戴头盔、系安全带，不超速、不酒驾、不疲劳驾驶。</p>
              <p>49. 加强看护和教育，避免儿童接近危险水域，预防溺水。</p>
              <p>50. 冬季取暖注意通风，谨防煤气中毒。</p>
              <p>
                51. 主动接受婚前和孕前保健，孕期应当至少接受 5
                次产前检查并住院分娩。
              </p>
              <p>52. 孩子出生后尽早母乳喂养，满 6 个月合理添加辅食。</p>
              <p>
                53.
                通过亲子交流、玩耍促进儿童早期发展，发现心理行为发育问题要尽早干预。
              </p>
              <p>
                54.
                培养青少年健康的生活方式，预防近视、超重与肥胖，避免网络成瘾和过早性行为。
              </p>
              <p class="xyx-tips">三、基本技能（12 条）</p>
              <p>55. 关注健康信息，能够获取、理解、甄别、应用健康信息。</p>
              <p>56. 能看懂食品、药品、保健品的标签和说明书。</p>
              <p>
                57.
                会识别常见的危险标识，如高压、易燃、易爆、剧毒、放射性、生物安全等，远离
                危险物。
              </p>
              <p>58. 会测量脉搏和腋下体温。</p>
              <p>
                59. 正确使用安全套，减少感染艾滋病、性病的危险，防止意外怀孕。
              </p>
              <p>60. 妥善存放和正确使用农药等有毒物品，谨防儿童接触。</p>
              <p>
                61. 寻求紧急医疗救助时拨打 120，寻求健康咨询服务时拨打 12320。
              </p>
              <p>
                62.
                发生创伤出血量较多时，应当立即止血、包扎；对怀疑骨折的伤员不要轻易搬动。
              </p>
              <p>63. 遇到呼吸、心跳骤停的伤病员，会进行心肺复苏。</p>
              <p>64. 抢救触电者首先切断电源，不要直接接触触电者。</p>
              <p>
                65. 发生火灾时，用湿毛巾捂住口鼻、低姿逃生；拨打火警电话
                119。65. 发生火灾时，用湿毛巾捂住口鼻、低姿逃生；拨打火警电话
                119。
              </p>
              <p>66. 地震时选择正确避震方式，震后立即开展自救互救。</p>
            </div>
          </div>
          <p>
            现代社会总有许多新奇事物丰富与干扰着我们的生活。同学们又正值青春年少，好奇心强，体力与精力处于人生高峰期，很容易因聚会、上网、游戏、追剧等而不能正常、规律地生活，进而形成不良的生活方式，透支身体，影响身心健康。我们应尽量抵制不良诱惑，树立“做自己健康的第一责任人”的理念，学会自我健康管理，养成健康的生活习惯。
@@ -688,7 +2410,163 @@
          </p>
          <div class="bk-xyx">
            <p class="bj1-xyx">学一学</p>
            <p>请同学们登录课程平台学习“健康行动计划的制订与实施”。</p>
            <!-- <p>请同学们登录课程平台学习“健康行动计划的制订与实施”。</p>
             -->
            <div class="xyx-title">健康行动计划的制订与实施</div>
            <div class="xyx-text">
              <p class="xyx-fu-ss">1. 明确现状</p>
              <p>
                健康行动计划的制定需要我们从改变不良生活方式开始。因此，应明确需要改变的生活
                方式，如熬夜、不吃早餐、长时间上网等，有的放矢，一点点地改变，在潜移默化中形成健
                康生活方式。
              </p>
              <p class="xyx-fu-ss">2. 制定目标</p>
              <p>
                第一，将长期目标（如生活规律）分解为阶段性的小目标（如 晚上 12
                点以前睡觉、早 上 8 点以前起床、每天锻炼半小时等）。
              </p>
              <p>第二，一次只落实几个目标，以免因目标太多而不能实现。</p>
              <p>
                第三，制定行为目标而不是结果目标，如“晚上 12
                点以前睡觉”而不是“不熬夜”。
              </p>
              <p>
                第四，把目标具体化，如“晚上 11 点以前必须洗漱”而不是“尽量早睡
              </p>
              <p class="xyx-fu-ss">3. 制定短期行动计划</p>
              <p>第一，确定自己要做什么。</p>
              <p>第二，计划合理可行（是自己预期可以完成的事情）</p>
              <p>
                第三，改变特定行为（如减肥不是一个特定行为，跑步是一个特定行为）
              </p>
              <p>
                第四，需要回答的问题：做什么？（打算在操场跑步）做多少？（慢跑
                45 分钟）什么 时候做？（周一下午 6 点，周三下午 4 点半，周五下午
                6 点）一周做几次？（一周 3 次，分 别在周一、周三、周五）
              </p>
              <p class="xyx-fu-ss">4. 记录、评定和调整</p>
              <p>
                准备一个每周一页的台历，记录每天或每周执行计划的情况，1～2
                周后检查和评定。 另外，也可以设计周完成情况记录表（见表
                1-3-1）。如果大多数预定的目标都完成了，就可
                以考虑制定新的目标；如果没有实现，则应寻找、总结原因，调整计划使之切实可行，然后
                回到第一步，重新开始。多次完成短期目标之后，需要制定长期目标，此时，才真正向有意
                义的生活方式转变。一旦新行为固化成为好习惯，就不必再将它们列为计划表中的目标了。
              </p>
              <div class="xyx-table-tips"></div>
              <div class="tablePublic">
                <table>
                  <thead>
                    <tr>
                      <th style="width: 80px">日期</th>
                      <th style="width: 100px">是否完成</th>
                      <th>评价</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>星期一</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text1"
                          @change="changeFinish($event, 'text1')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          :value="chapter002.tablexyx02.text2"
                          @input="changeFinish($event, 'text2')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期二</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text3"
                          @change="changeFinish($event, 'text3')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text4"
                          @input="changeFinish($event, 'text4')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期三</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text5"
                          @change="changeFinish($event, 'text5')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text6"
                          @input="changeFinish($event, 'text6')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期四</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text7"
                          @change="changeFinish($event, 'text7')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text8"
                          @input="changeFinish($event, 'text8')"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>星期五</td>
                      <td>
                        <input
                          class="finishiText"
                          maxlength="1"
                          type="text"
                          :value="chapter002.tablexyx02.text9"
                          @change="changeFinish($event, 'text9')"
                        />
                      </td>
                      <td>
                        <textarea
                          class="textInputarea"
                          rows="2"
                          v-model="chapter002.tablexyx02.text10"
                          @input="changeFinish($event, 'text10')"
                        />
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
@@ -1208,7 +3086,14 @@
    return {
      chapter002: {
        tablexyx1: {},
        tablebyb1:{}
        tablexyx02: {
          text2: "第一次跑，感觉有点儿累，很枯燥",
          text6: "和同学一起跑，很开心，感觉没那么累了",
          text10: "下雨，明天补上",
        },
        tablebyb1: {},
        tablecyc2: {},
        tkItem01: {},
      },
    };
  },
@@ -1228,6 +3113,18 @@
      this.chapter002.tablebyb1[val] = e.target.checked;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changecyc2(e, val) {
      this.chapter002.tablecyc2[val] = e.target.checked;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeAssess(e, val) {
      this.chapter002.tkItem01[val] = e.target.checked;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeFinish(e, val) {
      this.chapter002.tablexyx02[val] = e.target.value;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
  },
};
</script>