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

YM

2024-05-28 d14467a70204879c15b82de39deb6df23b85a088

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

@@ -1,6 +1,7 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box padding-96" page="51">
      <div v-if="showPageList.indexOf(51) > -1">
      <p class="center" id="a008">
        <img
          class="img-a"
@@ -24,14 +25,22 @@
        　　4.进行学前儿童生长发育状况的简单评价。
      </p>
      <h6 class="Conclusion-title2">
        <img class="img-gn" alt="" src="../../../assets/images/icon/gjc.png" />
          <img
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/gjc.png"
          />
        关键词
      </h6>
      <p class="blockh6">
        生长　发育　胎儿期　新生儿期　婴儿期　幼儿前期　幼儿期　学龄期　青春期
      </p>
      <h6 class="Conclusion-title2">
        <img class="img-gn" alt="" src="../../../assets/images/icon/gjc.png" />
          <img
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/gjc.png"
          />
        专题导学
      </h6>
      <p class="blockh6 m0-t0">
@@ -42,8 +51,10 @@
        />
      </p>
    </div>
    </div>
    <!-- 44 -->
    <div class="page-box" page="52">
      <div v-if="showPageList.indexOf(52) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -286,8 +297,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 45 -->
    <div class="page-box" page="53">
      <div v-if="showPageList.indexOf(53) > -1">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">45</span>
@@ -322,8 +335,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 46 -->
    <div class="page-box" page="54">
      <div v-if="showPageList.indexOf(54) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -345,12 +360,7 @@
        </h6>
        <p class="blockh6-c">
          <span class="img center dl-bl w100">专题二 学习主题一</span>
          <examinations
            v-if="questionData" 
            :cardList="questionData[46]"
            :chapter="2"
            :page="46" 
            />
            <examinations v-if="questionData" :cardList="questionData[54]" />
        </p>
        <h2 class="module_block" id="b011">
          <div class="custom1">学习主题二</div>
@@ -598,8 +608,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 47 -->
    <div class="page-box" page="55">
      <div v-if="showPageList.indexOf(55) > -1">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">47</span>
@@ -645,8 +657,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 48 -->
    <div class="page-box" page="56">
      <div v-if="showPageList.indexOf(56) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -689,8 +703,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 49 -->
    <div class="page-box" page="57">
      <div v-if="showPageList.indexOf(57) > -1">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">49</span>
@@ -723,7 +739,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]" :chapter="2" :page="49"  />
            <examinations v-if="questionData" :cardList="questionData[57]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
        <div class="fieldset">
@@ -737,8 +753,10 @@
        </div>
      </div>
    </div>
    </div>
    <!-- 50 -->
    <div class="page-box" page="58">
      <div v-if="showPageList.indexOf(58) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -972,8 +990,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 51 -->
    <div class="page-box" page="59">
      <div v-if="showPageList.indexOf(59) > -1">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">51</span>
@@ -1012,8 +1032,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 52 -->
    <div class="page-box" page="60">
      <div v-if="showPageList.indexOf(60) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1058,12 +1080,19 @@
        <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]" :chapter="2" :page="52" />
            <examinations
              v-if="questionData"
              :cardList="questionData[60]"
              :chapter="2"
              :page="52"
            />
        </p>
        </div>
      </div>
    </div>
    <!-- 53 -->
    <div class="page-box" page="61">
      <div v-if="showPageList.indexOf(61) > -1">
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">53</span>
@@ -1109,8 +1138,10 @@
        </p>
      </div>
    </div>
    </div>
    <!-- 54 -->
    <div class="page-box" page="62">
      <div v-if="showPageList.indexOf(62) > -1">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1227,10 +1258,10 @@
        <p class="blockh6-c">
          学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
          <span class="img">过关检测（资格考试模拟题）1</span><br />
          <examinations v-if="questionData"  :cardList="questionData[541]" :chapter="2" :page="541" />
            <examinations v-if="questionData" :cardList="questionData[62][1]" />
          <span class="span-border"></span>
          <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
          <examinations v-if="questionData"  :cardList="questionData[542]" :chapter="2" :page="542" />
            <examinations v-if="questionData" :cardList="questionData[62][2]" />
        </p>
        <h6 class="Conclusion-title4">•学习反思•</h6>
        <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1246,16 +1277,23 @@
      </div>
    </div>
  </div>
  </div>
</template>

<script>
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: {  examinations },
  props: {
    questionData: {
      type: Object,
    },
    showPageList:{
      type:Array
    }
  },
  data() {
    return {
      special: require("../../../assets/images/chapterTwo/0056-1.jpg"),
@@ -1265,7 +1303,6 @@
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
      questionData: {},
      pathOne: "",
      pathTwo: "",
      pathThree: "",
@@ -1274,7 +1311,7 @@
        experienceOne: "",
        experienceTwo: "",
        experienceThree: "",
        introspection:'',
        introspection: "",
        learnTableOne: {
          qOne: "",
          qTwo: "",
@@ -1327,7 +1364,7 @@
              one: "",
              two: "",
              Three:"",
              Four:""
              Four: "",
            },
            qFour: {
              one: "",
@@ -1347,27 +1384,27 @@
    };
  },
  async mounted() {
    const localData = localStorage.getItem('chapterTwoData')
    const localData = localStorage.getItem("chapterTwoData");
    if(localData) {
      this.chapterTwoData = JSON.parse(localData)
      this.chapterTwoData = JSON.parse(localData);
    }
    window.timerTwo = setInterval(() => {
      this.saveTime--
      this.saveTime--;
      if(this.saveTime == 0) {
        this.saveChapterOneData()
        this.saveChapterOneData();
      }
    },1000)
    this.$data.questionData = await getQuestionData('2',testData[2],this.config.activeBook);
    this.getVideoPath()
    }, 1000);
    this.getVideoPath();
  },
  unmounted() {
    if(window.timerTwo) {
      clearInterval(window.timerTwo)
      clearInterval(window.timerTwo);
    }
    localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData))
    localStorage.setItem("chapterTwoData", JSON.stringify(this.chapterTwoData));
  },
  methods: {
    changeResources(type) {
      console.log(this.$props.questionData);
      if (type == "learnTableOne") {
        this.$data.learnTableOne = !this.$data.learnTableOne;
      } else if (type == "learnTableTwo") {
@@ -1381,13 +1418,18 @@
    getVideoPath() {
      this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
      this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
      this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
      this.$data.pathThree = getResourcePath(
        "67cf97bd8295dc3aeb46982c574df8d0"
      );
    },
    saveChapterOneData() {
      this.saveTime = 20
      this.saveTime = 20;
      console.log(this.chapterTwoData);
      localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData))
    }
      localStorage.setItem(
        "chapterTwoData",
        JSON.stringify(this.chapterTwoData)
      );
    },
  },
};
</script>