第二本书

闫增涛

2024-05-15 cc232247648ea4cd6b4d3909bb71caea61e388e1

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

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box padding-96">
    <div class="page-box padding-96" page="55">
      <p class="center" id="a009">
        <img
          class="img-a"
@@ -50,7 +50,7 @@
      </p>
    </div>
    <!-- 56 -->
    <div class="page-box">
    <div class="page-box" page="56">
      <evenHeaderVue :num="56" />
      <div class="padding-96">
        <h2 class="module_block" id="b013">
@@ -245,7 +245,7 @@
      </div>
    </div>
    <!-- 57 -->
    <div class="page-box">
    <div class="page-box" page="57">
      <odd-header-vue :special="3" :num="57" />
      <div class="padding-96">
        <div class="fl fl-around">
@@ -287,8 +287,7 @@
      </div>
    </div>
    <!-- 58 -->

    <div class="page-box">
    <div class="page-box" page="58">
      <even-header-vue :num="58" />
      <div class="padding-96">
        <p class="t0">
@@ -317,7 +316,7 @@
      </div>
    </div>
    <!-- 59 -->
    <div class="page-box">
    <div class="page-box" page="59">
      <odd-header-vue :special="3" :num="59" />
      <div class="padding-96">
        <p class="t0">
@@ -352,7 +351,7 @@
      </div>
    </div>
    <!-- 60 -->
    <div class="page-box">
    <div class="page-box" page="60">
      <even-header-vue :num="60" />
      <div class="padding-96">
        <p>
@@ -386,7 +385,7 @@
      </div>
    </div>
    <!-- 61 -->
    <div class="page-box">
    <div class="page-box" page="61">
      <odd-header-vue :special="3" :num="61" />
      <div class="padding-96">
        <p>
@@ -406,7 +405,7 @@
          </div>
          <div class="right" style="width: 60%">
            <video
              :src="config.resourceCtx +  '/video/chapterThree/专题三：影响学前儿童心理发展的因素.mp4'"
              :src="pathOne"
              poster="../../../assets/images/chapterTwo/people-video-img.png"
              webkit-playsinline="true"
              x-webkit-airplay="true"
@@ -438,7 +437,7 @@
      </div>
    </div>
    <!-- 62 -->
    <div class="page-box">
    <div class="page-box" page="62">
      <even-header-vue :num="62" />
      <div class="padding-96">
        <p>
@@ -473,7 +472,7 @@
      </div>
    </div>
    <!-- 63 -->
    <div class="page-box">
    <div class="page-box" page="63">
      <odd-header-vue :special="3" :num="63" />
      <div class="padding-96">
        <p>
@@ -508,7 +507,7 @@
      </div>
    </div>
    <!-- 64 -->
    <div class="page-box">
    <div class="page-box" page="64">
      <even-header-vue :num="64" />
      <div class="padding-96">
        <p>
@@ -530,8 +529,8 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0077-1.jpg" /><br /> -->
          <span class="img">专题三 学习主题一</span>
          <examinations :cardList="questionData[64]" />
          <!-- <span class="img">专题三 学习主题一</span> -->
        </p>
        <h2 class="module_block" id="b014">
          <div class="custom1">学习主题二</div>
@@ -658,7 +657,6 @@
            </td>
          </tr>
        </table>
        <p class="img">自主学习任务单</p>
        <p class="custom_tag"><b>•学习初体验•</b></p>
        <div class="fieldset">
          <p class="block">
@@ -680,7 +678,7 @@
      </div>
    </div>
    <!-- 65 -->
    <div class="page-box">
    <div class="page-box" page="65">
      <odd-header-vue :special="3" :num="65" />
      <div class="padding-96">
        <p>
@@ -704,7 +702,7 @@
      </div>
    </div>
    <!-- 66 -->
    <div class="page-box">
    <div class="page-box" page="66">
      <even-header-vue :num="66" />
      <div class="padding-96">
        <p>
@@ -732,7 +730,7 @@
      </div>
    </div>
    <!-- 67 -->
    <div class="page-box">
    <div class="page-box" page="67">
      <odd-header-vue :special="3" :num="67" />
      <div class="padding-96">
        <p class="t0">
@@ -763,7 +761,7 @@
      </div>
    </div>
    <!-- 68 -->
    <div class="page-box">
    <div class="page-box" page="68">
      <even-header-vue :num="68" />
      <div class="padding-96">
        <h3 id="c035">二、儿童常见的心理行为问题及其引导＞＞＞＞＞＞</h3>
@@ -786,7 +784,7 @@
      </div>
    </div>
    <!-- 69 -->
    <div class="page-box">
    <div class="page-box" page="69">
      <odd-header-vue :special="3" :num="69" />
      <div class="padding-96">
        <p class="t0">
@@ -810,7 +808,7 @@
          </div>
          <div class="right" style="width: 60%">
            <video
              :src=" config.resourceCtx + ' /video/chapterThree/专题三：过度依赖.mp4'"
              :src="pathTwo"
              poster="../../../assets/images/chapterTwo/people-video-img.png"
              webkit-playsinline="true"
              x-webkit-airplay="true"
@@ -841,7 +839,7 @@
      </div>
    </div>
    <!-- 70 -->
    <div class="page-box">
    <div class="page-box" page="70">
      <even-header-vue :num="70" />
      <div class="padding-96">
        <p class="t0">
@@ -861,7 +859,7 @@
      </div>
    </div>
    <!-- 71 -->
    <div class="page-box">
    <div class="page-box" page="71">
      <odd-header-vue :special="3" :num="71" />
      <div class="padding-96">
        <p>
