页眉、ui替换

闫增涛

2024-05-17 b636ce580856ae22a09ea126ae0e53539d699246

页眉、ui替换

 src/assets/js/config.js

@@ -7,7 +7,7 @@
  {id:1,name:"childHealth",bookName:"学前儿童卫生与保健",bookId:'2358',rootCmsItemId:'24080',storeRefcode:'defaultGoodsStore3'},
  {id:2,name:'content',bookName:"婴幼儿生活护照",bookId: '3335',rootCmsItemId:'66969',storeRefcode:'jsek_jslx'}
]
export const activeBook = bookList[1]; // 资源请求地址
export const activeBook = bookList[0]; // 资源请求地址
export const appId = 3;
export const requestTimeOut = 300000; // 请求超时时间
export const tokenKey = "jsek-token";

 src/assets/methods/examination.js

@@ -1,7 +1,7 @@
import { activeBook } from "@/assets/js/config";
import MG from "@/assets/js/middleGround/WebMiddleGroundApi";
import getPublicImage from "@/assets/js/middleGround/tool";
const getQuestionList = async (questionList) => {
const getQuestionList = async (oldList,questionList) => {
  let cardList = [
    {
      catalogName: "单选题",
@@ -52,6 +52,10 @@
    };
    const res = await MG.store.getProductDetail(query);
    res.datas.cmsDatas[0].datas.forEach((item, index) => {
      let oldObj = {}
      if(oldList) {
        oldObj = oldList.find(item => item.id == qitem)
      }
      const questionObj = {
        number: index + 1, // 题号
        id: item.id,
@@ -72,7 +76,7 @@
        difficulty: item.Embedded_QuestionBank_Difficulty
          ? 4 - item.Embedded_QuestionBank_Difficulty
          : 0, // 难度等级
        userAnswer:
        userAnswer:oldObj ? oldObj.userAnswer :
          item.Embedded_QuestionBank_QuestionType == "completion" ||
          item.Embedded_QuestionBank_QuestionType == "multipleChoice"
            ? []
@@ -204,14 +208,23 @@
      citem.number = cindex + 1;
    }
  }
  console.log(cardList.filter(item=>item.infoList.length > 0),"cardList.filter(item=>item.infoList.length > 0)");
  return cardList.filter(item=>item.infoList.length > 0);
};

const getQuestionData = async (chapterData) => {
const getQuestionData = async (chapter,chapterData) => {
  const data = { ...chapterData };
  const oldAnswerData =  localStorage.getItem('oldAnswerData')
  const oldData = oldAnswerData ? JSON.parse(oldAnswerData) :{}
  let oldChapterData
  if(oldData) {
    oldChapterData = oldData[chapter]
  }
  for (let key in chapterData) {
    data[key] = await getQuestionList(chapterData[key]);
    let oldList = []
    if(oldChapterData) {
      oldList = oldChapterData[key]
    }
    data[key] = await getQuestionList(oldList,chapterData[key]);
  }
  return data;
};

 src/books/childHealth/assets/main.less

@@ -595,6 +595,18 @@
  .mt-20 {
    margin-top: 20px;
  }
  .mt-40 {
    margin-top: 40px;
  }
  .ta-br {
    border-color: #C0C4CC;
  }
  textarea:focus {
    border-color: #00a1e9;
  }
  .cl-66 {
    color: #666;
  }
}

body {
@@ -630,3 +642,26 @@
    }
  }
}


::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
  
  ::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 6px;
}
  
  ::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color:rgba(125, 125, 125, 0.3);
  -webkit-border-radius:6px;
}
  
  ::-webkit-scrollbar-thumb:horizontal {
   width: 5px;
   background-color: rgba(125, 125, 125, 0.3);
   -webkit-border-radius: 6px;
}

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

@@ -676,8 +676,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0104-1.jpg" /><br /> -->
          <!-- <span class="img">专题四 学习主题一</span> -->
          <span class="img center dl-bl w100">专题四 学习主题一</span>
          <examinations :cardList="questionData[91]" />
        </p>
        <h2 class="module_block" id="b017">
@@ -1086,7 +1085,7 @@
          云测试
        </h6>
        <p class="blockh6-c center">
          <!-- <span class="img">专题四 学习主题二</span> -->
          <span class="img center dl-bl w100">专题四 学习主题二</span>
          <examinations :cardList="questionData[97]" />
        </p>
        <h6 class="Conclusion-title4">专题小结</h6>

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

@@ -39,13 +39,19 @@
          alt=""
          :src="introductionImg"
          :preview-src-list="[introductionImg]"
          class="mb-20"
          class="mb-20 open-image"
        />
      </p>
    </div>
    <!-- 2 -->
    <div class="page-box" page="2">
      <evenHeaderVue :num="2" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">2</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <h6 class="Conclusion-title2">•预备学习•</h6>
        <p class="blockh6-c tl ti2 " >
@@ -131,57 +137,102 @@
                  <span class="ds-bl"
                    >1.人体运动系统由哪三个部分组成？各部分的功能式什么？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qOne"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >2.学前儿童的骨（骼）有什么特点？日常生活中应该如何保健？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qTwo"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >3.为什么学前儿童不宜从事拔河、攀岩、引体向上等活动？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qTHree"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >4.学前儿童骨骼肌有什么特点？运动过程中应该注意哪些事项？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qFour"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >5.幼儿园能组织幼儿练习写字吗？为什么？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qFive"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10" 
                    >6.学前儿童的关节有什么特点？日常生活中应该注意哪些问题？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qSix"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >7.什么是扁平足？怎样预防学前儿童形成扁平足？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qSeven"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >8.学前儿童运动系统的保育要点有哪些？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qEight"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                  <span class="ds-bl mt-10"
                    >9.日常保教活动中，如何科学组织体育锻炼和户外活动？</span
                  >
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <input type="text" class="lineInput w100" />
                  <textarea 
                    cols="30" 
                    rows="4" 
                    v-model="chapterOneData.learnTableOne.qNine"
                    placeholder="请输入内容"
                    maxlength="300"
                    class="w100 ta-br textarea-text"
                  ></textarea>
                </td>
              </tr>
              <tr>
@@ -237,6 +288,8 @@
            v-if="testOne && questionData"
              ref="examinationOne"
              :cardList="questionData[2]"
              :chapter="1"
              :page="2"
            />
        </p>
        <h2 class="module_block" id="b001" style="margin: 0">
@@ -249,14 +302,15 @@
            <p class="block">
              天天2岁多了，虽然走路挺稳，可上楼梯有些费劲儿。为防止他跌倒，王老师只是用力拉了一下他的左手，没想到他突然大哭起来，回到教室后左臂不能抬举和弯曲，不能用左手拿食物和玩具，也不让小朋友触碰他的左臂。于是，王老师立即带天天到医院检查。经医生诊断，天天的手臂出现桡骨头半脱位，俗称“牵拉肘”。你如何看待此事？
            </p>
            <p class="block">
              <input type="text" class="lineInput" />
            </p>
            <p class="block">
              <input type="text" class="lineInput" />
            </p>
            <p class="block">
              <input type="text" class="lineInput" />
            <p class="block t0">
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.experienceOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br fm-st cl-66 fz-14"
              ></textarea>
            </p>
            <p class="block">
              幼儿教师只有熟悉学前儿童运动系统的特点，才能在工作过程中有针对性地开展保教工作，有效维护和促进学前儿童运动系统的正常发育和良好发展。本主题主要讲述学前儿童运动系统的生理和保育知识，为幼儿教师在教育教学活动及日常生活中做好运动系统的卫生与保健工作提供科学的依据和指导。
@@ -270,7 +324,7 @@
            </p>
            <div class="text-img-box">
              <div style="margin-right: 50px">
                <el-image :src="bonesImg" :preview-src-list="[bonesImg]" />
                <el-image :src="bonesImg" :preview-src-list="[bonesImg]" class="open-image" />
                <span class="img">图1-1 人体全身骨骼（前面观）</span>
              </div>
              <div>
@@ -303,7 +357,12 @@
    </div>
    <!-- 3 -->
    <div class="page-box" page="3">
      <oddHeaderVue :special="1" :num="3" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">3</span>
      </div>
      <div class="padding-96">
        <h5 id="e002">2.骨柔韧，易变形</h5>
        <p class="lh2 tl-ju">
@@ -336,7 +395,7 @@
          <div class="bottom-right" style="width: 35%">
            <el-carousel
              trigger="click"
              class="bones-carousel"
              class="bones-carousel carousel-image"
              arrow="always"
              indicator-position="none"
            >
@@ -349,6 +408,7 @@
                  :src="item"
                  :preview-src-list="bonesList"
                  :preview-teleported="true"
                  class="open-image"
                />
              </el-carousel-item>
            </el-carousel>
@@ -361,7 +421,13 @@
    </div>
    <!-- 4 -->
    <div class="page-box" page="4">
      <evenHeaderVue :num="4" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">4</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p class="lh2 t0 tl-ju">
          的增长，骨骼肌占体重的百分比逐渐上升，5岁时达1/3左右，而到青春发育期达近1/2。学前儿童骨骼肌中所含水分相对较多，蛋白质、肌糖原和无机盐较成人少，因此，肌肉柔嫩，收缩力较差，力量小，易疲劳。但由于新陈代谢旺盛，学前儿童疲劳后恢复较快。年龄越小，这些特点越明显。
@@ -376,7 +442,7 @@
            class="left fl fl-di fl-evenly"
            style="width: 30%; margin-top: 5px"
          >
            <el-image :src="jointImg" :preview-src-list="[jointImg]" />
            <el-image :src="jointImg" :preview-src-list="[jointImg]" class="open-image" />
            <p class="img">图1-3 关节模式图</p>
          </div>
          <div class="right" style="width: 70%; padding-left: 20px">
@@ -396,7 +462,7 @@
            <el-carousel
              loop
              trigger="click"
              class="bones-carousel"
              class="bones-carousel carousel-image"
              arrow="always"
              indicator-position="none"
            >
@@ -409,6 +475,7 @@
                  :src="item"
                  :preview-src-list="footList"
                  :preview-teleported="true"
                  class="open-image"
                />
              </el-carousel-item>
            </el-carousel>
@@ -428,7 +495,12 @@
    </div>
    <!-- 5 -->
    <div class="page-box" page="5">
      <oddHeaderVue :special="1" :num="5" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">5</span>
      </div>
      <div class="padding-96">
        <h3 id="c002">二、学前儿童运动系统的保健</h3>
        <h4 id="d004">（一）指导学前儿童保持正确姿势，防止脊柱和胸廓畸形</h4>
@@ -444,7 +516,7 @@
            <el-carousel
              loop
              trigger="click"
              class="posure-carousel"
              class="posure-carousel carousel-image"
              style="width: 300px"
              arrow="always"
              indicator-position="none"
@@ -458,6 +530,7 @@
                  :src="item"
                  :preview-src-list="posureList"
                  :preview-teleported="true"
                  class="open-image"
                />
              </el-carousel-item>
            </el-carousel>
@@ -493,7 +566,13 @@
    </div>
    <!-- 6 -->
    <div class="page-box" page="6">
      <evenHeaderVue :num="6" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">6</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <h4 id="d007">（四）供给充足的营养</h4>
        <p class="lh2">
@@ -508,9 +587,12 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <span class="img">专题一 学习主题一</span> -->
          <examinations :cardList="questionData[6]" v-if="questionData" />
          
          <span class="img center dl-bl w100">专题一 学习主题一</span>
          <examinations 
            :cardList="questionData[6]" 
            v-if="questionData" 
            :chapter="1"
            :page="6" />
        </p>
        <h4 id="d008">（五）注意保护好关节和韧带</h4>
        <p class="lh2">
@@ -612,43 +694,83 @@
              <span class="ds-bl"
                >1.人体呼吸系统由哪几个部分组成?各自的结构和功能是什么?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.学前儿童的鼻腔有什么特点?怎样进行科学保健?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.学前儿童的声带有什么特点?幼儿教师讲话为什么要轻声细语?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qThree"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.学前儿童张口呼吸有哪些危害?怎样纠正?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.学前儿童的呼吸运动有什么特点?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.学前儿童以什么模式的呼吸为主?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.擤鼻涕的正确方法是什么?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qSeven"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >8.针对学前儿童呼吸系统的特点，如何培养学前儿童良好的卫生习惯?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableTwo.qEnight"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -672,15 +794,25 @@
    </div>
    <!-- 7 -->
    <div class="page-box" page="7">
      <oddHeaderVue :special="1" :num="7" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">7</span>
      </div>
      <div class="padding-96">
        <div class="fieldset">
          <p class="block t0">
            将花生米夹出来，可没想到，越夹花生米越往鼻子里“跑”。不一会儿，含含憋得满脸通红，呼吸越来越困难，爸爸急得手忙脚乱。经朋友提醒，爸爸才把含含送往医院。十几分钟后，经验丰富的耳鼻喉科医生借助专业医疗器械，小心翼翼地从含含的鼻腔内把花生米取了出来。此事对你有何启示？
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea 
            cols="30" 
            rows="4" 
            v-model="chapterOneData.experienceTwo"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            当家长及幼儿园教师发现孩子的鼻腔内有异物时，切勿紧张急躁，更不能严厉训斥和打骂孩子，以免孩子惊慌哭闹，将异物吸入下呼吸道，导致呼吸道异物的严重后果。同时，千万别用手、镊子等夹取鼻腔异物，这有可能致使异物越陷越深，难以取出，也很容易造成小孩鼻腔黏膜损伤，引起出血或发炎。而应设法劝阻孩子哭闹，改用口腔呼吸，然后迅速送往医院检查。本主题主要讲述学前儿童呼吸系统的生理特点及相关的保健知识，以便幼儿教师在教育教学活动中科学地对学前儿童的呼吸系统开展保健工作。
          </p>
