学前儿童保存--input事件

闫增涛

2024-06-07 3b2e6425d6fc732a221c9ef9ec9e8dc849e11148

 src/books/childHealth/view/content/components/chapter009.vue

@@ -49,12 +49,8 @@
            />
            专题导学
          </h6>
          <p class="blockh6 m0-t0">
            <el-image
              :src="learn"
              :preview-src-list="[learn]"
              class="open-image"
            />
          <p class="blockh6 m0-t0 openImgBox">
            <img src="../../../assets/images/chapterNine/0248-1.jpg" class="w100">
          </p>
        </div>
      </div>
@@ -168,6 +164,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.学前儿童的鼻腔有什么特点?怎样进行科学保健?</span
@@ -179,6 +176,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.学前儿童的声带有什么特点?幼儿教师讲话为什么要轻声细语?</span
@@ -190,6 +188,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.学前儿童张口呼吸有哪些危害?怎样纠正?</span
@@ -201,6 +200,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">5.学前儿童的呼吸运动有什么特点?</span>
                <textarea
@@ -210,6 +210,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">6.学前儿童以什么模式的呼吸为主?</span>
                <textarea
@@ -219,6 +220,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">7.擤鼻涕的正确方法是什么?</span>
                <textarea
@@ -228,6 +230,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >8.针对学前儿童呼吸系统的特点，如何培养学前儿童良好的卫生习惯?</span
@@ -239,6 +242,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -265,6 +269,7 @@
              placeholder="请输入内容"
              maxlength="200"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              合理的生活制度有利于个体生物钟的建立，本主题主要讲述根据学前儿童的年龄特点，科学安排他们的学习、进餐、游戏、睡眠等每个生活环节的意义、依据及要求，为幼教工作者制定科学合理的生活制度提供帮助。
@@ -345,12 +350,8 @@
            儿童的一日生活制度应根据他们的心理和生理特点，结合教育要求和卫生原则来制定（见表9-1）。
          </p>
          <p class="img">表9-1 7岁前儿童一日生活作息时间分配</p>
          <p class="center">
            <el-image
              :src="tableOne"
              :preview-src-list="[tableOne]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterNine/0250-1.jpg" class="w100">
          </p>
          <h4 id="d317">（一）依据年龄特点</h4>
          <p>
@@ -652,6 +653,7 @@
          <p class="blockh6-c center">
            <span class="img center dl-bl w100">专题九 学习主题一</span>
            <examinations
            v-if="questionData && questionData[252]"
              :cardList="questionData[251]"
              :chapter="9"
              :page="243"
@@ -772,6 +774,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.晨间检查的目的是什么?工具有哪些?检査步“一问、二摸、三看、四查”的具体内容是什么?</span
@@ -783,6 +786,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">3.全日健康观察的重点是什么?</span>
                <textarea
@@ -792,6 +796,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.什么是疫苗?疫苗的种类有哪些?什么是计划免疫?</span
@@ -803,6 +808,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">5.什么是基础免疫?什么是加强免疫?</span>
                <textarea
@@ -812,6 +818,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">6.人体的免疫反应有哪几种?</span>
                <textarea
@@ -821,6 +828,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >7.执行儿童计划免疫程序要掌握哪些问题?</span
@@ -832,6 +840,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">8.预防接种的卫生要求是什么?</span>
                <textarea
@@ -841,6 +850,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >9.什么是隔离?为什么要隔离?幼儿园的隔离对象是哪些?</span
@@ -852,6 +862,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >10.什么是消毒?常用的消毒方法有哪些?幼儿园的消毒对象有哪些?</span
@@ -863,6 +874,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">11.幼儿园有哪些防止污染的措施?</span>
                <textarea
