优化

unknown

2024-06-05 c3a97e9da90ab1a34f766acd35944d295cc5a6bf

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

@@ -60,7 +60,7 @@
      </div>
    </div>
    <!-- 2 -->
    <div class="page-box" page="10"  :show="showPageList.indexOf(10) > -1">
    <div class="page-box" page="10" :show="showPageList.indexOf(10) > -1">
      <div v-show="showPageList.indexOf(10) > -1">
        <div class="header-box">
          <div class="header-border-box"></div>
@@ -389,7 +389,11 @@
              </p>
              <div class="text-img-box">
                <div style="margin-right: 50px" class="openImgBox">
                  <img src="../../../assets/images/chapterOne/0015-5.jpg" class="w100" alt="">
                  <img
                    src="../../../assets/images/chapterOne/0015-5.jpg"
                    class="w100"
                    alt=""
                  />
                  <span class="img">图1-1 人体全身骨骼（前面观）</span>
                </div>
                <div>
@@ -458,34 +462,25 @@
            </div>
            <div class="bottom-right" style="width: 35%">
              <div class="mt-40">
                <div class="banshi openImgBox" style="height: 364px;">
                <div class="banshi openImgBox" style="height: 364px">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones1.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones2.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                        <div class="imgBox" style="width: 100%; height: 100%">
                          <img
                            src="../../../assets/images/chapterOne/bones3.png"
                          />
@@ -528,7 +523,11 @@
              class="left fl fl-di fl-evenly openImgBox"
              style="width: 30%; margin-top: 5px"
            >
              <img src="../../../assets/images/chapterOne/0017-1.jpg" alt="" class="w100">
              <img
                src="../../../assets/images/chapterOne/0017-1.jpg"
                alt=""
                class="w100"
              />
              <p class="img">图1-3 关节模式图</p>
            </div>
            <div class="right" style="width: 70%; padding-left: 20px">
@@ -546,33 +545,29 @@
          <div class="fl">
            <div class="left" style="width: 30%">
              <div class="banshi openImgBox">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/foot-01.png" alt="正常足"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/foot-02.png" alt="扁平足"
                          />
                        </div>
                <div class="swiper-container swiper-img">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/foot-01.png"
                          alt="正常足"
                        />
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/foot-02.png"
                          alt="扁平足"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
              <p class="img">图1-4 正常足和扁平足</p>
            </div>
            <div class="right" style="width: 70%; padding-left: 20px">
@@ -609,43 +604,34 @@
            </p>
            <div class="right fl fl-cn fl-di" style="width: 55%">
              <div class="banshi openImgBox">
                  <div class="swiper-container swiper-img">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/posture-01.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/posture-02.png"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide">
                        <div
                          class="imgBox"
                          style="width: 100%; height: 100%"
                        >
                          <img
                            src="../../../assets/images/chapterOne/posture-03.png"
                          />
                        </div>
                <div class="swiper-container swiper-img">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/posture-01.png"
                        />
                      </div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/posture-02.png"
                        />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img
                          src="../../../assets/images/chapterOne/posture-03.png"
                        />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
              <p class="img">图1-5 坐姿对脊柱的影响</p>
            </div>
          </div>
@@ -975,7 +961,11 @@
              <h5 id="e012">1.鼻</h5>
            </div>
            <div class="right openImgBox" style="width: 50%">
              <img src="../../../assets/images/chapterOne/0020-2.jpg" alt="" class="w100">
              <img
                src="../../../assets/images/chapterOne/0020-2.jpg"
                alt=""
                class="w100"
              />
              <p class="img">图1-6 呼吸系统示意图</p>
            </div>
          </div>
@@ -1046,7 +1036,11 @@
            </div>
            <div class="right" style="width: 20%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0021-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0021-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-7 喉腔模式图</p>
            </div>
@@ -1070,7 +1064,11 @@
          </p>
          <p class="img">表1-1 不同年龄的人的呼吸频率</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0021-2.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0021-2.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
      </div>