@@ -698,7 +830,7 @@
        <h5 id="e012">1.鼻</h5>
          </div>
          <div class="right" style="width: 50%">
            <el-image :src="breathing" :preview-src-list="[breathing]" />
            <el-image :src="breathing" :preview-src-list="[breathing]" class="open-image" />
            <p class="img">图1-6 呼吸系统示意图</p>
          </div>
        </div>
@@ -711,7 +843,13 @@
    </div>
    <!-- 8 -->
    <div class="page-box" page="8">
      <evenHeaderVue :num="8" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">8</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <div class="fl fl-around">
          <div class="left" style="width: 38%">
@@ -757,7 +895,7 @@
          </div>
          <div class="right" style="width: 20%">
            <p class="center">
              <el-image :src="throat" :preview-src-list="[throat]" />
              <el-image :src="throat" :preview-src-list="[throat]" class="open-image" />
            </p>
            <p class="img">图1-7 喉腔模式图</p>
          </div>
@@ -781,13 +919,18 @@
        </p>
        <p class="img">表1-1 不同年龄的人的呼吸频率</p>
        <p class="center">
          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
          <el-image :src="tableOne" :preview-src-list="[tableOne]" class="open-image" />
        </p>
      </div>
    </div>
    <!-- 9 -->
    <div class="page-box" page="9">
      <oddHeaderVue :special="1" :num="9" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">9</span>
      </div>
      <div class="padding-96">
        <p class="lh2">
          因调节呼吸运动的神经中枢发育尚未完善，学前儿童呼吸节律常不稳定。因呼吸肌较弱，所以学前儿童以腹式呼吸为主。
@@ -836,8 +979,13 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <examinations :cardList="questionData[9]" v-if="questionData" />
          <!-- <span class="img">专题一 学习主题二</span> -->
          <span class="img center dl-bl w100">专题一 学习主题二</span>
          <examinations 
            :cardList="questionData[9]" 
            v-if="questionData"
            :chapter="1"
            :page="9" 
          />
        </p>
        <h4 id="d015">（五）保护声带</h4>
        <p class="lh2">选择适合学前儿童音域特点的歌曲或朗读材料，每次唱歌或朗读的时间不宜过长（最多5分钟），更不能高声喊叫，以防声带充血、肿胀、变厚，造成声音嘶哑。练习发声的</p>
@@ -845,7 +993,13 @@
    </div>
    <!-- 10 -->
    <div class="page-box" page="10">
      <evenHeaderVue :num="10" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">10</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p class="lh2">
          场所应保持空气流通，温度、湿度适宜。冬季不要在室外练声，要避免学前儿童在温度骤变的情况下练习发声。当咽部有炎症时，应减少发音，直到完全康复。
@@ -941,43 +1095,83 @@
              <span class="ds-bl"
                >1.循环系统由哪几个部分组成?各自的结构和功能是什么?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.循环系统由哪几个部分组成?各自的结构和功能是什么?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.学前儿童的心脏有什么特点?日常保教活动中应如何保健?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qThree"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.学前儿童的血管有什么特点?日常保教活动中应如何保健?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.学前儿童的淋巴系统有什么特点?日常保教活动中应如何保健?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.为什么要预防学前儿童缺铁性贫血?怎样预防?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.如何组织幼儿参加适合年龄特点的体育锻炼和户外活动才利于其血液循环的保健?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qSeven"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >8.学前儿童会患动脉粥样硬化吗?如何早期预防动脉样硬化?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableThree.qEnight"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -996,9 +1190,14 @@
          <p class="block">
            为什么小孩子受伤出血后，凝血较慢？为什么学前儿童的扁桃体容易发炎？为什么学前儿童年龄越小，心率越快？……请查阅读资料，谈谈你的看法。
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea 
            cols="30" 
            rows="4" 
            v-model="chapterOneData.experienceThree"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            要想了解这些问题，就必须了解学前儿童循环系统的特点。本主题主要讲述学前儿童循环系统的生理知识，阐明科学开展学前儿童循环系统保健的要点，以帮助幼儿教师在教育教学活动中科学开展学前儿童循环系统的保健工作。
          </p>
@@ -1007,7 +1206,12 @@
    </div>
    <!-- 11 -->
    <div class="page-box" page="11">
      <oddHeaderVue :special="1" :num="11" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">11</span>
      </div>
      <div class="padding-96">
        <p>
          人体在新陈代谢过程中，机体组织需要源源不断地获得氧气和养料，同时又要把代谢产生的二氧化碳和其他废物排出体外，这个过程主要由循环系统来完成。
@@ -1016,7 +1220,7 @@
          循环系统包括血液循环系统（心血管系统）和淋巴系统。血液循环系统由心脏和血管组成，血管包括动脉、静脉和毛细血管（见图1-8）。淋巴系统由淋巴管道、淋巴器官和淋巴组织组成。
        </p>
        <p class="center">
          <el-image :src="blood" :preview-src-list="[blood]" style="width: 60%" />
          <el-image :src="blood" :preview-src-list="[blood]" style="width: 60%" class="open-image" />
        </p>
        <p class="img">图1-8 血液循环示意图</p>

@@ -1052,13 +1256,19 @@
        <p>（1）血液量占体重的比例大于成人（见表1-2）</p>
        <p class="img">表1-2 不同年龄的血液量</p>
        <p class="center">
          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" />
        </p>
      </div>
    </div>
    <!-- 12 -->
    <div class="page-box" page="12">
      <evenHeaderVue :num="12" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">12</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p>
          学前儿童血液量占体重的比例大于成人，为8%～10%。年龄越小，比例越大。但幼儿的造血器官易受伤害，某些药物及放射性污染对造血器官危害极大。
@@ -1095,13 +1305,18 @@
        </p>
        <p class="img">表1-3 不同年龄的心率</p>
        <p class="center">
          <el-image :src="tableThree" :preview-src-list="[tableThree]" />
          <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
        </p>
      </div>
    </div>
    <!-- 13 -->
    <div class="page-box" page="13">
      <oddHeaderVue :special="1" :num="13" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">13</span>
      </div>
      <div class="padding-96">
        <h5 id="e019">3.学前儿童血管的特点</h5>
        <p>（1）血管内径相对较粗，毛细血管丰富</p>
@@ -1153,7 +1368,13 @@
    </div>
    <!-- 14 -->
    <div class="page-box" page="14">
      <evenHeaderVue :num="14" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">14</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <h4 id="d020">（三）合理组织体育锻炼，增强体质</h4>
        <p>
@@ -1178,8 +1399,13 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <examinations :cardList="questionData[14]" v-if="questionData" />
          <!-- <span class="img">专题一 学习主题三</span> -->
          <span class="img center dl-bl w100">专题一 学习主题三</span>
          <examinations 
            :cardList="questionData[14]" 
            v-if="questionData"
            :chapter="1"
            :page="14"
           />
        </p>
        <h2 class="module_block" id="b004">
          <div class="custom1">学习主题四</div>
@@ -1254,45 +1480,90 @@
              <span class="ds-bl"
                >1.消化系统由哪几个部分组成?各自的结构及功能是什么?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.乳牙的结构特点是什么?除咀嚼食物外，乳牙还有哪些作用?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.乳牙一共有多少颗?什么时候全部出齐?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qTHree"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.什么叫龋齿?龋齿需要治疗吗?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.为什么 3~6个月的婴儿容易发生“生理性流涎”?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.为什么新生儿容易溢奶?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.学前儿童的肠道有什么特点?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qSeven"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">8.日常生活中如何保护乳牙?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qEnight"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">9.学前儿童消化系统的保健要点有哪些?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFour.qNine"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -1311,9 +1582,14 @@
          <p class="block">
            可可今年2岁，体重才9千克，近半年体重增加不到1千克，用妈妈的话说就是“这孩子什么都好，就是吃饭太费事了”。每餐饭都要吃一小时，不是看着电视吃就是需要追着喂，爱吃的吃几口，不爱吃的嘴都不张一下。哪一天吃得多点了，呼出的口气都有酸腐味。而且，吃东西稍不注意或者一着凉就拉肚子，然后胃口会更差。感冒是常有的事，得三天两头往医院跑……
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea 
            cols="30" 
            rows="4" 
            v-model="chapterOneData.experienceFour"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            不断地为机体供应各种营养素是维持正常生理功能和促进生长发育的前提。而多种营养成分，尤其是产能营养素的结构比较复杂，摄入的食物不能直接为人体所用，必须通过消化系统将食物转变成结构简单的营养物质，才能供机体吸收、利用。学前儿童的消化系统发育尚不完善，需要成人根据其特点，合理喂养。本主题主要讲述学前儿童消化系统的生理知识，阐述对学前儿童消化系统进行保健的要点，以帮助幼儿教师在实际工作中科学开展学前儿童消化系统的保健工作。
          </p>
@@ -1325,7 +1601,12 @@
    </div>
    <!-- 15 -->
    <div class="page-box" page="15">
      <oddHeaderVue :special="1" :num="15" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">15</span>
      </div>
      <div class="padding-96">
        <div class="fl fl-around">
          <div class="left" style="width: 62%">
@@ -1340,7 +1621,7 @@
          </div>
          <div class="right" style="width: 35%">
            <p class="center">
              <el-image :src="digestion" :preview-src-list="[digestion]" />
              <el-image :src="digestion" :preview-src-list="[digestion]" class="open-image" />
            </p>
            <p class="img">图1-9 消化系统模式图</p>
          </div>
@@ -1384,7 +1665,13 @@
    </div>
    <!-- 16 -->
    <div class="page-box" page="16">
      <evenHeaderVue :num="16" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">16</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p>
          乳牙的正常萌出，还有助于孩子正常发音，口齿伶俐。另外，乳牙齐整对恒牙顺利萌出有重要作用。若乳牙过早缺失，邻近的牙向空隙倾倒，恒牙就不能在正常位置萌出，导致牙排列不齐。
@@ -1396,6 +1683,7 @@
            :src="tableFive"
            :preview-src-list="[tableFive]"
            style="width: 100%"
            class="open-image"
          />
        </p>
        <p class="img">表1-5 恒牙萌出时间</p>
@@ -1404,6 +1692,7 @@
            :src="tableSix"
            :preview-src-list="[tableSix]"
            style="width: 100%"
            class="open-image"
          />
        </p>
        <h5 id="e021">2.舌</h5>
@@ -1424,7 +1713,12 @@
    </div>
    <!-- 17 -->
    <div class="page-box" page="17">
      <oddHeaderVue :special="1" :num="17" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">17</span>
      </div>
      <div class="padding-96">
        <p class="t0" >
          弱，弹力组织及肌层尚不发达，容易溢乳。学前儿童的食管比成人的短而狭窄，黏膜薄嫩，管壁肌肉组织及弹性纤维发育较差，易于损伤。
@@ -1462,7 +1756,13 @@
    </div>
    <!-- 18 -->
    <div class="page-box" page="18">
      <evenHeaderVue :num="18" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">18</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p>
          粉和脂肪的消化能力较弱，主要依靠小肠液来消化。随着年龄的增长，胰的功能日趋完善。
@@ -1502,7 +1802,12 @@
    </div>
    <!-- 19 -->
    <div class="page-box" page="19">
      <oddHeaderVue  :special="1" :num="19" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">19</span>
      </div>
      <div class="padding-96">
        <h4 id="d031">（三）饭前饭后不要进行剧烈运动</h4>
        <p>
@@ -1517,8 +1822,13 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <examinations :cardList="questionData[19]" v-if="questionData" />
          <!-- <span class="img">专题一 学习主题四</span> -->
          <span class="img center dl-bl w100">专题一 学习主题四</span>
          <examinations 
            :cardList="questionData[19]" 
            v-if="questionData" 
            :chapter="1"
            :page="19"
          />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
        <div class="fieldset">
@@ -1624,33 +1934,63 @@
              <span class="ds-bl"
                >1.泌尿系统由哪几个部分组成?各自的结构及功能是什么?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.学前儿童的肾脏有哪些特点?日常生活中应如何保健?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.学前儿童的膀胱有什么特点?这些特点导致哪些表现?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qTHree"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.为什么学前儿童容易出现遗尿现象?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.什么是上行性泌尿系统感染?应如何预防?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.学前儿童泌尿系统的日常保健要点有哪些?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableFive.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -1669,16 +2009,26 @@
          <p class="block">
            小鹏最近在家里总是不停地上厕所，一小时要去好几次，且小便时经常感到疼痛。小鹏告诉妈妈，在幼儿园时，他经常憋尿，开始感觉有点尿急，但憋着憋着就不想上厕所了。经诊断，小鹏是因为憋尿引起了尿路炎症。请查阅相关资料，谈谈你对此事的看法。
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>

          <textarea 
            cols="30" 
            rows="4" 
            v-model="chapterOneData.experienceFive"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
        </div>
      </div>
    </div>
    <!-- 20 -->
    <div class="page-box" page="20">
      <evenHeaderVue :num="20" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">20</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <div class="fieldset" >
          <p class="block">
