优化关闭其他视频方法（学前儿童书）

闫增涛

2024-06-27 21dae909b36aab7d9fe48ea904eb1b7d9f44a292

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

@@ -156,6 +156,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">2.幼儿园的用地面积包括哪几个部分?</span>
                <textarea
@@ -165,6 +166,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">3.幼儿园的建筑用地应符合哪些要求?</span>
                <textarea
@@ -174,6 +176,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.幼儿园生活用房的耐火等级有什么要求?</span
@@ -185,6 +188,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">5.幼儿园的楼梯应符合什么要求?</span>
                <textarea
@@ -194,6 +198,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">6.幼儿园的绿化地带应如何布置?</span>
                <textarea
@@ -203,6 +208,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">7.幼儿园各室配置的卫生原则是什么?</span>
                <textarea
@@ -212,6 +218,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >8.幼儿园的活动室、卧室、卫生间、保健室和隔离室分别有哪些卫生要求?</span
@@ -223,6 +230,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >9.涉及室内采光的光学物理概念有哪些?</span
@@ -234,6 +242,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >10.幼儿园对自然采光和人工照明有什么要求?</span
@@ -245,6 +254,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">11.幼儿园室内通风有几种方式?</span>
                <textarea
@@ -254,6 +264,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >12.托幼机构采暖有几种方式，分别应注意哪些问题?</span
@@ -265,6 +276,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -291,6 +303,7 @@
              placeholder="请输入内容"
              maxlength="200"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              本主题讲述托幼机构地址的选择、园内布局和各室的卫生要求以及室内的采光和照明、通风和采暖等方面内容。
@@ -331,7 +344,7 @@
          <p>全日制幼儿园各项用房使用面积和建筑面积要求参见表10-1。</p>
          <p class="img">
            表10-1 全日制幼儿园各项用房使用面积和建筑面积一览表<a id="w1"></a
            ><a href="chapter010.html#m1"><sup>[1]</sup></a>
            ><a href="javascript: void(0)" @click="gotoLabel('childTen-labelOne')" class="cu-pr"><sup>[1]</sup></a>
          </p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterTen/0272-1.jpg" class="w100">
@@ -352,8 +365,8 @@
            楼梯应按照保障安全、便于行走和疏散的原则来设计，楼梯内应天然采光。疏散楼梯严禁使用螺旋形或扇形踏步。楼梯踏步面应采用防滑材料，踏步踢面不应漏空，踏步面应
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m1"></a><a href="chapter010.html#w1">[1]</a>
          <p class="note" id="childTen-labelOne">
            <a id="m1"></a><a href="javascript: void(0)">[1]</a>
            摘自《幼儿园建设标准》（建标175—2016）。
          </p>
        </div>
@@ -409,7 +422,8 @@
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="w100 video-border"
                controlslist="nodownload"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：幼儿园各室配置的卫生要求</p>
            </div>
@@ -729,10 +743,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题十 学习主题一</span>
            <examinations
            v-if="questionData && questionData[275]"
            v-if="questionData"
              :cardList="questionData[275]"
              :chapter="10"
              :page="267"
            />
          </p>
          <h2 class="module_block" id="b038">
@@ -823,6 +835,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">2.正确的坐姿是怎样的?</span>
                <textarea
@@ -832,6 +845,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">3.桌椅高差指的是什么?</span>
                <textarea
@@ -841,6 +855,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.为儿童选择什么样的儿童床最为适宜?儿童床的选择应注意什么问题?</span
@@ -852,6 +867,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">5.幼儿园橱柜的要求是什么?</span>
                <textarea
@@ -861,6 +877,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">6.玩具应符合哪些卫生要求?</span>
                <textarea
@@ -870,6 +887,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10"
                  >7.幼儿园的文具、教具应符合什么要求?</span
@@ -881,6 +899,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
                <span class="ds-bl mt-10">8.幼儿园体育设备的卫生要求是什么?</span>
                <textarea
@@ -890,6 +909,7 @@
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                  @input="saveChapterOneData"
                ></textarea>
              </td>
            </tr>
@@ -916,6 +936,7 @@
              placeholder="请输入内容"
              maxlength="200"
              class="w100 ta-br fm-st cl-66 fz-14"
              @input="saveChapterOneData"
            ></textarea>
            <p class="block">
              托幼机构在选择教具、玩具的时候应仔细，保证其安全性。本主题主要讲述托幼机构家具、文具、教具和玩具的卫生以及体育设备的卫生标准和要求，为托幼机构创设安全、卫生的物质环境提供参考。
@@ -1068,7 +1089,8 @@
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="w100 video-border"
                controlslist="nodownload"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：幼儿园文具和教玩具卫生</p>
            </div>
