嵌入式

闫增涛

2024-05-22 d07c2414b1d7be4a0d601c10987589bd2db83598

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

@@ -345,7 +345,12 @@
        </h6>
        <p class="blockh6-c">
          <span class="img center dl-bl w100">专题二 学习主题一</span>
          <examinations :cardList="questionData[46]" />
          <examinations
            v-if="questionData" 
            :cardList="questionData[46]"
            :chapter="2"
            :page="46" 
            />
        </p>
        <h2 class="module_block" id="b011">
          <div class="custom1">学习主题二</div>
@@ -525,7 +530,7 @@
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qEvelen"
                v-model="chapterTwoData.learnTableTwo.qEleven"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
@@ -718,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 :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">
@@ -1053,7 +1058,7 @@
        <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 :cardList="questionData[52]" />
          <examinations  v-if="questionData" :cardList="questionData[52]" :chapter="2" :page="52" />
        </p>
      </div>
    </div>
@@ -1197,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>
@@ -1222,10 +1227,10 @@
        <p class="blockh6-c">
          学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
          <span class="img">过关检测（资格考试模拟题）1</span><br />
          <examinations :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 :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">
@@ -1244,21 +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";
import { mapState } from "vuex";
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: "",
@@ -1270,6 +1269,7 @@
      pathOne: "",
      pathTwo: "",
      pathThree: "",
      saveTime:20,
      chapterTwoData: {
        experienceOne: "",
        experienceTwo: "",
@@ -1297,7 +1297,7 @@
          qEight: "",
          qNine: "",
          qTen: "",
          qEvelen: "",
          qEleven: "",
        },
        learnTableThree: {
          qOne: "",
@@ -1347,10 +1347,24 @@
    };
  },
  async mounted() {
    this.$data.questionData = await getQuestionData(testData[2]);
    this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
    this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
    this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
    const localData = localStorage.getItem('chapterTwoData')
    if(localData) {
      this.chapterTwoData = JSON.parse(localData)
    }
    window.timerTwo = setInterval(() => {
      this.saveTime--
      if(this.saveTime == 0) {
        this.saveChapterOneData()
      }
    },1000)
    this.$data.questionData = await getQuestionData('2',testData[2]);
    this.getVideoPath()
  },
  unmounted() {
    if(window.timerTwo) {
      clearInterval(window.timerTwo)
    }
    localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData))
  },
  methods: {
    changeResources(type) {
@@ -1364,6 +1378,16 @@
        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);
      localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData))
    }
  },
};
</script>