@@ -1688,7 +2038,7 @@
        <div class="fl fl-around">
          <div class="left" style="width: 35%">
            <p class="center" style="margin-top: 0">
              <el-image :src="urology" :preview-src-list="[urology]" />
              <el-image :src="urology" :preview-src-list="[urology]" class="open-image" />
            </p>
            <p class="img">图1-10 泌尿系统模式图（男性）</p>
          </div>
@@ -1722,7 +2072,13 @@
    </div>
    <!-- 21 -->
    <div class="page-box" page="21">
      <oddHeaderVue :special="1" :num="21" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">21</span>
      </div>

      <div class="padding-96">
        <p class="t0" >～7次。半岁以内，每次尿量约为30毫升；1岁时约为60毫升；7～8岁时约为150毫升。</p>
        <p>
@@ -1761,7 +2117,13 @@
    </div>
    <!-- 22 -->
    <div class="page-box" page="22">
      <evenHeaderVue :num="22" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">22</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p class="custom_tag"><b>•资料链接•</b></p>
        <div class="fieldset">
@@ -1849,29 +2211,54 @@
              <span class="ds-bl"
                >1.生殖系统可分为哪两类?各自由哪几个部分组成?其功能是什么?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSix.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.学前儿童生殖系统有什么特点?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSix.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.学前儿童生殖系统的日常保健措施有哪些?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSix.qTHree"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.学前儿童生殖器官的清洁卫生工作有哪些注意要点?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSix.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.为什么要重视学前儿童早期性教育?如何开展?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSix.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -1890,9 +2277,14 @@
          <p class="block">
            晚上，玲玲站着小便。妈妈问她为什么，玲玲说：“幼儿园的男生都是站着尿的，为什么女生要蹲着？”妈妈说：“那是因为男生长着小鸡鸡，所以，他们可以站着尿而不会把裤子尿湿。”谁知，玲玲紧接着问道：“为什么男生长着小鸡鸡？为什么妈妈有两个奶子而爸爸没有？幼儿园的小朋友说我是从妈妈的胳肢窝出生的，是吗？”妈妈吃了一惊，立即说：“这么小就问这种问题，羞死了，等你长大后就会知道了。”妈妈如此回答好吗？为什么？
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea 
            cols="30" 
            rows="4" 
            v-model="chapterOneData.experienceSix"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            儿童通常在两三岁时会对性产生好奇，他们想了解许多有关性差别的问题，如果大人对他们采取隐瞒或回避的态度，儿童心中就会产生“性是不可以知道的”观念，并对性产生不正当的好奇心。本主题主要讲述学前儿童生殖系统的生理特点及相关的保健知识，以帮助幼儿教师在教育教学过程中正确开展学前儿童生殖系统的保健工作。
          </p>
@@ -1904,17 +2296,22 @@
    </div>
    <!-- 23 -->
    <div class="page-box" page="23">
      <oddHeaderVue :special="1" :num="23" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">23</span>
      </div>
      <div class="padding-96">
        <p class="t0" >巢、输卵管、子宫和阴道，外生殖器包括阴唇、小阴唇和阴蒂等（见图1-12）。</P>
          <div class="fl">
            <div class="left" style="width: 50%">
              <p class="center"><el-image :src="man" :preview-src-list="[man]" /></p>
              <p class="center"><el-image :src="man" :preview-src-list="[man]" class="open-image" /></p>
              <p class="img">图1-11 男性生殖系统示意图</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center">
                <el-image :src="woman" :preview-src-list="[woman]" />
                <el-image :src="woman" :preview-src-list="[woman]" class="open-image" />
              </p>
              <p class="img">图1-12 女性生殖系统示意图</p>
            </div>
@@ -1941,7 +2338,13 @@
    </div>
    <!-- 24 -->
    <div class="page-box" page="24">
      <evenHeaderVue :num="24" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">24</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <h4 id="d044">（四）正确看待学前儿童玩弄生殖器等不良现象</h4>
        <p>
@@ -1953,8 +2356,13 @@
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0036-3.jpg" /><br /> -->
          <!-- <span class="img">专题一 学习主题五、学习主题六</span> -->
          <examinations :cardList="questionData[24]" v-if="questionData" />
          <span class="img center dl-bl w100">专题一 学习主题五、学习主题六</span>
          <examinations 
          :cardList="questionData[24]" 
          v-if="questionData"
          :chapter="1"
          :page="24" 
          />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
        <div class="fieldset">
@@ -2041,33 +2449,63 @@
              <span class="ds-bl"
                >1.人体主要的内分泌腺有哪些?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.内分泌系统的功能有哪些?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.什么是呆小病?哪些因素会影响甲状腺素的生理功能?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qTHree"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.学前儿童的脑垂体有什么特点?为什么睡眠不足会影响身高的增长?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.什么是侏症?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.学前儿童内分泌系统的保健要点有哪些?资源小贴士?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableSeven.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -2086,9 +2524,14 @@
          <p class="block">
            “医生，我和孩子他爸都不矮，为什么孩子就是长不高？”“我家孩子前两年长得挺快的，可是最近半年却不长了，不知道是怎么回事？”……面对孩子的身高问题，许多家长都有疑问。
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea 
            cols="30" 
            rows="4" 
            v-model="chapterOneData.experienceSeven"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            专家提醒，想要孩子长高，除了注意营养、运动、睡眠等外，还要注意某些疾病，尤其是内分泌系统疾病，它是影响孩子身高最常见的疾病因素。本主题主要讲述学前儿童内分泌系统的生理特点及相关的保健知识，以帮助幼儿教师科学安排幼儿的生活，保障学前儿童内分泌系统的正常发育和良好发展。
          </p>
@@ -2124,7 +2567,12 @@
    </div>
    <!-- 25 -->
    <div class="page-box" page="25">
      <oddHeaderVue :special="1" :num="25" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">25</span>
      </div>
      <div class="padding-96">

        <div class="fl">
@@ -2140,7 +2588,7 @@
        </div>
        <div class="right" style="width: 50%">
          <p class="center">
            <el-image :src="endocrineImg" :preview-src-list="[endocrineImg]" />
            <el-image :src="endocrineImg" :preview-src-list="[endocrineImg]" class="open-image" />
          </p>
          <p class="img">图1-13 内分泌系统示意图</p>
        </div>
@@ -2163,7 +2611,7 @@
        </div>
        <div class="right" style="width: 36%">
          <p class="center">
            <el-image :src="stature" :preview-src-list="[stature]" />
            <el-image :src="stature" :preview-src-list="[stature]" class="open-image" />
          </p>
          <p class="img">图1-14 成年侏儒症患者与正常成人的身高比较</p>
        </div>
@@ -2172,7 +2620,13 @@
    </div>
    <!-- 26 -->
    <div class="page-box" page="26">
      <evenHeaderVue :num="26" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">26</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <h4 id="d047">（三）幼年时期胸腺发育不全会影响免疫功能</h4>
        <p>
@@ -2200,7 +2654,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <span class="img">专题一 学习主题七</span> -->
          <span class="img center dl-bl w100">专题一 学习主题七</span>
          <examinations :cardList="questionData[26]" v-if="questionData" />
        </p>
        <h2 class="module_block" id="b008">
@@ -2276,37 +2730,72 @@
              <span class="ds-bl"
                >1.神经系统由哪些部分组成?它有什么功能?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.什么是神经元?神经元由哪几部分组成?神经元的功能是什么?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.什么是脊髓?脊髓的功能是什么?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.什么是反射?反射分为哪两类?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.脑由哪几个部分结构?各部分的功能是什么?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.学前儿童神经系统的特点有哪些?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.日常生活中，如何对学前儿童的神经系统进行保健?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableEnight.qSeven"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -2325,9 +2814,14 @@
          <p class="block">
            随着社会的发展和科技的进步，越来越多的人认识到幼儿早期智力开发和早期教育的重要性。科学的智力开发和早期教育应该从了解幼儿的神经系统发育特点开始，而不能盲目拔高，否则适得其反。对此，你有何看法？
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea 
            cols="30" 
            rows="4" 
            v-model="chapterOneData.experienceEnight"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            本主题讲述学前儿童神经系统的生理特点和相关的保教知识，以帮助幼儿教师在实际工作中科学组织教育活动，合理开发儿童的智力。
          </p>
@@ -2336,7 +2830,12 @@
    </div>
    <!-- 27 -->
    <div class="page-box" page="27">
      <oddHeaderVue :special="1" :num="27" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">27</span>
      </div>
      <div class="padding-96">
        <p>
          人体的新陈代谢能够正常进行，体内各个器官、系统能够密切配合和协调活动，使人体成为一个统一的整体，并且与外界环境相适应，这些主要是通过神经系统的调节作用完成的。因此，神经系统是人体各种生理功能的主要调节者。
@@ -2354,7 +2853,7 @@
          </div>
          <div class="right" style="width: 50%">
            <p class="center">
              <el-image :src="nerve" :preview-src-list="[nerve]" />
              <el-image :src="nerve" :preview-src-list="[nerve]" class="open-image" />
            </p>
            <p class="img cneter">图1-15 神经元模式图</p>
          </div>
@@ -2399,7 +2898,13 @@
    </div>
    <!-- 28 -->
    <div class="page-box" page="28">
      <evenHeaderVue :num="28" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">28</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <h5 id="e032">1.大脑</h5>
        <p>
@@ -2409,13 +2914,13 @@
          大脑分左、右两半球（见图1-16），表面凹凸不平，凹陷处称为“沟”，隆起处称为“回”，“沟”与“回”大大增加了大脑的表面积。较大的沟有中央沟、大脑外侧沟和顶枕沟，这些沟将大脑表面分成额叶、顶叶、颞叶和枕叶四部分。
        </p>
        <p class="center" >
          <el-image :src="brainImg" :preview-src-list="[brainImg]" style="width:70%" />
          <el-image :src="brainImg" :preview-src-list="[brainImg]" style="width:70%" class="open-image" />
        </p>
        <p class="img">图1-16 大脑左、右两半球的功能比较</p>
        <div class="fl fl-around">
          <div class="left" style="width:48%;margin-right:10px">
            <p class="center">
              <el-image :src="brainsImg" :preview-src-list="[brainsImg]" />
              <el-image :src="brainsImg" :preview-src-list="[brainsImg]" class="open-image" />
            </p>
            <p class="img">图1-17 大脑皮层分区图</p>
          </div>
@@ -2441,7 +2946,12 @@
    </div>
    <!-- 29 -->
    <div class="page-box" page="29">
      <oddHeaderVue :special="1" :num="29" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">29</span>
      </div>
      <div class="padding-96">
        <h5 id="e035">4.间脑</h5>
        <p>
@@ -2471,7 +2981,7 @@
        </p>
        <p class="img">表1-6 交感神经和副交感神经的作用与区别</p>
        <p class="center">
          <el-image :src="tableNine" :preview-src-list="[tableNine]" />
          <el-image :src="tableNine" :preview-src-list="[tableNine]" class="open-image" />
        </p>
        <h3 id="c016">二、学前儿童神经系统的特点＞＞＞＞＞＞</h3>
        <h4 id="d056">（一）脑发育非常迅速</h4>
@@ -2482,12 +2992,18 @@
    </div>
    <!-- 30 -->
    <div class="page-box" page="30">
      <evenHeaderVue :num="30" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">30</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p>脑的迅速生长可从脑质量的变化上得到反映。不同年龄脑质量的变化见表1-7。</p>
        <p class="img">表1-7 不同年龄脑质量的变化</p>
        <p class="center">
          <el-image :src="tableTen" :preview-src-list="[tableTen]" />
          <el-image :src="tableTen" :preview-src-list="[tableTen]" class="open-image" />
        </p>
        <h4 id="d057">（二）中枢神经系统的发育不均衡</h4>
        <p>
@@ -2518,7 +3034,12 @@
    </div>
    <!-- 31 -->
    <div class="page-box" page="31">
      <oddHeaderVue :special="1" :num="31" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">31</span>
      </div>
      <div class="padding-96">
        <p>
          学前儿童对缺氧的耐受力不如成人，如果居室空气污浊，脑细胞受害首当其冲。所以，学前儿童房一定要定时通风，以保证学前儿童对氧气的需求。
@@ -2540,7 +3061,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <span class="img">专题一 学习主题八</span> -->
          <span class="img center dl-bl w100">专题一 学习主题八</span>
          <examinations :cardList="questionData[31]" v-if="questionData" />
        </p>
        <h4 id="d065">（六）安排丰富的活动及适当的体育锻炼</h4>
@@ -2565,7 +3086,13 @@
    </div>
    <!-- 32 -->
    <div class="page-box" page="32">
      <evenHeaderVue :num="32" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">32</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <div class="fieldset">
          <p class="block">2.动力定型</p>
@@ -2654,43 +3181,83 @@
              <span class="ds-bl"
                >1.人体的感觉器官有哪些?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.眼、耳、皮肤各自的组成结构是什么?它们各有什么功能?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.学前儿童的眼球有什么特点?如何进行眼的保健?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qThree"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.什么叫生理性近视?如何预防和纠正?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.学前儿童的耳朵有什么特点?如何进行耳的保健?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.如何预防中耳炎?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.学前儿童的皮肤有什么特点?如何进行皮肤保健?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qSeven"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >8.学前儿童的鼻、舌有什么特点?如何进行鼻、舌的保健?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea 
                cols="30" 
                rows="4" 
                v-model="chapterOneData.learnTableNine.qEnight"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -2709,9 +3276,14 @@
          <p class="block">
            如今走在大街上，时常会遇到一个又一个“小眼镜”；寒暑假，各大医院儿童眼科常有大量前来就诊的眼疾患儿。已有20多年幼儿教育工作经验的罗老师感慨地说：“近几年，视力不佳的幼儿明显增多了。”对此，你有何看法？
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea 
            cols="30" 
            rows="4" 
            v-model="chapterOneData.experienceNine"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            相关调查发现，幼儿的视力问题已经成为越来越多的家长和幼儿的困扰，而且有年龄趋小的表现。幼儿视力的保护刻不容缓。本主题主要讲述学前儿童感觉器官的生理知识及保育保健要点，以帮助幼儿教师了解如何促进学前儿童感觉器官的正常发育和良好发展。
          </p>