@@ -1175,10 +1197,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题十 学习主题二</span>
            <examinations
            v-if="questionData && questionData[280]"
            v-if="questionData"
              :cardList="questionData[280]"
              :chapter="10"
              :page="272"
            />
          </p>
          <p class="custom_tag"><b>•资料链接•</b></p>
@@ -1242,6 +1262,8 @@
              type="text"
              class="judge-input"
              v-model="chapterTenData.question.judge.qOne"
              @input="saveChapterOneData"

            />）
          </p>
          <p class="block">
@@ -1249,6 +1271,7 @@
              type="text"
              class="judge-input"
              v-model="chapterTenData.question.judge.qTwo"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block">
@@ -1256,6 +1279,7 @@
              type="text"
              class="judge-input"
              v-model="chapterTenData.question.judge.qThree"
              @input="saveChapterOneData"
            />）
          </p>
          <p class="block"><b>二、填空</b></p>
@@ -1264,6 +1288,7 @@
              type="text"
              class="lineInput completion-input"
              v-model="chapterTenData.question.fill.qOne.one"
              @input="saveChapterOneData"
            />是指桌近缘高与椅高之差。
          </p>
          <p class="block"><b>三、思考</b></p>
@@ -1273,6 +1298,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterTenData.question.short.qOne"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">2.课桌椅应符合哪些卫生要求？</p>
          <textarea
@@ -1280,6 +1306,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterTenData.question.short.qTwo"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">3.如何加强幼儿园室内的自然通风？</p>
          <textarea
@@ -1287,6 +1314,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterTenData.question.short.qThree"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">4.幼儿园应如何选择玩具？</p>
          <textarea
@@ -1294,6 +1322,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterTenData.question.short.qFour"
            @input="saveChapterOneData"
          ></textarea>
          <p class="block">5.幼儿园的体育设备应符合哪些要求？</p>
          <textarea
@@ -1301,6 +1330,7 @@
            :rows="8"
            placeholder="请输入内容"
            v-model="chapterTenData.question.short.qFive"
            @input="saveChapterOneData"
          ></textarea>
          <div>
            <p class="custom_tag">•应用与探讨•</p>
@@ -1317,21 +1347,17 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
            v-if="questionData && questionData[281][1]"
              :cardList="questionData[281][1]"
              :chapter="10"
              :page="2731"
            v-if="questionData"
              :cardList="questionData[281] ? questionData[281][1] : []"
            />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
            <examinations
            v-if="questionData && questionData[281][2]"
              :cardList="questionData[281][2]"
              :chapter="10"
              :page="2732"
            v-if="questionData"
              :cardList="questionData[281] ? questionData[281][2] : []"
            />
          </p>
          <h6 class="Conclusion-title4">•学习反思•</h6>
@@ -1343,6 +1369,7 @@
              placeholder="请输入内容"
              maxlength="200"
              class="w100 ta-br textarea-text"
              @input="saveChapterOneData"
            ></textarea>
          </p>
        </div>
@@ -1353,7 +1380,7 @@

<script>
import examinations from "@/components/examinations/index.vue";
import getResourcePath from "@/assets/methods/resources";
import {getResourcePath} from "@/assets/methods/resources";
export default {
  name: "chapterTen",
  components: { examinations },
@@ -1363,6 +1390,10 @@
    },
    showPageList: {
      type: Array,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -1374,7 +1405,6 @@
      learnTableFive: true,
      pathOne: "",
      pathTwo: "",
      saveTime: 20,
      chapterTenData: {
        experienceOne: "",
        experienceTwo: "",
@@ -1426,23 +1456,13 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem("chapterTenData");
    if (localData) {
      this.chapterTenData = JSON.parse(localData);
    }
    window.timerTen = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if(!this.isSearch) {
      const localData = localStorage.getItem("chapterTenData");
      if (localData) {
        this.chapterTenData = JSON.parse(localData);
      }
    }, 1000);
    this.getVideoPath();
  },
  unmounted() {
    if (window.timerTen) {
      clearInterval(window.timerTen);
      this.getVideoPath();
    }
    localStorage.setItem("chapterTenData", JSON.stringify(this.chapterTenData));
  },
  methods: {
    changeResources(type) {
@@ -1459,15 +1479,17 @@
      }
    },
    saveChapterOneData() {
      this.saveTime = 20;
      localStorage.setItem(
        "chapterTenData",
        JSON.stringify(this.chapterTenData)
      );
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath("3f507f73eb9d8c2af4dfcfb032ae696e");
      this.$data.pathTwo = getResourcePath("93d4edcc8ef4f947ebfb0cee38ccaa71");
   async getVideoPath() {
      this.$data.pathOne = await getResourcePath("3f507f73eb9d8c2af4dfcfb032ae696e");
      this.$data.pathTwo = await getResourcePath("93d4edcc8ef4f947ebfb0cee38ccaa71");
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
  },
};