@@ -1420,7 +1418,11 @@
            循环系统包括血液循环系统（心血管系统）和淋巴系统。血液循环系统由心脏和血管组成，血管包括动脉、静脉和毛细血管（见图1-8）。淋巴系统由淋巴管道、淋巴器官和淋巴组织组成。
          </p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0024-1.jpg" alt="" style="width:80%">
            <img
              src="../../../assets/images/chapterOne/0024-1.jpg"
              alt=""
              style="width: 80%"
            />
          </p>
          <p class="img">图1-8 血液循环示意图</p>

@@ -1456,7 +1458,11 @@
          <p>（1）血液量占体重的比例大于成人（见表1-2）</p>
          <p class="img">表1-2 不同年龄的血液量</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0024-3.jpg" alt="" class="w100" />
            <img
              src="../../../assets/images/chapterOne/0024-3.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
      </div>
@@ -1507,7 +1513,11 @@
          </p>
          <p class="img">表1-3 不同年龄的心率</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0025-1.jpg" alt="" class="w100" />
            <img
              src="../../../assets/images/chapterOne/0025-1.jpg"
              alt=""
              class="w100"
            />
          </p>
        </div>
      </div>
@@ -1616,7 +1626,7 @@
            <span class="img center dl-bl w100">专题一 学习主题三</span>
            <examinations
              :cardList="questionData[22]"
              v-if="questionData  && questionData[22]"
              v-if="questionData && questionData[22]"
              :chapter="1"
              :page="14"
            />
@@ -1869,7 +1879,11 @@
            </div>
            <div class="right" style="width: 35%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0028-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0028-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-9 消化系统模式图</p>
            </div>
@@ -1929,11 +1943,19 @@
          <p>每一颗乳牙和恒牙的萌出都有固定的时间，见表1-4、表1-5。</p>
          <p class="img">表1-4 乳牙萌出时间顺序（以月龄计算）</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0029-1.jpg" alt="" class="w100" />
            <img
              src="../../../assets/images/chapterOne/0029-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <p class="img">表1-5 恒牙萌出时间</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0029-2.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0029-2.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h5 id="e021">2.舌</h5>
          <p>
@@ -2079,7 +2101,7 @@
            <span class="img center dl-bl w100">专题一 学习主题四</span>
            <examinations
              :cardList="questionData[27]"
              v-if="questionData  && questionData[27]"
              v-if="questionData && questionData[27]"
              :chapter="1"
              :page="19"
            />
@@ -2328,7 +2350,11 @@
          <div class="fl fl-around">
            <div class="left" style="width: 35%">
              <p class="center openImgBox" style="margin-top: 0">
                <img src="../../../assets/images/chapterOne/0033-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0033-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-10 泌尿系统模式图（男性）</p>
            </div>
@@ -2641,13 +2667,21 @@
          <div class="fl">
            <div class="left" style="width: 50%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0036-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0036-1.png"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-11 男性生殖系统示意图</p>
            </div>
            <div class="right" style="width: 50%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0036-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0036-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-12 女性生殖系统示意图</p>
            </div>
@@ -2703,7 +2737,7 @@
            >
            <examinations
              :cardList="questionData[32]"
              v-if="questionData  && questionData[32]"
              v-if="questionData && questionData[32]"
              :chapter="1"
              :page="24"
            />
@@ -2966,7 +3000,11 @@
            </div>
            <div class="right" style="width: 50%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0038-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0038-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-13 内分泌系统示意图</p>
            </div>
@@ -2989,7 +3027,11 @@
            </div>
            <div class="right" style="width: 36%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0038-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0038-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-14 成年侏儒症患者与正常成人的身高比较</p>
            </div>
@@ -3041,7 +3083,7 @@
            <span class="img center dl-bl w100">专题一 学习主题七</span>
            <examinations
              :cardList="questionData[34]"
              v-if="questionData  && questionData[34]"
              v-if="questionData && questionData[34]"
              :chapter="1"
              :page="26"
            />
@@ -3277,7 +3319,11 @@
            </div>
            <div class="right" style="width: 50%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0040-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0040-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img cneter">图1-15 神经元模式图</p>
            </div>