@@ -2720,7 +3292,12 @@
    </div>
    <!-- 33 -->
    <div class="page-box" page="33">
      <oddHeaderVue :special="1" :num="33" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">33</span>
      </div>
      <div class="padding-96">
        <p>
          感觉是人们认识世界的途径。感觉包括视觉、听觉、嗅觉、触觉、味觉及本体感觉等。视觉和听觉是人们认识世界的主要途径，人们获得的知识70%以上来自视觉和听觉。
@@ -2765,7 +3342,7 @@
          </div>
          <div class="right" style="width: 35%">
            <p class="center">
              <el-image :src="eyesImg" :preview-src-list="[eyesImg]" />
              <el-image :src="eyesImg" :preview-src-list="[eyesImg]" class="open-image" />
            </p>
            <p class="img">图1-18 眼球结构模式图</p>
          </div>
@@ -2785,7 +3362,13 @@
    </div>
    <!-- 34 -->
    <div class="page-box" page="34">
      <evenHeaderVue :num="34" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">34</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p class="t0" >
          集中用眼一段时间后应远望或到户外活动，以消除眼的疲劳。⑤容易导致儿童用眼时间过长的活动主要是看电视、玩电子游戏等，因此，要限制儿童进行此类活动的时间，一般每周1～2次，大、中班幼儿不超过30分钟，小班幼儿每次不超过15分钟，看完电视和玩完电子游戏后应适当进行户外活动。
@@ -2845,7 +3428,13 @@
    </div>
    <!-- 35 -->
    <div class="page-box" page="35">
      <oddHeaderVue :special="1" :num="35" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">35</span>
      </div>

      <div class="padding-96">
        <div class="fl fl-around">
          <div class="left" style="width: 40%">
@@ -2855,7 +3444,7 @@
          </div>
          <div class="right" style="width: 58%">
            <p class="center">
              <el-image :src="ersImg" :preview-src-list="[ersImg]" />
              <el-image :src="ersImg" :preview-src-list="[ersImg]" class="open-image" />
            </p>
            <p class="img">图1-19 耳的结构图</p>
          </div>
@@ -2878,7 +3467,7 @@
          </div>
          <div class="right" style="width: 48%">
            <p class="center">
              <el-image :src="erImg" :preview-src-list="[erImg]" />
              <el-image :src="erImg" :preview-src-list="[erImg]" class="open-image" />
            </p>
            <p class="img">图1-20 成人和学前儿童咽鼓管之比较</p>
          </div>
@@ -2893,7 +3482,13 @@
    </div>
    <!-- 36 -->
    <div class="page-box" page="36">
      <evenHeaderVue :num="36" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">36</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p>
          学前儿童挖耳朵。因为这些锐利的工具易碰伤外耳道皮肤，引发感染，还有可能戳破鼓膜，影响听力。
@@ -2945,7 +3540,12 @@
    </div>
    <!-- 37 -->
    <div class="page-box" page="37">
      <oddHeaderVue :special="1" :num="37" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">37</span>
      </div>
      <div class="padding-96">
        <div class="fieldset">
          <p class="block">
@@ -3020,7 +3620,13 @@
    </div>
    <!-- 38 -->
    <div class="page-box" page="38">
      <evenHeaderVue :num="38" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">38</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p>
          以，皮肤是感觉器官。
@@ -3058,7 +3664,12 @@
    </div>
    <!-- 39 -->
    <div class="page-box" page="39">
      <oddHeaderVue  :special="1" :num="39" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">39</span>
      </div>
      <div class="padding-96">
        <p class="t0" >
          皮肤的血流量相对比成人多，散热相对较快、较多，加之学前儿童皮肤的表面积较大，散热也较成人多，因此在外界环境温度急剧变化时，容易变凉或中暑。
@@ -3102,7 +3713,13 @@
    </div>
    <!-- 40 -->
    <div class="page-box" page="40">
      <evenHeaderVue :num="40" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">40</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <div class="fieldset" >
          <p class="block t0" >臀部皮下脂肪丰满，腹部皮下脂肪较薄，此点与成人相反。6～8个月后，婴儿的皮下脂肪生长减缓，3岁后不再生长，到8岁后又生长迅速，特别是女孩。</p>
@@ -3138,7 +3755,7 @@
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> -->
          <!-- <span class="img">专题一 学习主题九</span> -->
          <span class="img center dl-bl w100">专题一 学习主题九</span>
          <examinations :cardList="questionData[40]" v-if="questionData"/>
        </p>
        <h6 class="Conclusion-title4">专题小结</h6>
@@ -3151,6 +3768,7 @@
          1.学前儿童关节窝较浅，周围韧带较为松弛，易发生脱臼。（<input
            type="text"
            class="judge-input"
            v-model="chapterOneData.question.judge.qOne"
          />）
        </p>
        <p class="block">
@@ -3160,24 +3778,32 @@
    </div>
    <!-- 41 -->
    <div class="page-box" page="41">
      <oddHeaderVue  :special="1" :num="41" />
      <div class="page-header-box">
        <span class="page-header-text" 
          >专题一&nbsp;学前儿童生理发展特点与保健</span
        >
        <span class="page-header-num">41</span>
      </div>
      <div class="padding-96">
        <p class="block t0">
          搏。测量脉搏时，我们会发现学前儿童的脉搏比成人快。（<input
            type="text"
            class="judge-input"
            v-model="chapterOneData.question.judge.qTwo"
          />）
        </p>
        <p class="block">
          3.随着学前儿童神经系统发育的不断完善，3～4岁幼儿能够很容易画直线。（<input
            type="text"
            class="judge-input"
            v-model="chapterOneData.question.judge.qThree"
          />）
        </p>
        <p class="block">
          4.因为睡眠时各器官所需要的血液量比活动时少得多，能减轻心脏的负担。因此，要保证学前儿童充足的睡眠，至于什么时候睡并不重要。（<input
            type="text"
            class="judge-input"
            v-model="chapterOneData.question.judge.qFour"
          />）
        </p>
        <p class="block"><b>二、填空</b></p>
@@ -3185,34 +3811,41 @@
          1.幼儿穿的鞋过小会影响<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterOneData.question.fill.qOne.one"
          />的正常发育。幼儿过于肥胖，走路、站立时间过长，或负重过度，都可能导致足弓塌陷，引起<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterOneData.question.fill.qOne.two"
          />。
        </p>
        <p class="block">
          2.经常参加户外活动和体育锻炼，可以增强学前儿童<input
            type="text"
            class="lineInput completion-input"
            chapterOneData.question.fill.qTwo.one
          />的力量，促进胸廓和肺的正常发育，增加其<input
            type="text"
            class="lineInput completion-input"
            chapterOneData.question.fill.qTwo.two
          />。
        </p>
        <p class="block">
          3.学前儿童肝脏相对较大，但肝脏的<input
            type="text"
            class="lineInput completion-input"
            chapterOneData.question.fill.qThree.one
          />较差，所以，婴幼儿用药剂量要比成人小；学前儿童肝糖原储存较少，饥饿时易发生<input
            type="text"
            class="lineInput completion-input"
            chapterOneData.question.fill.qThree.two
          />；学前儿童的胆汁分泌也较少，因此对差。
        </p>
        <p class="block">
          4.学前儿童高级神经活动的特点是<input
            type="text"
            class="lineInput completion-input"
          />过程强于<input type="text" class="lineInput completion-input" />过程。
            chapterOneData.question.fill.qThree.one
          />过程强于<input type="text" class="lineInput completion-input" chapterOneData.question.fill.qThree.two />过程。
        </p>
        <p class="block">
          5.为保护学前儿童的视力，要定期为学前儿童调换座位，以防<input
@@ -3228,42 +3861,49 @@
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterOneData.question.short.qOne"
        ></textarea>
        <p class="block">2.学前儿童声带有什么特点？怎样保护声带？</p>
        <textarea
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterOneData.question.short.qTwo"
        ></textarea>
        <p class="block">3.乳牙有哪些生理功能？如何保护乳牙？</p>
        <textarea
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterOneData.question.short.qThree"
        ></textarea>
        <p class="block">4.学前儿童皮肤有哪些特点？如何保护皮肤？</p>
        <textarea
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterOneData.question.short.qFour"
        ></textarea>
        <p class="block">5.学前儿童的眼睛有哪些生理特点？如何保护眼睛？</p>
        <textarea
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterOneData.question.short.qFive"
        ></textarea>
        <p class="block">6.学前儿童的耳有哪些生理特点？怎样保护耳？</p>
        <textarea
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterOneData.question.short.qSix"
        ></textarea>
        <p class="block">7.训练学前儿童嗅觉、味觉和触觉有哪些意义？如何训练？</p>
        <textarea
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterOneData.question.short.qSeven"
        ></textarea>
        <div>
          <p class="custom_tag">•应用与探讨•</p>
@@ -3287,7 +3927,13 @@
    </div>
    <!-- 42 -->
    <div class="page-box" page="42">
      <evenHeaderVue :num="42" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">42</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p class="block">6.查资料，总结学前儿童肥胖和性早熟的原因。</p>
        <p class="block">
@@ -3311,25 +3957,14 @@
        </p>
        <h6 class="Conclusion-title4">•学习反思•</h6>
        <p class="blockh6 fl fl-di fl-cn" style="text-indent: 0">
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <textarea 
            cols="30" 
            rows="20" 
            v-model="chapterOneData.introspection"
            placeholder="请输入内容"
            maxlength="800"
            class="w100 ta-br textarea-text"
          ></textarea>
        </p>
      </div>
    </div>
