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

YM

2024-05-31 781876372311fa27266a223062b460ac09e93a40

 src/books/sportsAndHealth/view/chapter002.vue

@@ -46,15 +46,16 @@
          <p>
            什么是真正的健康呢？在不同时代，人们的回答各不相同。随着经济、社会的发展，健康的内涵已从生存意义上的身体健康，发展到身心健康，再发展到多维健康。其本质是我们全面、完整及和谐地发展。其中，全面发展指德智体美劳全面且均衡发展；完整发展指躯体、心理、社会适应能力及道德随着年龄的增长有秩序地、完整地发展；和谐发展指注重各基本素质适当、协调、平衡发展。健康是全面、完整、和谐发展的统一，是学校体育的目标，更是学校教育的最终目标之一。
          </p>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              学一学
              · 学一学 · 健康概念的演变
              <div class="icon" @click="activityXyx1">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.243"
                  height="18.417"
                  viewBox="0 0 20.243 18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
@@ -94,15 +95,16 @@
              >查阅“健康概念的演变”。
            </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"
                  width="20.243"
                  height="18.417"
                  viewBox="0 0 20.243 18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
@@ -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,13 +459,13 @@
          <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"
                  width="20.243"
                  height="18.417"
                  viewBox="0 0 20.243 18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
@@ -812,15 +814,16 @@
            正常的大气、水、土壤、微小气候等是我们赖以生存、不可或缺的原生环境。目前，工农业生产和人类活动等产生的次生环境问题（如森林覆盖面积减少、水土流失、空气污染等）日益危害着我们的健康。此外，自然环境中的物理因素（如气温、气压、噪声、辐射等）
            与化学因素（如天然或人工合成的某些化学物质及动物和微生物体内的某些化学元素），与人体接触超过一定限度，也会对我们的健康产生危害。
          </p>
          <br />
          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">
              测一测
              · 测一测 · 生活事件评价
              <div class="icon" @click="activityXyx4">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.243"
                  height="18.417"
                  viewBox="0 0 20.243 18.417"
                  width="14.243"
                  height="15.417"
                  viewBox="0 0 19.243 18.417"
                >
                  <path
                    class="a"
@@ -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）、学习压力 （
@@ -2242,12 +2258,22 @@
          <h4 class="h4-dy3" id="d066">
            <span class="h4-dy3s">一</span>　了解乒乓球运动
          </h4>
          <p>
            乒乓球运动是一项由两名或四名运动员在乒乓球桌上进行隔网攻守的运动，在世界上许多地方流行。乒乓球运动1900年起源于英国，20世纪初在欧洲和亚洲蓬勃开展起来。乒乓球运动易于开展，打法多样，球路变化丰富，技术动作要求协调、灵敏、精确，观赏性强。乒乓球运动能有效发展力量、速度、耐力、灵敏性等身体素质，同时也能锻炼和培养勇敢、顽强、机智、果断等心理品质。乒乓球运动对今后从事需久坐、久站的职业，尤其是需要进行精细化操作的职业人群身体状况的改善有积极的作用。“乒乓精神”所蕴含的技术创新和精益求精也是同学们应该学习和践行的职业精神。乒乓球运动在国内外广泛开展，乒乓球世界杯、世锦赛与奥运会并称世界乒乓球三大赛事。
          </p>
          <div class="pdf-con">
            <div class="pdf-view"><img :src="pingpang" alt=""><span @click="toUrl(1)">乒乓球的常用术语（一）</span></div>
            <div class="pdf-view"><img :src="pingpang" alt=""><span @click="toUrl(2)">乒乓球的常用术语（二）</span></div>
          <div class="pdf-text">
            <p>
              乒乓球运动是一项由两名或四名运动员在乒乓球桌上进行隔网攻守的运动，在世界上许多地方流行。乒乓球运动1900年起源于英国，20世纪初在欧洲和亚洲蓬勃开展起来。乒乓球运动易于开展，打法多样，球路变化丰富，技术动作要求协调、灵敏、精确，观赏性强。乒乓球运动能有效发展力量、速度、耐力、灵敏性等身体素质，同时也能锻炼和培养勇敢、顽强、机智、果断等心理品质。乒乓球运动对今后从事需久坐、久站的职业，尤其是需要进行精细化操作的职业人群身体状况的改善有积极的作用。“乒乓精神”所蕴含的技术创新和精益求精也是同学们应该学习和践行的职业精神。乒乓球运动在国内外广泛开展，乒乓球世界杯、世锦赛与奥运会并称世界乒乓球三大赛事。
            </p>
            <div class="pdf-con">
              <div class="pdf-view">
                <img :src="pingpang" alt="" /><span @click="toUrl(1)"
                  >乒乓球的常用术语（一）</span
                >
              </div>
              <div class="pdf-view">
                <img :src="pingpang" alt="" /><span @click="toUrl(2)"
                  >乒乓球的常用术语（二）</span
                >
              </div>
            </div>
          </div>
        </div>
      </div>
@@ -2269,11 +2295,12 @@
  data() {
    return {
      isShowScore1: false,
      isShowScore2: false,
      picArr: [require("../image/0017-1.jpg")],
      picOneUrl: require("../image/0017-1.jpg"),
      picArr2: [require("../image/0021-1.jpg")],
      picOneUrl2: require("../image/0021-1.jpg"),
      pingpang:require('../image/pdf.png'),
      pingpang: require("../image/pdf.png"),
      chapter002: {
        isShowXyx01: true,
        isShowXyx02: true,
@@ -2282,6 +2309,7 @@
        isShowXyx05: true,
        isShowXyx06: true,
        score1: 0,
        score2: 0,
        tablexyx1: {},
        tablexyx02: {
          text2: "第一次跑，感觉有点儿累，很枯燥",
@@ -2298,7 +2326,6 @@
    const localData = JSON.parse(localStorage.getItem("chapter002"));
    if (localData) {
      this.chapter002 = { ...Object.assign(this.chapter002, localData) };
      console.log(this.chapter002);
    }
  },
  methods: {
@@ -2318,18 +2345,26 @@
    activityXyx5() {
      this.chapter002.isShowXyx05 = !this.chapter002.isShowXyx05;
    },
    toUrl(val){
      if(val ==1){
        window.open(getResourcePath('54741d14a21eb47b2ed06a2231271cd5'))
      }else {
        window.open(getResourcePath('1b7ecc924bfab900ec10f0ed4bb2466b'))
    toUrl(val) {
      if (val == 1) {
        window.open(getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
      } else {
        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;
@@ -2351,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) {