学前儿童page-box加if

闫增涛

2024-05-27 cc8eff15ca66810cd35957c46f195bff1646a99f

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

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="2">
    <div class="page-box padding-96" page="43">
  <div class="chapter" num="3">
    <div class="page-box padding-96" page="51">
      <p class="center" id="a008">
        <img
          class="img-a"
@@ -43,7 +43,7 @@
      </p>
    </div>
    <!-- 44 -->
    <div class="page-box" page="44">
    <div class="page-box" page="52">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -287,7 +287,7 @@
      </div>
    </div>
    <!-- 45 -->
    <div class="page-box" page="45">
    <div class="page-box" page="53">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">45</span>
@@ -323,7 +323,7 @@
      </div>
    </div>
    <!-- 46 -->
    <div class="page-box" page="46">
    <div class="page-box" page="54">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -599,7 +599,7 @@
      </div>
    </div>
    <!-- 47 -->
    <div class="page-box" page="47">
    <div class="page-box" page="55">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">47</span>
@@ -646,7 +646,7 @@
      </div>
    </div>
    <!-- 48 -->
    <div class="page-box" page="48">
    <div class="page-box" page="56">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -690,7 +690,7 @@
      </div>
    </div>
    <!-- 49 -->
    <div class="page-box" page="49">
    <div class="page-box" page="57">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">49</span>
@@ -723,7 +723,7 @@
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> -->
          <span class="img center dl-bl w100">专题二 学习主题二</span>
          <examinations v-if="questionData"  :cardList="questionData[49]" />
          <examinations v-if="questionData"  :cardList="questionData[49]" :chapter="2" :page="49"  />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
        <div class="fieldset">
@@ -738,7 +738,7 @@
      </div>
    </div>
    <!-- 50 -->
    <div class="page-box" page="50">
    <div class="page-box" page="58">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -973,7 +973,7 @@
      </div>
    </div>
    <!-- 51 -->
    <div class="page-box" page="51">
    <div class="page-box" page="59">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">51</span>
@@ -1013,7 +1013,7 @@
      </div>
    </div>
    <!-- 52 -->
    <div class="page-box" page="52">
    <div class="page-box" page="60">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1058,12 +1058,12 @@
        <p class="blockh6-c center">
          <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
          <span class="img center dl-bl w100">专题二 学习主题三</span>
          <examinations  v-if="questionData" :cardList="questionData[52]" />
          <examinations  v-if="questionData" :cardList="questionData[52]" :chapter="2" :page="52" />
        </p>
      </div>
    </div>
    <!-- 53 -->
    <div class="page-box" page="53">
    <div class="page-box" page="61">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">53</span>
@@ -1110,7 +1110,7 @@
      </div>
    </div>
    <!-- 54 -->
    <div class="page-box" page="54">
    <div class="page-box" page="62">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1202,7 +1202,7 @@
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterTwoData.question.short.qOne"
          v-model="chapterTwoData.question.short.qTwo"
        ></textarea>
        <div>
          <p class="custom_tag">•应用与探讨•</p>
@@ -1227,10 +1227,10 @@
        <p class="blockh6-c">
          学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
          <span class="img">过关检测（资格考试模拟题）1</span><br />
          <examinations v-if="questionData"  :cardList="questionData[541]" />
          <examinations v-if="questionData"  :cardList="questionData[541]" :chapter="2" :page="541" />
          <span class="span-border"></span>
          <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
          <examinations v-if="questionData"  :cardList="questionData[542]" />
          <examinations v-if="questionData"  :cardList="questionData[542]" :chapter="2" :page="542" />
        </p>
        <h6 class="Conclusion-title4">•学习反思•</h6>
        <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1249,20 +1249,15 @@
</template>

<script>
import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
import oddHeaderVue from "../../components/pageHeader/oddHeader.vue";
import examinations from "@/components/examinations/index.vue";
import getQuestionData from "@/assets/methods/examination";
import testData from "../../../assets/examinationList";
import getResourcePath from "@/assets/methods/resources";
export default {
  name: "chapterTwo",
  components: { evenHeaderVue, oddHeaderVue, examinations },
  components: {  examinations },
  data() {
    return {
      taskOne: require("../../../assets/images/chapterTwo/task-sheet1.png"),
      taskTwo: require("../../../assets/images/chapterTwo/task-sheet2.png"),
      taskThree: require("../../../assets/images/chapterTwo/task-sheet3.png"),
      special: require("../../../assets/images/chapterTwo/0056-1.jpg"),
      most: require("../../../assets/images/chapterTwo/0060-1.jpg"),
      resourceState: "",
@@ -1274,6 +1269,7 @@
      pathOne: "",
      pathTwo: "",
      pathThree: "",
      saveTime:20,
      chapterTwoData: {
        experienceOne: "",
        experienceTwo: "",
@@ -1355,16 +1351,14 @@
    if(localData) {
      this.chapterTwoData = JSON.parse(localData)
    }
    window.timerOne = setInterval(() => {
    window.timerTwo = setInterval(() => {
      this.saveTime--
      if(this.saveTime == 0) {
        this.saveChapterOneData()
      }
    },1000)
    this.$data.questionData = await getQuestionData('2',testData[2]);
    this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
    this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
    this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
    this.$data.questionData = await getQuestionData('2',testData[2],this.config.activeBook);
    this.getVideoPath()
  },
  unmounted() {
    if(window.timerTwo) {
@@ -1384,6 +1378,11 @@
        this.$data.videoState = !this.$data.videoState;
      }
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
      this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
      this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
    },
    saveChapterOneData() {
      this.saveTime = 20
      console.log(this.chapterTwoData);