@@ -3351,7 +3986,6 @@
    return {
      // 学习一
      introductionImg: require("../../../assets/images/chapterOne/0014-1.jpg"),
      taskSheet: require("../../../assets/images/chapterOne/task-sheet.png"),
      bonesImg: require("../../../assets/images/chapterOne/0015-5.jpg"),
      foot1: require("../../../assets/images/chapterOne/foot-01.png"),
      foot2: require("../../../assets/images/chapterOne/foot-02.png"),
@@ -3381,21 +4015,14 @@
      blood: require("../../../assets/images/chapterOne/0024-1.jpg"),
      tableTwo: require("../../../assets/images/chapterOne/0024-3.jpg"),
      tableThree: require("../../../assets/images/chapterOne/0025-1.jpg"),
      taskThree: require("../../../assets/images/chapterOne/task-sheet3.png"),
      taskFour: require("../../../assets/images/chapterOne/task-sheet4.png"),
      digestion: require("../../../assets/images/chapterOne/0028-1.jpg"),
      tableFive: require("../../../assets/images/chapterOne/0029-1.jpg"),
      tableSix: require("../../../assets/images/chapterOne/0029-2.jpg"),
      taskFive: require("../../../assets/images/chapterOne/task-sheet5.png"),
      urology: require("../../../assets/images/chapterOne/0033-1.jpg"),
      taskSix: require("../../../assets/images/chapterOne/task-sheet6.png"),
      man: require("../../../assets/images/chapterOne/0036-1.jpg"),
      woman: require("../../../assets/images/chapterOne/0036-2.jpg"),
      taskSeven: require("../../../assets/images/chapterOne/task-sheet7.png"),
      endocrineImg: require("../../../assets/images/chapterOne/0038-1.jpg"),
      stature: require("../../../assets/images/chapterOne/0038-2.jpg"),
      taskenight: require("../../../assets/images/chapterOne/task-sheet8.png"),
      taskNine: require("../../../assets/images/chapterOne/task-sheet9.png"),
      nerve: require("../../../assets/images/chapterOne/0040-1.jpg"),
      brainImg: require("../../../assets/images/chapterOne/0041-1.jpg"),
      brainsImg: require("../../../assets/images/chapterOne/0041-2.jpg"),
@@ -3426,22 +4053,172 @@
      pathSeven:'',
      pathEight:'',
      pathNine:'',
      pathTen:''
      pathTen:'',
      saveTime:20,
      chapterOneData:{
        experienceOne:'',
        experienceTwo:'',
        experienceThree:'',
        experienceFour:'',
        experienceFive:'',
        experienceSix:'',
        experienceSeven:'',
        experienceEnight:'',
        experienceNine:'',
        introspection:'',
        learnTableOne:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
        },
        learnTableTwo:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
        },
        learnTableThree:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
        },
        learnTableFour:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
        },
        learnTableFive:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
        },
        learnTableSix:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
        },
        learnTableSeven:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
        },
        learnTableEnight:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
          qNine:'',
        },
        learnTableNine:{
          qOne:'',
          qTwo:'',
          qThree:'',
          qFour:'',
          qFive:'',
          qSix:'',
          qSeven:'',
          qEight:'',
        },
        question:{
          judge:{
            qOne:'',
            qTwo:'',
            qThree:'',
            qFour:'',
          },
          fill:{
            qOne:{
              one:'',
              two:''
            },
            qTwo:{
              oen:'',
              two:''
            },
            qThree:{
              one:'',
              two:''
            },
            qFour:{
              one:'',
              two:''
            },
            qFive:{
              one:'',
              two:''
            },
          },
          short:{
            qOne:'',
            qTwo:'',
            qThree:'',
            qFour:'',
            qFive:'',
            qSix:'',
            qSeven:'',
          }
        }
      }
    };
  },
  async mounted() {
    this.$data.questionData = await getQuestionData(testData[1])
    console.log('题目',this.$data.questionData );
    this.$data.pathOne = getResourcePath('f6f6588a75086576b87bed2fb9ca1ec1')
    this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed')
    this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6')
    this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58')
    this.$data.pathFive = getResourcePath('163c06871b763954952d1cd74373c618')
    this.$data.pathSix = getResourcePath('1d57d897974b22f7f3191f4073ea0641')
    this.$data.pathSeven = getResourcePath('e67262b8e73ca5b05374b903defd874f')
    this.$data.pathEight = getResourcePath('6731ebf8ea78297eedcb56521726481d')
    this.$data.pathNine = getResourcePath('5ef5496040abee4013a5f61e3c5b42b9')
    this.$data.pathTen = getResourcePath('4afe59338bb841a498593cbe458c7d7d')
    const localData = localStorage.getItem('chapterOneData')
    if(localData) {
      this.chapterOneData = JSON.parse(localData)
    }
    window.timerOne = setInterval(() => {
      this.saveTime--
      if(this.saveTime == 0) {
        this.saveChapterOneData()
      }
    },1000)
    this.$data.questionData = await getQuestionData('1',testData[1])
    this.getVideoPath()
  },
  unmounted() {
    if(window.timerOne) {
      clearInterval(window.timerOne)
    }
    localStorage.setItem('chapterOneData',JSON.stringify(this.chapterOneData))
  },
  methods: {
    changeResources(type) {
@@ -3469,18 +4246,35 @@
        this.$data.learnTableNine = !this.$data.learnTableNine
      }
    },
    // getQuestionList() {
    //   const testData = this.$store.state.testList.find(
    //     (item) => item.name == "专题一总论 人体概述测验题"
    //   );
    //   this.$data.productLinkPath = testData.productLinkPath;
    //   if (this.$refs.examinationOne) this.$refs.examinationOne.getIdPathList();
    // },
    getVideoPath() {
      this.$data.pathOne = getResourcePath('f6f6588a75086576b87bed2fb9ca1ec1')
      this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed')
      this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6')
      this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58')
      this.$data.pathFive = getResourcePath('163c06871b763954952d1cd74373c618')
      this.$data.pathSix = getResourcePath('1d57d897974b22f7f3191f4073ea0641')
      this.$data.pathSeven = getResourcePath('e67262b8e73ca5b05374b903defd874f')
      this.$data.pathEight = getResourcePath('6731ebf8ea78297eedcb56521726481d')
      this.$data.pathNine = getResourcePath('5ef5496040abee4013a5f61e3c5b42b9')
      this.$data.pathTen = getResourcePath('4afe59338bb841a498593cbe458c7d7d')
    },
    saveChapterOneData() {
      // 记录第一张输入数据
      console.log('20miao');
      this.saveTime = 20
      console.log(this.chapterOneData);
      localStorage.setItem('chapterOneData',JSON.stringify(this.chapterOneData))
    }
  },
};
</script>