@@ -884,7 +882,7 @@
      </div>
    </div>
    <!-- 72 -->
    <div class="page-box">
    <div class="page-box" page="72">
      <even-header-vue :num="72" />
      <div class="padding-96">
        <p class="t0">
@@ -906,7 +904,7 @@
          <div class="right" style="width: 60%">
            <p class="center">
              <video
                :src=" config.resourceCtx + '/video/chapterThree/专题三：自慰.mp4'"
                :src="pathThree"
                poster="../../../assets/images/chapterTwo/people-video-img.png"
                webkit-playsinline="true"
                x-webkit-airplay="true"
@@ -937,7 +935,7 @@
      </div>
    </div>
    <!-- 73 -->
    <div class="page-box">
    <div class="page-box" page="73">
      <odd-header-vue :special="3" :num="73" />
      <div class="padding-96">
        <p>
@@ -959,7 +957,8 @@
          云测试
        </h6>
        <p class="blockh6-c center">
          <span class="img">专题三 学习主题二</span>
          <!-- <span class="img">专题三 学习主题二</span> -->
          <examinations :cardList="questionData[73]" />
        </p>
        <h2 class="module_block" id="b015">
          <div class="custom1">学习主题三</div>
@@ -1131,7 +1130,7 @@
      </div>
    </div>
    <!-- 74 -->
    <div class="page-box">
    <div class="page-box" page="74">
      <even-header-vue :num="74" />
      <div class="padding-96">
        <div class="fieldset">
@@ -1157,7 +1156,7 @@
          </div>
          <div class="right" style="width: 60%">
            <video
              :src="config.resourceCtx + ' /video/chapterThree/专题三：言语及语言发育障碍.mp4'"
              :src="pathFour"
              poster="../../../assets/images/chapterTwo/people-video-img.png"
              webkit-playsinline="true"
              x-webkit-airplay="true"
@@ -1180,7 +1179,7 @@
      </div>
    </div>
    <!-- 75 -->
    <div class="page-box">
    <div class="page-box" page="75">
      <odd-header-vue :special="3" :num="75" />
      <div class="padding-96">
        <p class="t0">
@@ -1195,7 +1194,7 @@
          </div>
          <div class="right" style="width: 60%">
            <video
              :src="config.resourceCtx + '/video/chapterThree/专题三：怎样发现孩子发育迟缓.mp4'"
              :src="pathFive"
              poster="../../../assets/images/chapterTwo/people-video-img.png"
              webkit-playsinline="true"
              x-webkit-airplay="true"
@@ -1232,7 +1231,7 @@
      </div>
    </div>
    <!-- 76 -->
    <div class="page-box">
    <div class="page-box" page="76">
      <even-header-vue :num="76" />
      <div class="padding-96">
        <p class="t0">
@@ -1265,7 +1264,7 @@
      </div>
    </div>
    <!-- 77 -->
    <div class="page-box">
    <div class="page-box" page="77">
      <odd-header-vue :special="3" :num="77" />
      <div class="padding-96">
        <p>
@@ -1292,7 +1291,7 @@
          </div>
          <div class="right" style="width: 60%">
            <video
              :src="config.resourceCtx + '/video/chapterThree/专题三：儿童多动症.mp4'"
              :src="pathSix"
              poster="../../../assets/images/chapterTwo/people-video-img.png"
              webkit-playsinline="true"
              x-webkit-airplay="true"
@@ -1315,7 +1314,7 @@
      </div>
    </div>
    <!-- 78 -->
    <div class="page-box">
    <div class="page-box" page="78">
      <even-header-vue :num="78" />
      <div class="padding-96">
        <p class="t0">
@@ -1347,12 +1346,13 @@
          云测试
        </h6>
        <p class="blockh6-c center">
          <span class="img">专题三 学习主题三</span>
          <!-- <span class="img">专题三 学习主题三</span> -->
          <examinations :cardList="questionData[78]" />
        </p>
      </div>
    </div>
    <!-- 79 -->
    <div class="page-box">
    <div class="page-box" page="79">
      <odd-header-vue :special="3" :num="79" />
      <div class="padding-96">
        <h6 class="Conclusion-title4">专题小结</h6>
@@ -1437,7 +1437,7 @@
      </div>
    </div>
    <!-- 80 -->
    <div class="page-box">
    <div class="page-box" page="80">
      <even-header-vue :num="80" />
      <div class="padding-96">
        <p class="block">
@@ -1470,10 +1470,11 @@
        </h6>
        <p class="blockh6-c">
          学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
          <!-- <img class="img-g" alt="" src="image/0093-1.jpg" /><br /> -->
          <span class="img">过关检测（资格考试模拟题）1</span><br />
          <!-- <img class="img-g" alt="" src="image/0093-2.jpg" /><br /> -->
          <span class="img">过关检测（资格考试模拟题）2</span>
          <examinations :cardList="questionData[801]" />
          <span class="span-border"></span>
          <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
          <examinations :cardList="questionData[802]" />
        </p>
        <h6 class="Conclusion-title4">•学习反思•</h6>
        <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1500,9 +1501,13 @@
<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: "chapterThree",
  components: { evenHeaderVue, oddHeaderVue },
  components: { evenHeaderVue, oddHeaderVue,examinations },
  data() {
    return {
      learn: require("../../../assets/images/chapterThree/0068-1.jpg"),
@@ -1513,8 +1518,26 @@
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
      questionData:{},
      pathOne:'',
      pathTwo:'',
      pathThree:'',
      pathFour:'',
      pathFive:'',
      pathSix:'',
      
    };
  },
  mounted() {
    console.log('数据',testData[3]);
    this.$data.questionData = getQuestionData(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')
  },
  methods: {
    changeResources(type) {
      if (type == "learnTableOne") {