新书

闫增涛

2024-05-20 e5ac9c38a59646544e6d4b6dee0b3c5f2970118f

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

@@ -46,7 +46,7 @@
        专题导学
      </h6>
      <p class="blockh6 m0-t0">
        <el-image :src="learn" :preview-src-list="[learn]" />
        <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
      </p>
    </div>
    <!-- 56 -->
@@ -330,7 +330,7 @@
          </div>
          <div class="right" style="width: 35%">
            <p class="center">
              <el-image :src="body" :preview-src-list="[body]" />
              <el-image :src="body" :preview-src-list="[body]" class="open-image" />
            </p>
            <p class="img">图3-1 身体动作的发展方向</p>
          </div>
@@ -639,7 +639,7 @@
        </h6>
        <p class="blockh6-c">
          <span class="img center dl-bl w100">专题三 学习主题一</span>
          <examinations :cardList="questionData[64]" />
          <examinations :cardList="questionData[64]" :chapter="3" :page="64" />
        </p>
        <h2 class="module_block" id="b014">
          <div class="custom1">学习主题二</div>
@@ -1158,7 +1158,7 @@
        </h6>
        <p class="blockh6-c center">
          <span class="img center dl-bl w100">专题三 学习主题二</span>
          <examinations :cardList="questionData[73]" />
          <examinations :cardList="questionData[73]" :chapter="3" :page="73" />
        </p>
        <h2 class="module_block" id="b015">
          <div class="custom1">学习主题三</div>
@@ -1645,7 +1645,7 @@
        </h6>
        <p class="blockh6-c center">
          <span class="img center dl-bl w100">专题三 学习主题三</span>
          <examinations :cardList="questionData[78]" />
          <examinations :cardList="questionData[78]" :chapter="3" :page="78" />
        </p>
      </div>
    </div>
@@ -1747,19 +1747,28 @@
          <input 
          type="text" 
          class="lineInput completion-input" 
          v-model="chapterThreeData.question.fill.qFive.Two" />、
            v-model="chapterThreeData.question.fill.qFive.two"
          />、
          <input
            type="text"
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qFive.Three" 
            v-model="chapterThreeData.question.fill.qFive.three"
          />、
          <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.Four"  />、
          <input
            type="text"
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qThree.Five" 
            v-model="chapterThreeData.question.fill.qFive.four"
          />、
          <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.Six"  />等。
          <input
            type="text"
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qThree.five"
          />、
          <input
            type="text"
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qFive.six"
          />等。
        </p>
      </div>
    </div>
@@ -1777,15 +1786,23 @@
          6.学前儿童常见的心理疾病有：<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qSix.One"
            v-model="chapterThreeData.question.fill.qSix.one"
          />、
          <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.Two" />、
          <input
            type="text"
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qSix.Three"
            v-model="chapterThreeData.question.fill.qSix.two"
          />、
          <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.Four" />。
          <input
            type="text"
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qSix.three"
          />、
          <input
            type="text"
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qSix.four"
          />。
        </p>
        <p class="custom_tag">•应用与探讨•</p>
        <p class="block">1.针对学前儿童吸吮手指的行为，提出可行的纠正措施。</p>
@@ -1809,10 +1826,10 @@
        <p class="blockh6-c">
          学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
          <span class="img">过关检测（资格考试模拟题）1</span><br />
          <examinations :cardList="questionData[801]" />
          <examinations :cardList="questionData[801]" :chapter="3" :page="801" />
          <span class="span-border"></span>
          <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
          <examinations :cardList="questionData[802]" />
          <examinations :cardList="questionData[802]" :chapter="3" :page="802" />
        </p>
        <h6 class="Conclusion-title4">•学习反思•</h6>
        <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1831,37 +1848,33 @@