<style lang="less" scoped>
.block {
  /deep/ .el-textarea__inner {
    font-family: "STKaiti";
  }
}
p {
  line-height: 2em !important;
  text-align:justify !important;

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

@@ -35,12 +35,22 @@
        专题导学
      </h6>
      <p class="blockh6 m0-t0">
        <el-image :src="special" :preview-src-list="[special]" />
        <el-image
          :src="special"
          :preview-src-list="[special]"
          class="open-image"
        />
      </p>
    </div>
    <!-- 44 -->
    <div class="page-box" page="44">
      <evenHeaderVue :num="44" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">44</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <h2 class="module_block" id="b010">
          <div class="custom1">学习主题一</div>
@@ -111,45 +121,90 @@
              <span class="ds-bl"
                >1.什么是生长?什么是发育?什么是成熟?生长与发育是什么关系?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >2.实际工作中一般将学前儿童的生长发育划分为哪几个阶段?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">3.“十月怀胎”是整十个月吗?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qThree"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.胎儿期的特点有哪些?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">5.新生儿期有哪些特点??</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.婴儿期包括新生儿期吗?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >7.婴儿什么时候断奶合适，有没有明确规定?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qSeven"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">8.幼儿前期的主要特点有哪些?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qEnight"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">9.如何做好幼小衔接中的保健工作?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableOne.qNine"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -168,9 +223,14 @@
          <p class="block">
            学前期儿童生长发育迅速，新生婴儿更是一天一个样。别看刚出生的婴儿每天有2/3的时间都在睡觉，可2个月后，他就成了一个“眼观六路、耳听八方”的活泼可爱的小宝宝；1岁后，他不但会用微笑来引起你的注意，甚至会直接大声喊你的名字；3岁以后，他就要离开家庭，进入幼儿园啦……请向父母了解学前儿童的生长发育后与同学交流。
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
            <textarea
            cols="30"
            rows="4"
            v-model="chapterTwoData.experienceOne"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            本主题主要讲述生长、发育和成熟的概念，阐述学前儿童各年龄段的划分及各阶段生长发育的特点，以帮助保教人员根据学前儿童生长发育的特点科学地开展保教工作。
          </p>
@@ -228,7 +288,10 @@
    </div>
    <!-- 45 -->
    <div class="page-box" page="45">
      <oddHeaderVue :special="2" :num="45" />
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">45</span>
      </div>
      <div class="padding-96">
        <p class="m0-t0">胎儿的周龄即为胎龄或妊娠龄。</p>
        <p>
@@ -261,7 +324,13 @@
    </div>
    <!-- 46 -->
    <div class="page-box" page="46">
      <evenHeaderVue :num="46" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">46</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p class="t0">
          善，使得语言和动作的发展出现了飞跃。智力发展增快，理解能力逐渐加强，求知欲强，好奇心强、好问、好模仿。运动的协调能力逐渐完善，可以从事一些较细致的手工和轻微体力劳动，也能学习简单的文字、图画及歌谣，为入小学学习奠定了基础。
@@ -275,8 +344,8 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <span class="img center dl-bl w100">专题二 学习主题一</span>
          <examinations :cardList="questionData[46]" />
          <!-- <span class="img">专题二 学习主题一</span> -->
        </p>
        <h2 class="module_block" id="b011">
          <div class="custom1">学习主题二</div>
@@ -353,59 +422,114 @@
          <tr>
            <td>
              <span class="ds-bl">1.名词解释:生长发育规律。</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qOne"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">2.学前儿童生长发展的规律有哪些?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >3.什么是生长发育的连续性?什么是生长发育的阶段性?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qTwo"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">4.什么是生长发育的程序性?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qFour"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >5.人体器官或者系统有哪些生长发育模式?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qFive"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">6.什么是生长发育的不均衡性?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qSix"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">7.什么叫追赶性生长?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qSeven"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10">8.你听说过关键生长期吗?</span>
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qEnight"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >9.在婴幼儿的生长发育过程中，动作发展的一般顺序是怎样的?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qNine"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >10.哪些系统的生长发育模式属于-一般型"?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qTen"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
              <span class="ds-bl mt-10"
                >为什么说学前儿童各系统的生长发育是相互关联的?</span
                >11.为什么说学前儿童各系统的生长发育是相互关联的?</span
              >
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <input type="text" class="lineInput w100" />
              <textarea
                cols="30"
                rows="4"
                v-model="chapterTwoData.learnTableTwo.qEvelen"
                placeholder="请输入内容"
                maxlength="300"
                class="w100 ta-br textarea-text"
              ></textarea>
            </td>
          </tr>
          <tr>
@@ -422,9 +546,14 @@
          <p class="block">
            为什么有的孩子说话早，有的孩子说话晚？为什么同年龄的男孩和女孩在身高、体重上有差异？为什么城市和农村的同龄孩子在身高、体重上也有差异？
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea
            cols="30"
            rows="4"
            v-model="chapterTwoData.experienceTwo"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            人体的生长发育同其他事物一样，也有自身的客观规律。这个规律是正常人体在一定生活条件下生长发育的必然趋势和本质联系。研究学前儿童正常的生长发育规律，才可能发现异常、寻找原因，以便纠正或治疗，并设法促进其正常的生长和发育。本主题主要讲述学前儿童生长发育的规律，以帮助幼教工作者正确判断和分析指导学前儿童的生长发育保健工作。
          </p>
@@ -466,7 +595,10 @@
    </div>
    <!-- 47 -->
    <div class="page-box" page="47">
      <oddHeaderVue :special="2"  :num="47"  />
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">47</span>
      </div>
      <div class="padding-96">
        <p class="t0">
          学会发音，同时学会听懂单词；吃固体食物之前，先吃半流质食物；会走路之前必先经过抬头、转头、翻身、坐、站立等发育步骤。可见，那些看上去似乎是突然的非连续性的事件，事实上是日复一日积累的结果。
@@ -494,7 +626,11 @@
          </div>
          <div class="right" style="width: 35%">
            <p class="center">
              <el-image :src="most" :preview-src-list="[most]" />
              <el-image
                :src="most"
                :preview-src-list="[most]"
                class="open-image"
              />
            </p>
            <p class="img">图2-1 身体器官或系统的四种生长发育模式</p>
          </div>
@@ -506,7 +642,13 @@
    </div>
    <!-- 48 -->
    <div class="page-box" page="48">
      <evenHeaderVue :num="48" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">48</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <h5 id="e067">3.淋巴系统型</h5>
        <p>
@@ -544,7 +686,10 @@
    </div>
    <!-- 49 -->
    <div class="page-box" page="49">
      <oddHeaderVue :special="2"  :num="49"  />
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">49</span>
      </div>
      <div class="padding-96">
        <p class="t0">
          起作用的因素，都可能影响到多个系统。例如，适当的体育锻炼不仅能促进运动系统的发育，而且能促进呼吸系统、循环系统和神经系统的发育。
@@ -572,7 +717,7 @@
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> -->
          <!-- <span class="img">专题二 学习主题二</span> -->
          <span class="img center dl-bl w100">专题二 学习主题二</span>
          <examinations :cardList="questionData[49]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
@@ -589,7 +734,13 @@
    </div>
    <!-- 50 -->
    <div class="page-box" page="50">
      <evenHeaderVue :num="50" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">50</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <div class="fieldset">
          <p class="t0">胞间相互依存的动态关系发生作用。</p>
@@ -680,43 +831,78 @@
            <tr>
              <td>
                <span class="ds-bl">1.影响儿童生长发育的先天因素有哪些?</span>
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableThree.qOne"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                ></textarea>
                <span class="ds-bl mt-10"
                  >2.同卵双胞胎在生长发育过程中保持相同的因素有哪些?</span
                >
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableThree.qTwo"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                ></textarea>
                <span class="ds-bl mt-10"
                  >3.环境因素影响生长发育的进程，主要包括哪些因素?</span
                >
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableThree.qThree"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                ></textarea>
                <span class="ds-bl mt-10"
                  >4.适当的体育锻炼会对生长发育产生哪些影响?</span
                >
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableThree.qFour"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                ></textarea>
                <span class="ds-bl mt-10">5.季节对儿童生长发育有哪些影响?</span>
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableThree.qFive"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                ></textarea>
                <span class="ds-bl mt-10"
                  >6.为什么同卵双胞胎也存在很多不同特征?</span
                >
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableThree.qSix"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                ></textarea>
                <span class="ds-bl mt-10"
                  >7.除了教材提到的因素，还有哪些后天因素可能会影响儿童的生长发育?</span
                >
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <input type="text" class="lineInput w100" />
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterTwoData.learnTableThree.qSeven"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
                ></textarea>
              </td>
            </tr>
            <tr>
@@ -763,9 +949,14 @@
          <p class="block">
            学前儿童的身高、体重等生长发育情况很大程度上取决于遗传基因，同时也与营养、运动等后天因素密不可分。把握先天优势，充分利用后天因素，促进学前儿童良好地生长发育。本主题主要讲述影响学前儿童生长发育的因素，以帮助保教工作者在工作中有效控制影响学前儿童生长发育的不良因素，保障学前儿童正常发育发展。
          </p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <p class="block"><input type="text" class="lineInput" /></p>
          <textarea
            cols="30"
            rows="4"
            v-model="chapterTwoData.experienceThree"
            placeholder="请输入内容"
            maxlength="300"
            class="w100 ta-br fm-st cl-66 fz-14"
          ></textarea>
          <p class="block">
            学前儿童的生长发育过程是个体在先天遗传和后天环境中各种因素相互作用的结果。影响生长发育的因素很多，概括起来有两类：内在的遗传因素和外在的环境因素。遗传因素一般是不会改变的，而环境条件是可以改变的。遗传因素决定了生长发育的潜力，而环境和教育条件影响了遗传潜力的发挥，最后决定发育的速度及达到的程度。
          </p>
@@ -778,9 +969,14 @@
    </div>
    <!-- 51 -->
    <div class="page-box" page="51">
      <oddHeaderVue :special="2"  :num="51"  />
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">51</span>
      </div>
      <div class="padding-96">
        <p class="t0">的差别较大，这说明骨骼系统的发育受遗传的影响较大，体重却易受环境因素的影响。</p>
        <p class="t0">
          的差别较大，这说明骨骼系统的发育受遗传的影响较大，体重却易受环境因素的影响。
        </p>
        <p>
          生长发育的各项形态指标和生理指标，如身高、体重、皮下脂肪、血压等都有不同程度的遗传倾向，其中身高的遗传倾向更为明显，在良好生活环境影响下的儿童，成年身高在很大程度上取决于父母的身高。一般父母高子女也高，父母矮子女也矮，这就为身高预测创造了条件。
        </p>
@@ -806,13 +1002,20 @@
          因此，积极防治儿童传染病和寄生虫病等常见病，对保证儿童的正常发育是十分重要的。
        </p>
        <h4 id="d087">（三）体育锻炼和劳动</h4>
        <p>体育锻炼是促进儿童身体发育和增强体质的有效手段。体育锻炼可以加快机体的新陈</p>
        <p>
          体育锻炼是促进儿童身体发育和增强体质的有效手段。体育锻炼可以加快机体的新陈
        </p>
      </div>
    </div>
    <!-- 52 -->
    
    <div class="page-box" page="52">
      <evenHeaderVue :num="52" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">52</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p class="t0">
          代谢，提高呼吸、运动和循环系统的功能，特别能促进骨骼和肌肉的发育。因此，儿童经常参加体育锻炼，不仅可使肌纤维变粗，肌肉质量增加，而且能促进骨骼的生长发育，加速骨的钙化，使骨质更加粗壮坚实，同时也促进了韧带的发育，增加了关节的牢固性和灵活性。
@@ -840,19 +1043,26 @@
          此外，大气、水和土壤中有害物质的污染，以及噪声的危害，对儿童生长发育也有不良影响。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
          <img
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/ycs.png"
          />
          云测试
        </h6>
        <p class="blockh6-c center">
          <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
          <!-- <span class="img">专题二 学习主题三</span> -->
          <span class="img center dl-bl w100">专题二 学习主题三</span>
          <examinations :cardList="questionData[52]" />
        </p>
      </div>
    </div>
    <!-- 53 -->
    <div class="page-box" page="53">
      <oddHeaderVue :special="2"  :num="53"  />
      <div class="page-header-box">
        <span class="page-header-text">专题二&nbsp;学前儿童的生长发育</span>
        <span class="page-header-num">53</span>
      </div>
      <div class="padding-96">
        <p class="custom_tag"><b>•资料链接•</b></p>
        <div class="fieldset">
@@ -882,30 +1092,40 @@
          1.有的孩子头大，有的孩子头小，这也体现了学前儿童生长发育的个体差异性。（<input
            type="text"
            class="judge-input"
            v-model="chapterTwoData.question.judge.qOne"
          />）
        </p>
        <p class="block">
          2.学前儿童发育畸形或患有先天性疾病，都是受遗传因素的影响。（<input
            type="text"
            class="judge-input"
            v-model="chapterTwoData.question.judge.qTwo"
          />）
        </p>
      </div>
    </div>
    <!-- 54 -->
    <div class="page-box" page="54">
      <evenHeaderVue :num="54" />
      <div class="header-box">
        <div class="header-border-box"></div>
        <div class="header-num-box">
          <span class="fw-b italic">54</span>
          <span class="ml-30">学前儿童卫生与保健（第3版）</span>
        </div>
      </div>
      <div class="padding-96">
        <p class="block">
          3.在生长发育过程中，身体各部分的生长速度是：下肢增加最多，头颅最少。（<input
            type="text"
            class="judge-input"
            v-model="chapterTwoData.question.judge.qThree"
          />）
        </p>
        <p class="block">
          4.有些孩子是先学会开口讲话，后学会走路，有些孩子刚好相反。这是由于生长发育具有个体差异性。（<input
            type="text"
            class="judge-input"
            v-model="chapterTwoData.question.judge.qFour"
          />）
        </p>
        <p class="block"><b>二、填空</b></p>
@@ -913,42 +1133,55 @@
          1.婴儿期的动作发育首先是会抬头、转头，然后会翻身、坐，最后会站立、行走，这是遵循了<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qOne.one"
          />的规律。
        </p>
        <p class="block">
          2.人的生长发育速度曲线并不是随年龄呈<input
            type="text"
            class="lineInput completion-input"
          />上升，而是<input type="text" class="lineInput completion-input" />上升。
            v-model="chapterTwoData.question.fill.qTwo.one"
          />上升，而是<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qTwo.Two"
          />上升。
        </p>
        <p class="block">
          3.遗传决定了学前儿童生长发育的<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qThree.one"
          />性，环境决定了学前儿童生长发育的<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qThree.Two"
          />性。学前儿童的生长发育就是个体的<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qThree.Three"
          />因素与<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qThree.Four"
          />因素相互作用的过程。
        </p>
        <p class="block">
          4.营养是保证幼儿生长发育的<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qFour.one"
          />基础。
        </p>
        <p class="block">
          5.父母的社会地位、经济状况、素质及教育方式都会影响学前儿童的生长发育，这体现了<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qFive.one"
          />因素的影响；农村幼儿和城市幼儿生长发育状况不同，这体现了<input
            type="text"
            class="lineInput completion-input"
            v-model="chapterTwoData.question.fill.qFive.Two"
          />因素对学前儿童生长发育的影响。
        </p>
        <p class="block"><b>三、思考</b></p>
@@ -957,12 +1190,14 @@
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterTwoData.question.short.qOne"
        ></textarea>
        <p class="block">2.影响学前儿童生长发育的因素有哪些？</p>
        <textarea
          style="width: 80%; margin: 0 0 0 40px"
          :rows="8"
          placeholder="请输入内容"
          v-model="chapterTwoData.question.short.qOne"
        ></textarea>
        <div>
          <p class="custom_tag">•应用与探讨•</p>
@@ -977,7 +1212,11 @@
          3.根据年龄特点，为某一年龄段的学前儿童制定一份一日生活日程表。
        </p>
        <h6 class="Conclusion-title2">
          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
          <img
            class="img-gn"
            alt=""
            src="../../../assets/images/icon/ycs.png"
          />
          云测试
        </h6>
        <p class="blockh6-c">
@@ -990,10 +1229,14 @@
        </p>
        <h6 class="Conclusion-title4">•学习反思•</h6>
        <p class="blockh6 m0-t0 fl fl-di fl-cn">
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <input type="text" class="lineInput lh" />
          <textarea 
            cols="30" 
            rows="6" 
            v-model="chapterTwoData.introspection"
            placeholder="请输入内容"
            maxlength="800"
            class="w100 ta-br textarea-text"
          ></textarea>
        </p>
      </div>
    </div>
@@ -1001,13 +1244,13 @@
</template>

<script>
import evenHeaderVue from '../../components/pageHeader/evenHeader.vue';
import oddHeaderVue from '../../components/pageHeader/oddHeader.vue';
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'
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},
@@ -1024,17 +1267,90 @@
      learnTableTwo: true,
      learnTableThree: true,
      questionData:{},
      pathOne:'',
      pathTwo:'',
      pathThree:'',

      pathOne: "",
      pathTwo: "",
      pathThree: "",
      chapterTwoData: {
        experienceOne: "",
        experienceTwo: "",
        experienceThree: "",
        introspection:'',
        learnTableOne: {
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: "",
        },
        learnTableTwo: {
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: "",
          qTen: "",
          qEvelen: "",
        },
        learnTableThree: {
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: "",
        },
        question: {
          judge: {
            qOne: "",
            qTwo: "",
            qThree: "",
            qFour: "",
          },
          fill: {
            qOne: {
              one: "",
            },
            qTwo: {
              oen: "",
              two: "",
            },
            qThree: {
              one: "",
              two: "",
              Three:"",
              Four:""
            },
            qFour: {
              one: "",
              two: "",
            },
            qFive: {
              one: "",
              two: "",
            },
          },
          short: {
            qOne: "",
            qTwo: "",
          },
        },
      },
    };
  },
  async mounted() {
    this.$data.questionData = await getQuestionData(testData[2])
    this.$data.pathOne = getResourcePath('e2b2b610e8b77c82bad7cf94c7986646')
    this.$data.pathTwo = getResourcePath('b11b51863da2a4e7e21c73358fa96c1e')
    this.$data.pathThree = getResourcePath('67cf97bd8295dc3aeb46982c574df8d0')
    this.$data.questionData = await getQuestionData(testData[2]);
    this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
    this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
    this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
  },
  methods: {
    changeResources(type) {

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

@@ -529,8 +529,8 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <span class="img center dl-bl w100">专题三 学习主题一</span>
          <examinations :cardList="questionData[64]" />
          <!-- <span class="img">专题三 学习主题一</span> -->
        </p>
        <h2 class="module_block" id="b014">
          <div class="custom1">学习主题二</div>
@@ -957,7 +957,7 @@
          云测试
        </h6>
        <p class="blockh6-c center">
          <!-- <span class="img">专题三 学习主题二</span> -->
          <span class="img center dl-bl w100">专题三 学习主题二</span>
          <examinations :cardList="questionData[73]" />
        </p>
        <h2 class="module_block" id="b015">
@@ -1346,7 +1346,7 @@
          云测试
        </h6>
        <p class="blockh6-c center">
          <!-- <span class="img">专题三 学习主题三</span> -->
          <span class="img center dl-bl w100">专题三 学习主题三</span>
          <examinations :cardList="questionData[78]" />
        </p>
      </div>

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

@@ -1019,8 +1019,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0132-1.jpg" /><br /> -->
          <!-- <span class="img">专题五 学习主题一</span> -->
          <span class="img center dl-bl w100">专题五 学习主题一</span>
          <examinations :cardList="questionData[119]" />
        </p>
        <h2 class="module_block" id="b019">
@@ -1365,8 +1364,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0137-1.jpg" /><br /> -->
          <!-- <span class="img">专题五 学习主题二</span> -->
          <span class="img center dl-bl w100">专题五 学习主题二</span>
          <examinations :cardList="questionData[124]" />
        </p>
        <h2 class="module_block" id="b020">
@@ -1738,8 +1736,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0141-2.jpg" /><br /> -->
          <!-- <span class="img">专题五 学习主题三</span> -->
          <span class="img center dl-bl w100">专题五 学习主题三</span>
          <examinations :cardList="questionData[129]" />
        </p>
        <h2 class="module_block" id="b021">
@@ -2029,7 +2026,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <span class="img">专题五 学习主题四</span> -->
          <span class="img center dl-bl w100">专题五 学习主题四</span>
          <examinations :cardList="questionData[133]" />
        </p>
        <h6 class="Conclusion-title4">专题小结</h6>

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

@@ -391,8 +391,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-a" alt="" src="image/0155-1.jpg" /><br /> -->
          <!-- <span class="img">专题六 学习主题一</span> -->
          <span class="img center dl-bl w100">专题六 学习主题一</span>
          <examinations :cardList="questionData[142]" />
        </p>
        <p class="custom_tag"><b>•扩展延伸•</b></p>
@@ -1005,8 +1004,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0165-1.jpg" /><br /> -->
          <!-- <span class="img">专题六 学习主题二</span> -->
          <span class="img center dl-bl w100">专题六 学习主题二</span>
          <examinations :cardList="questionData[152]" />
        </p>
        <h2 class="module_block" id="b024">
@@ -1264,8 +1262,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-a" alt="" src="image/0168-1.jpg" /><br /> -->
          <!-- <span class="img">专题六 学习主题三</span> -->
          <span class="img center dl-bl w100">专题六 学习主题三</span>
          <examinations :cardList="questionData[156]" />
        </p>
        <p class="custom_tag"><b>•扩展延伸•</b></p>
@@ -1531,8 +1528,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0172-1.jpg" /><br /> -->
          <!-- <span class="img">专题六 学习主题四</span> -->
          <span class="img center dl-bl w100">专题六 学习主题四</span>
          <examinations :cardList="questionData[159]" />
        </p>
        <div class="annotation-border"></div>
@@ -1881,8 +1877,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0177-1.jpg" /><br /> -->
          <!-- <span class="img">专题六 学习主题五</span> -->
          <span class="img center dl-bl w100">专题六 学习主题五</span>
          <examinations :cardList="questionData[164]" />
        </p>
        <h6 class="Conclusion-title4">专题小结</h6>

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

@@ -237,8 +237,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0182-1.jpg" /><br /> -->
          <!-- <span class="img">专题七 学习主题一</span> -->
          <span class="img center dl-bl w100">专题七 学习主题一</span>
          <examinations :cardList="questionData[169]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
@@ -659,8 +658,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0187-1.jpg" /><br /> -->
          <!-- <span class="img">专题七 学习主题二</span> -->
          <span class="img center dl-bl w100">专题七 学习主题二</span>
          <examinations :cardList="questionData[174]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
@@ -924,8 +922,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0189-1.jpg" /><br /> -->
          <!-- <span class="img">专题七 学习主题三</span> -->
          <span class="img center dl-bl w100">专题七 学习主题三</span>
          <examinations :cardList="questionData[177]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
@@ -1711,8 +1708,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0200-1.jpg" /><br /> -->
          <!-- <span class="img">专题七 学习主题四</span> -->
          <span class="img center dl-bl w100">专题七 学习主题四</span>
          <examinations :cardList="questionData[188]" />
        </p>
        <h2 class="module_block" id="b031">
@@ -2761,8 +2757,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0220-1.jpg" /><br /> -->
          <!-- <span class="img">专题七 学习主题五</span> -->
          <span class="img center dl-bl w100">专题七 学习主题五</span>
          <examinations :cardList="questionData[207]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>

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

@@ -491,8 +491,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0228-2.jpg" /><br /> -->
          <!-- <span class="img">专题八 学习主题一</span> -->
          <span class="img center dl-bl w100">专题八 学习主题一</span>
          <examinations :cardList="questionData[215]" />
        </p>
      </div>
@@ -1350,8 +1349,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0240-2.jpg" /><br /> -->
          <!-- <span class="img">专题八 学习主题二</span> -->
          <span class="img center dl-bl w100">专题八 学习主题二</span>
          <examinations :cardList="questionData[227]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>
@@ -1750,8 +1748,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0245-1.jpg" /><br /> -->
          <!-- <span class="img">专题八 学习主题三</span> -->
          <span class="img center dl-bl w100">专题八 学习主题三</span>
          <examinations :cardList="questionData[232]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>

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

@@ -531,8 +531,7 @@
          云测试
        </h6>
        <p class="blockh6-c center">
          <!-- <img class="img-g" alt="" src="image/0256-2.jpg" /><br /> -->
          <!-- <span class="img">专题九 学习主题一</span> -->
          <span class="img center dl-bl w100">专题九 学习主题一</span>
          <examinations :cardList="questionData[243]" />
        </p>
      </div>
@@ -1263,8 +1262,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0267-1.jpg" /><br /> -->
          <!-- <span class="img">专题九 学习主题二</span> -->
          <span class="img center dl-bl w100">专题九 学习主题二</span>
          <examinations :cardList="questionData[255]" />
        </p>
        <h6 class="Conclusion-title4">专题小结</h6>

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

@@ -583,8 +583,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0279-1.jpg" /><br /> -->
          <!-- <span class="img">专题十 学习主题一</span> -->
          <span class="img center dl-bl w100">专题十 学习主题一</span>
          <examinations :cardList="questionData[267]" />
        </p>
        <h2 class="module_block" id="b038">
@@ -933,8 +932,7 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0285-1.jpg" /><br /> -->
          <!-- <span class="img">专题十 学习主题二</span> -->
          <span class="img center dl-bl w100">专题十 学习主题二</span>
          <examinations :cardList="questionData[272]" />
        </p>
        <p class="custom_tag"><b>•资料链接•</b></p>

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

@@ -20,27 +20,27 @@
          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
        </p> -->
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷一</span>
          <span class="block3 center dl-bl w100 mt-40">卷一</span>
          <examinations :cardList="questionData[2741]" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷二</span>
          <span class="block3 center dl-bl w100 mt-40">卷二</span>
          <examinations :cardList="questionData[2742]" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷三</span>
          <span class="block3 center dl-bl w100 mt-40">卷三</span>
          <examinations :cardList="questionData[2743]" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷四</span>
          <span class="block3 center dl-bl w100 mt-40">卷四</span>
          <examinations :cardList="questionData[2744]" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷五</span>
          <span class="block3 center dl-bl w100 mt-40">卷五</span>
          <examinations :cardList="questionData[2745]" />
        </p>
      </div>
@@ -53,27 +53,27 @@
          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
        </p> -->
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷六</span>
          <span class="block3 center dl-bl w100 mt-40">卷六</span>
          <examinations :cardList="questionData[2746]" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷七</span>
          <span class="block3 center dl-bl w100 mt-40">卷七</span>
          <examinations :cardList="questionData[2747]" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷八</span>
          <span class="block3 center dl-bl w100 mt-40">卷八</span>
          <examinations :cardList="questionData[2748]" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷九</span>
          <span class="block3 center dl-bl w100 mt-40">卷九</span>
          <examinations :cardList="questionData[2749]" />
        </p>
        <span class="span-border"></span>
        <p class=" block3">
          <span class="block3 center dl-bl w100 mb-20">卷十</span>
          <span class="block3 center dl-bl w100 mt-40">卷十</span>
          <examinations :cardList="questionData[27410]" />
        </p>
      </div>

 src/books/childHealth/view/content/index.vue

@@ -1,6 +1,7 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div class="page-content">
    <div class="page-content" :style="{fontSize: fontSize ? fontSize + 'px' : '16px',  
  transform: `scale(${pageZoom ? pageZoom : 1})`}">
      <pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader>
      <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
      <chapterTwo v-if="showCatalogList.indexOf(2) > -1"></chapterTwo>
@@ -48,6 +49,14 @@
      previousScrollTop: 0,
      throttledScrollHandler: null
    };
  },
  computed:{
    fontSize() {
      return this.$store.state.qiankun.fontSize
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100
    }
  },
  watch: {
    showCatalogList: {
@@ -208,21 +217,21 @@
            // 高亮
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}')">${data.txt}</span>`
              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
            );
            break;
          case "Dashing":
            // 划线
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}')">${data.txt}</span>`
              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
            );
            break;
          case "Note":
            // 笔记
            pageDom.innerHTML = pageDom.innerHTML.replace(
              reg,
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
            );
            break;
        }

 src/books/childHealth/view/index.vue