@@ -872,6 +884,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >12.幼儿园卫生保健登记、统计的内容有哪些?</span
@@ -883,6 +896,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -907,6 +921,7 @@
              placeholder="请输入内容"
              maxlength="200"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              根据一些医院的儿童保健科门诊的调查显示：逾六成的孩子有不同程度的心理和体格发育问题，而诊治率却不足10%；很多家长认为健康的孩子却被查出患有营养不良、肥胖、贫血等身心疾病。专家认为，定期对儿童进行健康体检，不但可以了解儿童的生长发育情况，还能及时发现异常，是保证儿童健康成长的重要手段。本主题主要讲述了托幼机构的体格检查制度、预防接种制度、隔离制度、消毒制度和环境卫生制度，以利于同学们全面了解托幼机构的卫生保健制度。
@@ -1097,12 +1112,8 @@
            预防接种依照一定的程序（见表9-2）。因为有的疫苗一次接种后所产生的抗体量少，维持的时间短，所以必须在一定时间内再接种一次，使抗体保持在一定的水平，以加强预防作用。
          </p>
          <p class="img">表9-2 儿童计划免疫程序</p>
          <p class="center">
            <el-image
              :src="tableTwo"
              :preview-src-list="[tableTwo]"
              class="open-image"
            />
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterNine/0260-1.jpg" class="w100">
          </p>
          <p>
            人体有两种免疫反应：一种是细胞免疫，另一种是体液免疫。细胞免疫在婴儿出生时已经完善，而体液免疫在6个月以后才比较完善。有些疫苗，如卡介苗，接种后抗体的产生与细胞免疫有关；有些疫苗，如麻疹疫苗，接种后与体液免疫有关。所以，婴儿出生3天内注射卡介苗就可以产生抗体，以预防结核病。而在出生后6个月内接种麻疹疫苗就不能产生足够的抗体，也达不到预防的目的，因此，麻疹疫苗要在出生6个月以后接种。
@@ -1547,6 +1558,7 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题九 学习主题二</span>
            <examinations
            v-if="questionData && questionData[263]"
              :cardList="questionData[263]"
              :chapter="9"
              :page="255"
@@ -1564,6 +1576,7 @@
              type="text"
              class="judge-input"
              v-model="chapterNineData.question.judge.qOne"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -1571,6 +1584,7 @@
              type="text"
              class="judge-input"
              v-model="chapterNineData.question.judge.qTwo"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -1578,6 +1592,7 @@
              type="text"
              class="judge-input"
              v-model="chapterNineData.question.judge.qThree"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -1585,6 +1600,7 @@
              type="text"
              class="judge-input"
              v-model="chapterNineData.question.judge.qFour"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -1592,6 +1608,7 @@
              type="text"
              class="judge-input"
              v-model="chapterNineData.question.judge.qFive"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -1599,6 +1616,7 @@
              type="text"
              class="judge-input"
              v-model="chapterNineData.question.judge.qSix"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -1606,6 +1624,7 @@
              type="text"
              class="judge-input"
              v-model="chapterNineData.question.judge.qSeven"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -1613,6 +1632,7 @@
              type="text"
              class="judge-input"
              v-model="chapterNineData.question.judge.qEnight"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block"><b>二、填空</b></p>
@@ -1621,10 +1641,12 @@
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qOne.one"
              @input="saveChapterOneData"
            />、<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qOne.two"
              @input="saveChapterOneData"
            />两种。
          </p>
          <p class="block">
@@ -1632,14 +1654,17 @@
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qTwo.one"
              @input="saveChapterOneData"
            />、<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qTwo.two"
              @input="saveChapterOneData"
            />、<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qTwo.three"
              @input="saveChapterOneData"
            />三种传染病。
          </p>
          <p class="block">
@@ -1647,18 +1672,22 @@
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qThree.one"
              @input="saveChapterOneData"
            />、<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qThree.two"
              @input="saveChapterOneData"
            />、<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qThree.three"
              @input="saveChapterOneData"
            />、<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qThree.four"
              @input="saveChapterOneData"
            />等卫生要求。
          </p>
          <p class="block">
@@ -1666,6 +1695,7 @@
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qFour.one"
              @input="saveChapterOneData"
            />。
          </p>
          <p class="block">