@@ -3342,13 +3388,21 @@
            大脑分左、右两半球（见图1-16），表面凹凸不平，凹陷处称为“沟”，隆起处称为“回”，“沟”与“回”大大增加了大脑的表面积。较大的沟有中央沟、大脑外侧沟和顶枕沟，这些沟将大脑表面分成额叶、顶叶、颞叶和枕叶四部分。
          </p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0041-1.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0041-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <p class="img">图1-16 大脑左、右两半球的功能比较</p>
          <div class="fl fl-around">
            <div class="left" style="width: 48%; margin-right: 10px">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0041-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0041-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-17 大脑皮层分区图</p>
            </div>
@@ -3411,7 +3465,11 @@
          </p>
          <p class="img">表1-6 交感神经和副交感神经的作用与区别</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0042-1.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0042-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h3 id="c016">二、学前儿童神经系统的特点＞＞＞＞＞＞</h3>
          <h4 id="d056">（一）脑发育非常迅速</h4>
@@ -3437,7 +3495,11 @@
          </p>
          <p class="img">表1-7 不同年龄脑质量的变化</p>
          <p class="center openImgBox">
            <img src="../../../assets/images/chapterOne/0043-1.jpg" alt="" class="w100">
            <img
              src="../../../assets/images/chapterOne/0043-1.jpg"
              alt=""
              class="w100"
            />
          </p>
          <h4 id="d057">（二）中枢神经系统的发育不均衡</h4>
          <p>
@@ -3506,7 +3568,7 @@
            <span class="img center dl-bl w100">专题一 学习主题八</span>
            <examinations
              :cardList="questionData[39]"
              v-if="questionData  && questionData[39]"
              v-if="questionData && questionData[39]"
              :chapter="1"
              :page="31"
            />
@@ -3828,7 +3890,11 @@
            </div>
            <div class="right" style="width: 35%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0046-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0046-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-18 眼球结构模式图</p>
            </div>
@@ -3937,7 +4003,11 @@
            </div>
            <div class="right" style="width: 58%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0048-1.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0048-1.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-19 耳的结构图</p>
            </div>
@@ -3960,7 +4030,11 @@
            </div>
            <div class="right" style="width: 48%">
              <p class="center openImgBox">
                <img src="../../../assets/images/chapterOne/0048-2.jpg" alt="" class="w100">
                <img
                  src="../../../assets/images/chapterOne/0048-2.jpg"
                  alt=""
                  class="w100"
                />
              </p>
              <p class="img">图1-20 成人和学前儿童咽鼓管之比较</p>
            </div>
@@ -4273,7 +4347,7 @@
            <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> -->
            <span class="img center dl-bl w100">专题一 学习主题九</span>
            <examinations
              :cardList="questionData[48] "
              :cardList="questionData[48]"
              v-if="questionData && questionData[48]"
              :chapter="1"
              :page="40"