@@ -20,6 +20,9 @@
      isMouseDown: false
    };
  },
  computed: {

  },
  mounted() {
    this.getBookInfo();
  },
@@ -118,8 +121,8 @@
            chapterNum: "",
            txt: "",
            page: "",
            x: "",
            y: ""
            x: e.x,
            y: e.y
          });
        }
      }

 src/books/content/components/customTable.vue

@@ -77,7 +77,7 @@
  },
};
</script>
<style>
<style scoped>
table {
  border-collapse: collapse;
  width: 100%;

 src/books/content/components/header.vue

@@ -22,7 +22,7 @@
  data() {},
};
</script>
<style lang="less">
<style lang="less" scoped>
.header {
  width: 100%;
  height: 136px;

 src/books/content/css/default.less

@@ -11,6 +11,38 @@
      width: 100%;
      height: 300px;
    }
    .bj-tip {
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 8px 10px;
      box-sizing: border-box;
      border: 3px solid #f49a4c;
      border-radius: 30px;
      position: absolute;
      top: -30px;
      left: -20px;
      background-color: #FFF;
      color: #f49a4c;
      font-weight: bold;
      font-size: 20px;
      img {
        margin-left: 15px;
      }
    }
    
    .tips-bk {  
      margin-top: 80px;
      border-radius: 20px;
      position: relative;
    }

    .tips-file {
      border: 3px dotted #f49a4c;
      padding: 30px 0;
      box-sizing: border-box;
      border-radius: 25px;
    }

    .page-box {
      box-sizing: border-box;
@@ -790,7 +822,7 @@

    div.bk-tx {
      border: 3px dotted #f49a4c;
      padding: 1.5em;
      padding: 10px;
      color: #f49a4c;
      margin-bottom: 2em;
      margin-top: 0.5em;

 src/books/content/view/chapter001.vue

@@ -109,19 +109,15 @@
        <p>
          在倡导现代教育理念、重视早期教育的今天，更应注重对婴幼儿的科学保育。那么，科学的婴幼儿生活保育是什么样的呢？
        </p>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <h4 id="d001">
          ▶▶ 活动1：解释婴幼儿生活保育的概念<span class="fontsz1"
            >＞＞＞＞＞＞＞＞<img
        <div class="tips-bk">
          <div class="bj-tip">
            视频：托育工作人员说婴幼儿生活保障<img
              src="../icons/video.png"
              @click="activityOne"
              alt=""
          /></span>
        </h4>
        <div v-if="isOpenOne">
            />
          </div>
          <div class="tips-file" v-if="isOpenOne">
          <video
            webkit-playsinline="true"
            x-webkit-airplay="true"
@@ -134,6 +130,16 @@
            :src="videOneUrl"
          ></video>
        </div>
        </div>
      </div>
    </div>
    <div class="page-box">
      <div class="bodystyle">
        <h4 id="d001">
          ▶▶ 活动1：解释婴幼儿生活保育的概念<span class="fontsz1"
            >＞＞＞＞＞＞＞＞</span
          >
        </h4>
        <p>
          保育员小王认为，婴幼儿生活保育就是管好婴幼儿的吃、喝、拉、撒、睡。你认为小王的说法对吗？为什么？
        </p>
@@ -428,16 +434,8 @@
          （5）收集回访信息。调研执行完毕后，留下调研对象的联系方式，结束后如发现尚未解决的问题，可通过网络、电话等形式回访。
        </p>
        <h4 id="d006">
          ▶▶ 应用与实践<span class="fontsz1"
            >＞＞＞＞＞＞＞＞<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
          /></span>
          ▶▶ 应用与实践<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <div v-if="idOpenThree">
          <examinations :cardList="qustionData[9]" />
        </div>
        <p><b>论述题</b></p>
        <p>
          1.根据走访托育园所获得的信息，找出并概括托育园一日生活保育与《托育机构保育指导大纲（试行）》相对应的内容。
@@ -449,6 +447,32 @@
          3.我们常说0～3岁的婴幼儿是最“柔软”的群体，我们该如何呵护这个群体？
        </p>
        <p><br /></p>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元一应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
          </div>
          <div v-if="idOpenThree" class="tips-file">
            <examinations :cardList="qustionData[9]" />
          </div>
          <!-- <div class="tips-file" v-if="isOpenOne">
            
            <video
              webkit-playsinline="true"
              x-webkit-airplay="true"
              playsinline="true"
              x5-video-orientation="h5"
              x5-video-player-fullscreen="true"
              x5-playsinline=""
              controls
              class="video-border w100"
              :src="videOneUrl"
            ></video>
          </div> -->
        </div>
      </div>
    </div>
  </div>
@@ -467,8 +491,8 @@
      videOneUrl: "",
      picOneUrl: require("../image/0018-1.jpg"),
      picArr: [require("../image/0018-1.jpg")],
      isOpenOne: false,
      idOpenThree: false,
      isOpenOne: true,
      idOpenThree: true,
      qustionData: {},
      text1: "",
      text2: "",

 src/components/examinations/index.vue

@@ -1,12 +1,12 @@
<template>
  <div class="examination" v-loading="loading">
  <div class="examination" v-loading="!cardList.length">
    <div
      v-for="(item, nindex) in cardList"
      :key="nindex"
      class="border-box"
      v-show="item.infoList.length"
    >
      <p class="catalogName">
      <p class="catalogName" :style="{ color: primaryColor }">
        <span v-if="nindex == 0">一、</span>
        <span v-if="nindex == 1">二、</span>
        <span v-if="nindex == 2">三、</span>
@@ -280,7 +280,7 @@
                      </p>
                      <div class="headerConent sitgBox">
                        <p v-if="!value.isUnfold">
                          <span class="analysisColor">查看解析</span
                          <span class="analysisColor">展开解析</span
                          ><el-image />
                        </p>
                        <p v-else>
@@ -299,7 +299,48 @@
                </el-collapse-item>
                <!-- 主观题 -->
              </el-collapse>
              <div
              <el-collapse v-else v-model="value.isUnfold" accordion>
                <el-collapse-item :name="value.id" class="objective">
                  <template #title>
                    <div class="headerBox">
                      <p v-if="!value.isUnfold">
                        <span class="analysisColor">展开答案与解析</span>
                      </p>
                      <p v-else>
                        <span class="analysisColor">收起答案与解析</span>
                      </p>
                    </div>
                  </template>
                  <div class="referBox">
                    <span>参考答案：</span>
                    <p
                      v-html="arrayToString(value.answer)"
                      class="ti-2"
                      :class="[
                        'subjectiveBox',
                        value.isUnfold ? 'showText' : 'hideText',
                      ]"
                    ></p>
                  </div>
                  <!-- 解析 -->
                  <div class="referBox">
                    <span>解析：</span>
                    <p
                      v-if="value.analysisCon"
                      v-html="value.analysisCon"
                      :class="
                        [
                          'subjectiveBox',
                          'ti-2',
                          value.isUnfold ? 'yincang' : '',
                        ].join(' ')
                      "
                    ></p>
                    <p v-else class="ti-2">暂无数据</p>
                  </div>
                </el-collapse-item>
              </el-collapse>
              <!-- <div
                v-if="value.questionType == 'shortAnswer'"
                class="subjective subjectiveItem"
              >
@@ -322,8 +363,6 @@
                    </span>
                  </p>
                </div>
                <!-- :class="['analysisDetailBox', value.isUnfold ? 'open' : 'close'].join(' ') -->
                <!-- :class="['analysisDetailBox', value.isUnfold ? 'cartoon' : 'downCartoon'].join(' ') -->
                <div
                  :class="
                    [
@@ -334,7 +373,6 @@
                >
                  <div class="referBox">
                    <span>参考答案：</span>
                    <!-- <p v-html="arrayToString(value.answer)" class="subjectiveBox"></p> -->
                    <p
                      v-html="arrayToString(value.answer)"
                      :class="[
@@ -357,35 +395,25 @@
                    <p v-else>暂无数据</p>
                  </div>
                </div>
              </div>
              </div> -->
            </div>
          </div>
        </li>
      </ul>
    </div>

    <div class="bottom-btn" v-if="!loading">
      <el-button style="height: 30px; width: 78px; padding: 4px 10px"
        >保存</el-button
      >
      <el-button class="btn-box" @click="saveAnswer">保存</el-button>
      <el-button
        @click="handleQuestion"
        style="
          border-color: #1eb9ee;
          height: 30px;
          width: 78px;
          padding: 4px 10px;
        "
        class="btn-box"
        :style="{ borderColor: primaryColor }"
        >提交</el-button
      >
      <el-button
        @click="redo"
        style="height: 30px; width: 78px; padding: 4px 10px"
        >重做</el-button
      >
      <el-button @click="redo" class="btn-box">重做</el-button>
      <el-button
        @click="openAnswers"
        style="border-color: #1eb9ee; height: 30px; padding: 4px 10px"
        class="btn-box"
        :style="{ borderColor: primaryColor }"
        >查看答案</el-button
      >
    </div>
@@ -396,7 +424,23 @@
import { getPublicImage } from "@/assets/js/middleGround/tool";
export default {
  name: "examination-option",
  props: ["cardList"],
  // props: ["cardList"],
  props: {
    cardList: {
      type: Array,
      default: [],
    },
    primaryColor: {
      type: String,
      default: "#00aeef",
    },
    chapter: {
      type: Number,
    },
    page: {
      type: Number,
    },
  },
  data() {
    return {
      type: "option",
@@ -465,249 +509,6 @@
    watchParsing(data) {
      data.isUnfold = !data.isUnfold;
    },
    // // 获取试卷下题目类型
    // getIdPathList() {
    //   this.$data.loading = true;
    //   let query = {
    //     path: "*",
    //     queryType: "*",
    //     productId: this.config.bookId,
    //     cmsPath: "24080\\63791\\63792\\63807",
    //     pading: {
    //       start: 0,
    //       size: 999,
    //     },
    //   };
    //   this.MG.store.getProductDetail(query).then(async (res) => {
    //     console.log(this.$props.productLinkPath, res.datas.cmsDatas[0].datas);
    //     const idPathList = res.datas.cmsDatas[0].datas;
    //     await this.getQuestionList(idPathList);
    //   });
    // },
    // // 获取题库题目
    // async getQuestionList(idPathList, oldData) {
    //   let cardList = [];
    //   // 清空正确题数记录
    //   for (let index = 0; index < idPathList.length; index++) {
    //     const pathitem = idPathList[index];
    //     const pathList = cardList;
    //     pathList.push({
    //       path: pathitem.productLinkPath,
    //       catalogName: pathitem.name,
    //       infoList: [],
    //     });
    //     cardList = pathList;
    //     // 获取题目
    //     let query = {
    //       path: "*",
    //       queryType: "*",
    //       productId: this.config.bookId,
    //       cmsPath: pathitem.productLinkPath,
    //       itemFields: {
    //         Embedded_QuestionBank_Stem: [],
    //         Embedded_QuestionBank_AnalysisCon: [],
    //         Embedded_QuestionBank_Answer: [],
    //         Embedded_QuestionBank_Option: [],
    //         Embedded_QuestionBank_QuestionType: [],
    //         Embedded_QuestionBank_StemStyle: [],
    //         Embedded_QuestionBank_OptionStyle: [],
    //         Embedded_QuestionBank_KnowledgePoint: [],
    //         Embedded_QuestionBank_Difficulty: [],
    //       },
    //       pading: {
    //         start: 0,
    //         size: 999,
    //       },
    //     };
    //     await this.MG.store.getProductDetail(query).then((res) => {
    //       let oldList;
    //       if (oldData) {
    //         // 提交过，存在答题记录
    //         oldList = oldData.find(
    //           (item) => item.path == pathitem.productLinkPath
    //         ).infoList;
    //         this.setData({
    //           submitStatus: true,
    //         });
    //       }
    //       res.datas.cmsDatas[0].datas.forEach((item, index) => {
    //         let oldObj = "";
    //         if (oldList)
    //           oldObj = oldList.find((oldItem) => oldItem.id == item.id);
    //         let questionObj = {
    //           // num: index, // 题号
    //           id: item.id,
    //           type: pathitem.name,
    //           stem:
    //             item.Embedded_QuestionBank_QuestionType == "completion"
    //               ? JSON.parse(item.Embedded_QuestionBank_Stem)
    //                   .stemTxt.replaceAll("<vacancy>", ",input,")
    //                   .split(",")
    //               : JSON.parse(item.Embedded_QuestionBank_Stem), // 题干
    //           answer: item.Embedded_QuestionBank_Answer, // 答案
    //           option: item.Embedded_QuestionBank_Option
    //             ? JSON.parse(item.Embedded_QuestionBank_Option)
    //             : "", // 选择题选项
    //           analysisCon: item.Embedded_QuestionBank_AnalysisCon, // 解析
    //           questionType: item.Embedded_QuestionBank_QuestionType, // 题型
    //           optionStyle: item.Embedded_QuestionBank_OptionStyle, // 选项显示类型
    //           stemStyle: item.Embedded_QuestionBank_StemStyle, // 题干显示类型
    //           difficulty: item.Embedded_QuestionBank_Difficulty
    //             ? 4 - item.Embedded_QuestionBank_Difficulty
    //             : 0, // 难度等级
    //           userAnswer: oldObj
    //             ? oldObj.userAnswer
    //             : item.Embedded_QuestionBank_QuestionType == "completion" ||
    //               item.Embedded_QuestionBank_QuestionType == "multipleChoice"
    //             ? []
    //             : "",
    //           isUserAnswer: oldObj
    //             ? this.isHaveAnswer(oldObj.userAnswer)
    //             : false,
    //           isRight: oldObj ? oldObj.isRight : null,
    //           isComplete: oldObj ? oldObj.isComplete : false,
    //           isCollect: false,
    //           isUnfold: "", // 控制解析的折叠面板是否展开
    //         };
    //         // 多选和填空答案肯为数组，要转换JSON格式
    //         if (
    //           questionObj.questionType == "completion" ||
    //           questionObj.questionType == "multipleChoice"
    //         ) {
    //           try {
    //             questionObj.answer = JSON.parse(questionObj.answer).toString();
    //           } catch (error) {
    //             questionObj.answer = item.Embedded_QuestionBank_Answer;
    //           }
    //         }
    //         // 填空题改造
    //         if (questionObj.questionType == "completion") {
    //           let index = 0;
    //           for (let i = 0; i < questionObj.stem.length; i++) {
    //             const item = questionObj.stem[i];
    //             if (item == "input") {
    //               questionObj.stem[i] = {
    //                 num: index,
    //                 data: "input",
    //               };
    //               if (!oldObj) questionObj.userAnswer[index] = "";
    //               index++;
    //             }
    //           }
    //         }
    //         // 题干富文本处理
    //         if (questionObj.stemStyle == "RichText") {
    //           // questionObj.option.txt = ''
    //           questionObj.stem.stemTxt = questionObj.stem.stemTxt
    //             .replace(
    //               /\<img/gi,
    //               '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
    //             )
    //             .replace(/\<p/gi, '<p class="stem-rich-p"')
    //             .replace("../file", app.config.requestCtx + "/file");
    //         }
    //         // 选项富文本处理
    //         if (
    //           questionObj.optionStyle == "RichText" &&
    //           (questionObj.questionType == "singleChoice" ||
    //             questionObj.questionType == "judge" ||
    //             questionObj.questionType == "multipleChoice")
    //         ) {
    //           questionObj.option.forEach((item) => {
    //             if (item.txt)
    //               item.txt = item.txt
    //                 .replace(/\<img/gi, '<img class="option-rich-img"')
    //                 .replace(/\<p/gi, '<p class="stem-rich-p"')
    //                 .replace("../file", app.config.requestCtx + "/file");
    //           });
    //         }
    //         // 解析富文本处理
    //         if (
    //           questionObj.analysisCon &&
    //           typeof questionObj.analysisCon == "string"
    //         ) {
    //           questionObj.analysisCon = questionObj.analysisCon.replace(
    //             /\<img/gi,
    //             '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
    //           );
    //         }
    //         // 听力题修改
    //         // if (questionObj.questionType == 'singleChoice') {
    //         //   const src = this.extractSourceSrc(questionObj.stem.stemTxt)
    //         //   if (src) {
    //         //     questionObj.src = src
    //         //     questionObj.stem.stemTxt = this.removeVideoAndAudioTags(questionObj.stem.stemTxt)
    //         //   }
    //         // }
    //         // 获取图片
    //         if (
    //           questionObj.stemStyle == "Image" ||
    //           questionObj.stemStyle == "TxtAndImage"
    //         ) {
    //           questionObj.stem.stemImage = getPublicImage(
    //             questionObj.stem.stemImage,
    //             150
    //           );
    //         }
    //         if (
    //           questionObj.optionStyle == "Image" ||
    //           questionObj.optionStyle == "TxtAndImage"
    //         ) {
    //           questionObj.option.forEach((optionItem) => {
    //             if (optionItem.img)
    //               optionItem.img = getPublicImage(optionItem.img, 150);
    //           });
    //         }
    //         // 客观题总分赋值
    //         if (questionObj.questionType !== "shortAnswer") {
    //           // this.setData({
    //           //   subjectiveGrade: this.data.subjectiveGrade + 2,
    //           // });
    //         }
    //         // 旧数据里 题目正确 记录正确数量
    //         if (questionObj.isRight) {
    //           // this.setData({
    //           //   correctNum: this.data.correctNum + 1,
    //           // });
    //         }
    //         if (
    //           pathitem.name == "判断题" ||
    //           pathitem.name == "填空题" ||
    //           pathitem.name == "多选题" ||
    //           pathitem.name == "单选题" ||
    //           pathitem.name == "听力题"
    //         ) {
    //           if (oldObj) {
    //             // this.setData({
    //             //   subjectiveTotal: this.data.subjectiveTotal + 1,
    //             // });
    //           }
    //         }
    //         // cardList赋值
    //         let cardIndex = cardList.findIndex(
    //           (item) => item.path == pathitem.productLinkPath
    //         );
    //         let infoList = cardList[cardIndex].infoList;
    //         infoList.push(questionObj);
    //         cardList[cardIndex].infoList = infoList;
    //         let questionList = [];
    //         const cardUpdatedList = cardList;
    //         cardUpdatedList.forEach((aitem) => {
    //           aitem.infoList.forEach((bitem, bindex) => {
    //             questionList.push(bitem);
    //             bitem.number = bindex + 1;
    //             bitem.score = 2;
    //           });
    //         });
    //         cardList = cardUpdatedList;
    //         this.$data.cardList = cardList;
    //         this.$data.loading = false;
    //         // console.log("题目呢", cardList);
    //         // return cardList
    //       });
    //     });
    //   }
    // },
    // 批改题目  (练习,我的做题,我的收藏模式下)
    handleQuestion() {
      const list = this.$props.cardList;
@@ -758,13 +559,40 @@
      this.$props.cardList = list;
      console.log(this.$props.cardList);
    },
    // 保存按钮
    saveAnswer() {
      console.log(this.cardList);
      const oldAnswerData = localStorage.getItem("oldAnswerData");
      let oldData = oldAnswerData ? JSON.parse(oldAnswerData) : {};
      const asnwerList = [];
      for (let index = 0; index < this.$props.cardList.length; index++) {
        const item = this.$props.cardList[index];
        for (let cindex = 0; cindex < item.infoList.length; cindex++) {
          const citem = item.infoList[cindex];
          asnwerList.push({
            id: citem.id,
            userAnswer: citem.userAnswer,
          });
        }
      }
      if(oldData[this.chapter]) {
        oldData[this.chapter][this.page] = asnwerList
      } else {
        oldData[this.chapter] = {}
        oldData[this.chapter][this.page] = asnwerList
      }
      console.log(oldData);
      localStorage.setItem("oldAnswerData", JSON.stringify(oldData));
    },
  },
};

</script>

<style lang="less" scoped>
.catalogName {
  color: #00aeef;
  // color: #00aeef;
  // color: #ff6c00;
  text-indent: 1em !important;
  font-size: 16px;
}
@@ -775,9 +603,17 @@
    list-style: none;
  }
}
.btn-box {
  height: 30px;
  width: 78px;
  padding: 4px 10px;
}
.border-box {
  padding-top: 20px;
  // border: 2px solid #e9e9e9;
}
.ti-2 {
  text-indent: 2em !important;
}
.questionContent {
  // display: flex;
@@ -873,7 +709,7 @@
    }
    .titleText {
      text-align: left;
      padding: 0 10px 10px 0px;
      // padding: 0 10px 10px 0px;
      min-width: 90%;
      font-size: 16px;
      line-height: 32px;

 src/main.js

@@ -1,8 +1,8 @@
import Vue from "vue";
import App from "./App.vue";
import less from "less";
// import "./books/childHealth/assets/main.less";
import './books/content/css/default.less'
import "./books/childHealth/assets/main.less";
// import './books/content/css/default.less'
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import store from "./store";

 vue.config.js

@@ -2,7 +2,7 @@
// import {publicCtx} from '@/assets/js/config'
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  // publicPath: 'http://182.92.203.7:3007/books/book/1',
  // publicPath: "http://182.92.203.7:3007/books/book/1",
  publicPath:'/books/book/1',
  transpileDependencies: true,
  lintOnSave: false,
@@ -21,7 +21,7 @@
    output: {
      library: `app-content`,
      libraryTarget: "umd",
      chunkLoadingGlobal: `webpackJsonp_app-content`
      chunkLoadingGlobal: `webpackJsonp_app-content`,
    },
  },
  chainWebpack: (config) => {
@@ -34,8 +34,8 @@
      .loader("change-prefix-loader")
      .options({
        prefix: "el-",
        replace: "gp-"
        replace: "gp-",
      })
      .end();
  }
  },
});