@@ -1673,10 +1703,12 @@
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qFive.one"
              @input="saveChapterOneData"
            />，要消灭的第二种传染病是<input
              type="text"
              class="lineInput completion-input"
              v-model="chapterNineData.question.fill.qFive.two"
              @input="saveChapterOneData"
            />。
          </p>
        </div>
@@ -1712,6 +1744,7 @@
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
            v-if="questionData && questionData[264][1]"
              :cardList="questionData[264][1]"
              :chapter="9"
              :page="2561"
@@ -1719,6 +1752,7 @@
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
            <examinations
            v-if="questionData && questionData[264][2]"
              :cardList="questionData[264][2]"
              :chapter="9"
              :page="2562"
@@ -1733,6 +1767,7 @@
              placeholder="请输入内容"
              maxlength="600"
              class="w100 ta-br textarea-text"
              @input="saveChapterOneData"
            ></textarea>
          </p>
        </div>
@@ -1743,7 +1778,7 @@

<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";
import {getResourcePath} from "@/assets/methods/resources";
export default {
  name: "chapterNine",
  components: { examinations },
@@ -1754,14 +1789,13 @@
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      learn: require("../../../assets/images/chapterNine/0248-1.jpg"),
      taskOne: require("../../../assets/images/chapterNine/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterNine/task-sheet2.png"),
      tableOne: require("../../../assets/images/chapterNine/0250-1.jpg"),
      tableTwo: require("../../../assets/images/chapterNine/0260-1.jpg"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
@@ -1774,7 +1808,6 @@
      pathFive: "",
      pathSix: "",
      pathSeven: "",
      saveTime: 20,
      chapterNineData: {
        experienceOne: "",
        experienceTwo: "",
@@ -1843,30 +1876,16 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterNineData");
    if (localData) {
      this.chapterNineData = JSON.parse(localData);
    }
    window.timerNine = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterNineData");
      if (localData) {
        this.chapterNineData = JSON.parse(localData);
      }
    }, 1000);
    this.getVideoPath();
  },
  unmounted() {
    if (window.timerNine) {
      clearInterval(window.timerNine);
      this.getVideoPath();
    }
    localStorage.setItem(
      "chapterNineData",
      JSON.stringify(this.chapterNineData)
    );
  },
  methods: {
    saveChapterOneData() {
      this.saveTime = 20;
      localStorage.setItem(
        "chapterNineData",
        JSON.stringify(this.chapterNineData)
@@ -1885,16 +1904,16 @@
        this.$data.learnTableFive = !this.$data.learnTableFive;
      }
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath("730ab5395d1b5b5c87d7422cc6540f35");
      this.$data.pathTwo = getResourcePath("e3c6884dc80cf947e3a38c5595d474ad");
      this.$data.pathThree = getResourcePath(
    async getVideoPath() {
      this.$data.pathOne = await getResourcePath("730ab5395d1b5b5c87d7422cc6540f35");
      this.$data.pathTwo = await getResourcePath("e3c6884dc80cf947e3a38c5595d474ad");
      this.$data.pathThree = await getResourcePath(
        "bdaec679118721e0623d62ac3031288e"
      );
      this.$data.pathFour = getResourcePath("c61f14623b01adaa326d18f2a19b822b");
      this.$data.pathFive = getResourcePath("c469389f516c81f13e4d0440bd9ec87e");
      this.$data.pathSix = getResourcePath("f8d747892eb8af7ed16bcb71967d414f");
      this.$data.pathSeven = getResourcePath(
      this.$data.pathFour = await getResourcePath("c61f14623b01adaa326d18f2a19b822b");
      this.$data.pathFive = await getResourcePath("c469389f516c81f13e4d0440bd9ec87e");
      this.$data.pathSix = await getResourcePath("f8d747892eb8af7ed16bcb71967d414f");
      this.$data.pathSeven = await getResourcePath(
        "960e9aa17b48e900b08cde6e44b774f3"
      );
    },