@@ -4518,18 +4592,22 @@
</template>
<script>
import examinations from "@/components/examinations/index.vue";
import {getResourcePath} from "@/assets/methods/resources";
import { getResourcePath } from "@/assets/methods/resources";
export default {
  name: "chapter-one",
  components: { examinations },
  props: {
    showPageList: {
      type: Array,
      default: []
      default: [],
    },
    questionData: {
      type: Object
    }
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
@@ -4581,7 +4659,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableTwo: {
          qOne: "",
@@ -4592,7 +4670,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableThree: {
          qOne: "",
@@ -4603,7 +4681,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableFour: {
          qOne: "",
@@ -4614,7 +4692,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableFive: {
          qOne: "",
@@ -4625,14 +4703,14 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableSix: {
          qOne: "",
          qTwo: "",
          qThree: "",
          qFour: "",
          qFive: ""
          qFive: "",
        },
        learnTableSeven: {
          qOne: "",
@@ -4641,7 +4719,7 @@
          qFour: "",
          qFive: "",
          qSix: "",
          qSeven: ""
          qSeven: "",
        },
        learnTableEnight: {
          qOne: "",
@@ -4652,7 +4730,7 @@
          qSix: "",
          qSeven: "",
          qEight: "",
          qNine: ""
          qNine: "",
        },
        learnTableNine: {
          qOne: "",
@@ -4662,36 +4740,36 @@
          qFive: "",
          qSix: "",
          qSeven: "",
          qEight: ""
          qEight: "",
        },
        question: {
          judge: {
            qOne: "",
            qTwo: "",
            qThree: "",
            qFour: ""
            qFour: "",
          },
          fill: {
            qOne: {
              one: "",
              two: ""
              two: "",
            },
            qTwo: {
              oen: "",
              two: ""
              two: "",
            },
            qThree: {
              one: "",
              two: ""
              two: "",
            },
            qFour: {
              one: "",
              two: ""
              two: "",
            },
            qFive: {
              one: "",
              two: ""
            }
              two: "",
            },
          },
          short: {
            qOne: "",
@@ -4700,30 +4778,27 @@
            qFour: "",
            qFive: "",
            qSix: "",
            qSeven: ""
          }
        }
            qSeven: "",
          },
        },
      },
      swiper: null
      swiper: null,
    };
  },
  async mounted() {
    this.getVideoPath();
    const localData = localStorage.getItem("chapterOneData");
    if (localData) {
      this.chapterOneData = JSON.parse(localData);
    }
    window.timerOne = setInterval(() => {
      this.saveTime--;
      if (this.saveTime == 0) {
        this.saveChapterOneData();
    if (!this.isSearch) {
      this.getVideoPath();
      const localData = localStorage.getItem("chapterOneData");
      if (localData) {
        this.chapterOneData = JSON.parse(localData);
      }
    }, 1000);
    // this.$data.questionData = await getQuestionData(
    //   "1",
    //   testData[1],
    //   this.config.activeBook
    // );
      window.timerOne = setInterval(() => {
        this.saveTime--;
        if (this.saveTime == 0) {
          this.saveChapterOneData();
        }
      }, 1000);
    }
  },
  unmounted() {
    if (window.timerOne) {
@@ -4735,8 +4810,8 @@
    showPageList: {
      handler(newVal, oldVal) {
        console.log(newVal, "章节接收内容");
      }
    }
      },
    },
  },
  methods: {
    changeResources(type) {
@@ -4765,23 +4840,41 @@
        this.$data.learnTableNine = !this.$data.learnTableNine;
      }
    },
    getVideoPath() {
      this.$data.pathOne = getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1");
      this.$data.pathTwo = getResourcePath("e5993b62684fe55d13190cfe52bf00ed");
    async getVideoPath() {
      console.log(
        "pathOne",
        await getResourcePath("f6f6588a75086576b87bed2fb9ca1ec1")
      );
      this.$data.pathOne = await getResourcePath(
        "f6f6588a75086576b87bed2fb9ca1ec1"
      );
      this.$data.pathTwo = await 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(
      this.$data.pathFour = await getResourcePath(
        "17fb1555f98c8fceabce5ff75077af58"
      );
      this.$data.pathFive = await getResourcePath(
        "163c06871b763954952d1cd74373c618"
      );
      this.$data.pathSix = await getResourcePath(
        "1d57d897974b22f7f3191f4073ea0641"
      );
      this.$data.pathSeven = await getResourcePath(
        "e67262b8e73ca5b05374b903defd874f"
      );
      this.$data.pathEight = getResourcePath(
      this.$data.pathEight = await getResourcePath(
        "6731ebf8ea78297eedcb56521726481d"
      );
      this.$data.pathNine = getResourcePath("5ef5496040abee4013a5f61e3c5b42b9");
      this.$data.pathTen = getResourcePath("4afe59338bb841a498593cbe458c7d7d");
      this.$data.pathNine = await getResourcePath(
        "5ef5496040abee4013a5f61e3c5b42b9"
      );
      this.$data.pathTen = await getResourcePath(
        "4afe59338bb841a498593cbe458c7d7d"
      );
    },
    saveChapterOneData() {
      // 记录第一张输入数据
@@ -4791,7 +4884,7 @@
        JSON.stringify(this.chapterOneData)
      );
    },
  }
  },
};
</script>