YM
2024-05-31 781876372311fa27266a223062b460ac09e93a40
src/books/sportsAndHealth/view/chapter002.vue
@@ -46,6 +46,7 @@
          <p>
            什么是真正的健康呢?在不同时代,人们的回答各不相同。随着经济、社会的发展,健康的内涵已从生存意义上的身体健康,发展到身心健康,再发展到多维健康。其本质是我们全面、完整及和谐地发展。其中,全面发展指德智体美劳全面且均衡发展;完整发展指躯体、心理、社会适应能力及道德随着年龄的增长有秩序地、完整地发展;和谐发展指注重各基本素质适当、协调、平衡发展。健康是全面、完整、和谐发展的统一,是学校体育的目标,更是学校教育的最终目标之一。
          </p>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 学一学 · 健康概念的演变
@@ -94,9 +95,10 @@
              >查阅“健康概念的演变”。
            </p> -->
          </div>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 ·
              · 测一测 · 世界卫生组织五项身心健康指标评价
              <div class="icon" @click="activityXyx2">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
@@ -408,8 +410,8 @@
                    <span style="color: red">{{ chapter002.score1 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit01()">提交</span>
                    <span @click="resetData01()">重做</span>
                    <span @click="submit(1)">提交</span>
                    <span @click="resetData(1)">重做</span>
                  </div>
                </div>
              </div>
@@ -457,7 +459,7 @@
          <p><br /></p>
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 比一比 ·
              · 比一比 · 8 种健康状况测评
              <div class="icon" @click="activityXyx3">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
@@ -812,9 +814,10 @@
            正常的大气、水、土壤、微小气候等是我们赖以生存、不可或缺的原生环境。目前,工农业生产和人类活动等产生的次生环境问题(如森林覆盖面积减少、水土流失、空气污染等)日益危害着我们的健康。此外,自然环境中的物理因素(如气温、气压、噪声、辐射等)
            与化学因素(如天然或人工合成的某些化学物质及动物和微生物体内的某些化学元素),与人体接触超过一定限度,也会对我们的健康产生危害。
          </p>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              · 测一测 ·
              · 测一测 · 生活事件评价
              <div class="icon" @click="activityXyx4">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
@@ -2180,6 +2183,19 @@
                    </tr>
                  </tbody>
                </table>
                <div class="table-bottom">
                  <div class="score" v-if="!isShowScore2">
                    您的得分:<span style="color: red">请提交后查看!</span>
                  </div>
                  <div class="score" v-if="isShowScore2">
                    您的得分:
                    <span style="color: red">{{ chapter002.score2 }}</span>
                  </div>
                  <div class="btn">
                    <span @click="submit(2)">提交</span>
                    <span @click="resetData(2)">重做</span>
                  </div>
                </div>
              </div>
              <p style="font-size: 14px">
                注:人际压力 ( 1、2、4、15)、学习压力 (
@@ -2279,6 +2295,7 @@
  data() {
    return {
      isShowScore1: false,
      isShowScore2: false,
      picArr: [require("../image/0017-1.jpg")],
      picOneUrl: require("../image/0017-1.jpg"),
      picArr2: [require("../image/0021-1.jpg")],
@@ -2292,6 +2309,7 @@
        isShowXyx05: true,
        isShowXyx06: true,
        score1: 0,
        score2: 0,
        tablexyx1: {},
        tablexyx02: {
          text2: "第一次跑,感觉有点儿累,很枯燥",
@@ -2308,7 +2326,6 @@
    const localData = JSON.parse(localStorage.getItem("chapter002"));
    if (localData) {
      this.chapter002 = { ...Object.assign(this.chapter002, localData) };
      console.log(this.chapter002);
    }
  },
  methods: {
@@ -2335,11 +2352,19 @@
        window.open(getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
      }
    },
    submit01() {
      this.isShowScore1 = true;
    submit(val) {
      if (val == 1) this.isShowScore1 = true;
      if (val == 2) this.isShowScore2 = true;
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    resetData01() {
      this.chapter002.tablexyx1 = {};
    resetData(val) {
      const localData = JSON.parse(localStorage.getItem("chapter002"));
      if (localData) {
        if (val == 1) localData.tablexyx1 = {};localData.score1=0;
        if (val == 2) localData.tablecyc2 = {};localData.score2=0;
        this.chapter002 = { ...Object.assign(this.chapter002, localData) };
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeBox(e, val) {
      this.isShowScore1 = false;
@@ -2361,7 +2386,18 @@
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changecyc2(e, val) {
      this.isShowScore2 = false;
      this.chapter002.tablecyc2[val] = e.target.checked;
      if (e.target.checked) {
        this.chapter002.score2 += Number(e.target.value);
      } else {
        if (this.chapter002.score2 == 0) {
          return false;
        }
        if (!e.target.checked) {
          this.chapter002.score2 -= Number(e.target.value);
        }
      }
      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
    },
    changeAssess(e, val) {