合并

unknown

2024-05-27 06a893e503c32ea16026db428f4d82eef7eedb3c

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

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box padding-96" page="55">
  <div class="chapter" num="4">
    <div class="page-box padding-96" page="63">
      <p class="center" id="a009">
        <img
          class="img-a"
@@ -46,11 +46,11 @@
        专题导学
      </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 -->
    <div class="page-box" page="56">
    <div class="page-box" page="64">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -310,9 +310,9 @@
      </div>
    </div>
    <!-- 57 -->
    <div class="page-box" page="57">
    <div class="page-box" page="65">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">57</span>
@@ -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>
@@ -357,7 +357,7 @@
      </div>
    </div>
    <!-- 58 -->
    <div class="page-box" page="58">
    <div class="page-box" page="66">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -392,9 +392,9 @@
      </div>
    </div>
    <!-- 59 -->
    <div class="page-box" page="59">
    <div class="page-box" page="67">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">59</span>
@@ -432,7 +432,7 @@
      </div>
    </div>
    <!-- 60 -->
    <div class="page-box" page="60">
    <div class="page-box" page="68">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -472,9 +472,9 @@
      </div>
    </div>
    <!-- 61 -->
    <div class="page-box" page="61">
    <div class="page-box" page="69">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">61</span>
@@ -529,7 +529,7 @@
      </div>
    </div>
    <!-- 62 -->
    <div class="page-box" page="62">
    <div class="page-box" page="70">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -570,9 +570,9 @@
      </div>
    </div>
    <!-- 63 -->
    <div class="page-box" page="63">
    <div class="page-box" page="71">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">63</span>
@@ -610,7 +610,7 @@
      </div>
    </div>
    <!-- 64 -->
    <div class="page-box" page="64">
    <div class="page-box" page="72">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -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>
@@ -829,9 +829,9 @@
      </div>
    </div>
    <!-- 65 -->
    <div class="page-box" page="65">
    <div class="page-box" page="73">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">65</span>
@@ -858,7 +858,7 @@
      </div>
    </div>
    <!-- 66 -->
    <div class="page-box" page="66">
    <div class="page-box" page="74">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -892,9 +892,9 @@
      </div>
    </div>
    <!-- 67 -->
    <div class="page-box" page="67">
    <div class="page-box" page="75">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">67</span>
@@ -928,7 +928,7 @@
      </div>
    </div>
    <!-- 68 -->
    <div class="page-box" page="68">
    <div class="page-box" page="76">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -957,9 +957,9 @@
      </div>
    </div>
    <!-- 69 -->
    <div class="page-box" page="69">
    <div class="page-box" page="77">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">69</span>
@@ -1017,7 +1017,7 @@
      </div>
    </div>
    <!-- 70 -->
    <div class="page-box" page="70">
    <div class="page-box" page="78">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1043,9 +1043,9 @@
      </div>
    </div>
    <!-- 71 -->
    <div class="page-box" page="71">
    <div class="page-box" page="79">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">71</span>
@@ -1071,7 +1071,7 @@
      </div>
    </div>
    <!-- 72 -->
    <div class="page-box" page="72">
    <div class="page-box" page="80">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1130,9 +1130,9 @@
      </div>
    </div>
    <!-- 73 -->
    <div class="page-box" page="73">
    <div class="page-box" page="81">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">73</span>
@@ -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>
@@ -1395,7 +1395,7 @@
      </div>
    </div>
    <!-- 74 -->
    <div class="page-box" page="74">
    <div class="page-box" page="82">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1455,9 +1455,9 @@
      </div>
    </div>
    <!-- 75 -->
    <div class="page-box" page="75">
    <div class="page-box" page="83">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">75</span>
@@ -1512,7 +1512,7 @@
      </div>
    </div>
    <!-- 76 -->
    <div class="page-box" page="76">
    <div class="page-box" page="84">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1551,9 +1551,9 @@
      </div>
    </div>
    <!-- 77 -->
    <div class="page-box" page="77">
    <div class="page-box" page="85">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">77</span>
@@ -1606,7 +1606,7 @@
      </div>
    </div>
    <!-- 78 -->
    <div class="page-box" page="78">
    <div class="page-box" page="86">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -1645,14 +1645,14 @@
        </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>
    <!-- 79 -->
    <div class="page-box" page="79">
    <div class="page-box" page="87">
      <div class="page-header-box">
        <span class="page-header-text" 
        <span class="page-header-text"
          >专题三&nbsp;学前儿童心里发展特点与保健</span
        >
        <span class="page-header-num">79</span>
@@ -1744,27 +1744,36 @@
            class="lineInput completion-input"
            v-model="chapterThreeData.question.fill.qFive.one"
          />、
          <input 
          type="text" 
          class="lineInput completion-input" 
          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.two"
          />、
          <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.three"
          />、
          <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.qFive.four"
          />、
          <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>
    <!-- 80 -->
    <div class="page-box" page="80">
    <div class="page-box" page="88">
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
@@ -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,16 +1826,16 @@
        <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">
          <textarea 
            cols="30" 
            rows="18" 
          <textarea
            cols="30"
            rows="18"
            v-model="chapterThreeData.introspection"
            placeholder="请输入内容"
            maxlength="800"
@@ -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:'',
      questionData: {},
      pathOne: "",
      pathTwo: "",
      pathThree: "",
      pathFour: "",
      pathFive: "",
      pathSix: "",
      saveTime: 20,
      chapterThreeData: {
        experienceOne: "",
        experienceTwo: "",
        experienceThree: "",
        introspection:'',
        introspection: "",
        learnTableOne: {
          qOne: "",
          qTwo: "",
@@ -1872,9 +1885,9 @@
          qSeven: "",
          qEight: "",
          qNine: "",
          qTen:"",
          qEleven:"",
          qTwelve:"",
          qTen: "",
          qEleven: "",
          qTwelve: "",
        },
        learnTableTwo: {
          qOne: "",
@@ -1884,7 +1897,7 @@
          qFive: "",
          qSix: "",
          qSeven: "",
          qEnight:""
          qEnight: "",
        },
        learnTableThree: {
          qOne: "",
@@ -1896,10 +1909,10 @@
          qSeven: "",
          qEight: "",
          qNine: "",
          qTen:"",
          qEleven:"",
          qTwelve:"",
          qThirteen:"",
          qTen: "",
          qEleven: "",
          qTwelve: "",
          qThirteen: "",
        },
        question: {
          judge: {
@@ -1907,8 +1920,8 @@
            qTwo: "",
            qThree: "",
            qFour: "",
            qFive:"",
            qSix:"",
            qFive: "",
            qSix: "",
          },
          fill: {
            qOne: {
@@ -1926,17 +1939,17 @@
            qFive: {
              one: "",
              two: "",
              Three:"",
              Four:"",
              Five:"",
              Six:""
              three: "",
              four: "",
              five: "",
              six: "",
            },
            qSix:{
            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.config.activeBook);
    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>