</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 getQuestionData from "@/assets/methods/examination";
import testData from "../../../assets/examinationList";
import getResourcePath from "@/assets/methods/resources";
export default {
  name: "chapterThree",
  components: { evenHeaderVue, oddHeaderVue,examinations },
  components: {  examinations },
  data() {
    return {
      learn: require("../../../assets/images/chapterThree/0068-1.jpg"),
      taskOne: require("../../../assets/images/chapterThree/task-sheet1.png"),
      body: require("../../../assets/images/chapterThree/0070-1.jpg"),
      taskTwo: require("../../../assets/images/chapterThree/task-sheet2.png"),
      taskThree: require("../../../assets/images/chapterThree/task-sheet3.png"),
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
      questionData:{},
      pathOne:'',
      pathTwo:'',
      pathThree:'',
      pathFour:'',
      pathFive:'',
      pathSix:'',
      pathOne: "",
      pathTwo: "",
      pathThree: "",
      pathFour: "",
      pathFive: "",
      pathSix: "",
      saveTime: 20,
      chapterThreeData: {
        experienceOne: "",
        experienceTwo: "",
        experienceThree: "",
        introspection:'',
        introspection: "",
        learnTableOne: {
          qOne: "",
          qTwo: "",
@@ -1884,7 +1897,7 @@
          qFive: "",
          qSix: "",
          qSeven: "",
          qEnight:""
          qEnight: "",
        },
        learnTableThree: {
          qOne: "",
@@ -1926,17 +1939,17 @@
            qFive: {
              one: "",
              two: "",
              Three:"",
              Four:"",
              Five:"",
              Six:""
              three: "",
              four: "",
              five: "",
              six: "",
            },
            qSix:{
              one: "",
              two: "",
              Three:"",
              Four:"",
            }
              three: "",
              four: "",
            },
          },
          short: {
            qOne: "",
@@ -1947,14 +1960,24 @@
    };
  },
  async mounted() {
    console.log('数据',testData[3]);
    this.$data.questionData = await getQuestionData('3',testData[3])
    this.$data.pathOne = getResourcePath('ca2a1ae9429a5f7a28fe9aa1bfbf3b4a')
    this.$data.pathTwo = getResourcePath('8fa9d6565b97c5975b1a0a7ef09d38a9')
    this.$data.pathThree = getResourcePath('56170fb1a0ea272990fe51530086aab1')
    this.$data.pathFour = getResourcePath('ae67fd7678656c0ce89599bd1949f993')
    this.$data.pathFive = getResourcePath('5aa431a223cdba0d30f1175a2ec3f308')
    this.$data.pathSix = getResourcePath('bc3af85cd899b20adf885c308c595fbb')
    const localData = localStorage.getItem("chapterThreeData");
    if (localData) {
      this.chapterThreeData = JSON.parse(localData);
    }
    window.timerThree = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
      }
    }, 1000);
    this.$data.questionData = await getQuestionData("3", testData[3]);
    this.getVideoPath()
  },
  unmounted() {
    if (window.timerThree) {
      clearInterval(window.timerThree);
    }
    localStorage.setItem("chapterThreeData", JSON.stringify(this.chapterThreeData));
  },
  methods: {
    changeResources(type) {
@@ -1968,6 +1991,23 @@
        this.$data.videoState = !this.$data.videoState;
      }
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath("ca2a1ae9429a5f7a28fe9aa1bfbf3b4a");
      this.$data.pathTwo = getResourcePath("8fa9d6565b97c5975b1a0a7ef09d38a9");
      this.$data.pathThree = getResourcePath(
        "56170fb1a0ea272990fe51530086aab1"
      );
      this.$data.pathFour = getResourcePath("ae67fd7678656c0ce89599bd1949f993");
      this.$data.pathFive = getResourcePath("5aa431a223cdba0d30f1175a2ec3f308");
      this.$data.pathSix = getResourcePath("bc3af85cd899b20adf885c308c595fbb");
    },
    saveChapterOneData() {
      this.saveTime = 20;
      localStorage.setItem(
        "chapterThreeData",
        JSON.stringify(this.chapterThreeData)
      );
    },
  },
};
</script>