添加分页

unknown

2024-05-23 5d54066f924c98a8f3908497e8b546b5519a0ae3

 src/books/lifeCare/view/chapter004.vue

@@ -1,7 +1,7 @@
<template>
  <div class="page-content-box">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter">
    <div class="page-box" page="55">
      <div class="bodystyle topImg">
        <h2 id="b004">
          <img class="img-0" alt="" src="../image/dy4.jpg" />
        </h2>
@@ -58,7 +58,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="56">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -121,7 +121,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="57">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -144,6 +144,7 @@
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text1')"
          ></textarea>
          <p class="left">大便</p>
@@ -153,6 +154,7 @@
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
@@ -182,6 +184,7 @@
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text3')"
          ></textarea>
          <p class="left">13～24月龄</p>
@@ -191,6 +194,7 @@
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text4')"
          ></textarea>
          <p class="left">25～36月龄</p>
@@ -200,12 +204,13 @@
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text5')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="58">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -273,7 +278,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="59">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -371,7 +376,7 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="60">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -503,7 +508,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="61">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -571,7 +576,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="62">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -639,7 +644,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="63">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -695,7 +700,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="64">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -799,7 +804,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="65">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -866,7 +871,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="66">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -924,7 +929,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="67">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -1028,7 +1033,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="68">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -1076,7 +1081,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="69">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -1115,13 +1120,10 @@
            />
          </div>
          <div
            v-if="chapter004.idOpenThree && chapter004.qustionData[65]"
            v-if="chapter004.idOpenThree && chapter004.qustionData[4]"
            class="tips-file"
          >
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter004.qustionData[65]"
            />
            <examinations :cardList="chapter004.qustionData[4]" />
          </div>
        </div>
        <p><br /></p>
@@ -1191,7 +1193,7 @@
        <p class="block">D.提早训练</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="70">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -1216,32 +1218,26 @@
        <p class="block">B.吞咽反射</p>
        <p class="block">C.吸吮反射</p>
        <p class="block">D.条件反射</p>
        <p>
          7.培养良好的二便习惯和生活方式有利于（　<input
        <p>7.培养良好的二便习惯和生活方式有利于（　<input
            v-model="chapter004.radio.text7"
            @blur="onRadioText()"
          />　）。
        </p>
          />　）。</p>
        <p class="block">A.提高婴幼儿动作的灵活性</p>
        <p class="block">B.提高婴幼儿的社会交往能力</p>
        <p class="block">C.提高婴幼儿机体的工作效率</p>
        <p class="block">D.促进婴幼儿的智力发展</p>
        <p>
          8.培养婴幼儿的二便习惯要（　<input
        <p>8.培养婴幼儿的二便习惯要（　<input
            v-model="chapter004.radio.text8"
            @blur="onRadioText()"
          />　）。
        </p>
          />　）。</p>
        <p class="block">A.抓准间隔时间提前提醒</p>
        <p class="block">B.提早训练</p>
        <p class="block">C.以家长的威严制服婴儿</p>
        <p class="block">D.用食物逗引婴儿</p>
        <p>
          9.婴幼儿二便后不正确的清洁方法是（　<input
        <p>9.婴幼儿二便后不正确的清洁方法是（　<input
            v-model="chapter004.radio.text9"
            @blur="onRadioText()"
          />　）。
        </p>
          />　）。</p>
        <p class="block">A.便后洗手</p>
        <p class="block">B.用温水洗屁股</p>
        <p class="block">C.便后便盆清洗消毒</p>
@@ -1251,14 +1247,14 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
// import getResourcePath from "@/assets/methods/resources.js";
// import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
import examinations from "@/components/examinations/index.vue";
// import examinations from "@/components/examinations/index.vue";
export default {
  name: "chapter004",
  components: {
    examinations,
    // examinations
  },
  data() {
    return {
@@ -1316,21 +1312,21 @@
      },
    };
  },
  async created() {
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter004"));
    if (localData) {
      this.chapter004 = { ...Object.assign(this.chapter004, localData) };
    }
    this.chapter004.videOneUrl = getResourcePath("c276be12bae3b1df0b3ce4aa01b14e1e");
    this.chapter004.videoTwoUrl = getResourcePath("7eb7fe2e3c13885a96143110ca4f5654");
    this.chapter004.videoFourUrl = getResourcePath("1b04691b60e5b5b207b3a4967c495d29");
    // this.chapter004.videOneUrl = getResourcePath("c276be12bae3b1df0b3ce4aa01b14e1e");
    // this.chapter004.videoTwoUrl = getResourcePath("7eb7fe2e3c13885a96143110ca4f5654");
    // this.chapter004.videoFourUrl = getResourcePath("1b04691b60e5b5b207b3a4967c495d29");
    this.chapter004.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e";
    this.chapter004.videoTwoUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654";
    this.chapter004.videoFourUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29";
    this.chapter004.qustionData = await getQuestionData("4", testData[4]);
    // this.chapter004.qustionData = await getQuestionData("4",testData[4]);
  },
  methods: {
    activityOne() {