闫增涛
2024-10-12 be7de94a601b8cbc1682a7ee12a05526d806f329
src/books/sportsAndHealth/view/components/index.vue
@@ -15,79 +15,12 @@
      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
      <!-- <assemblyOne v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></assemblyOne> -->
      <chapterfive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterfive>
      <!-- <assemblyTwo v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList" @openPDFChange="swdtChange" /> -->
      <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSix>
      <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList"></chapterSeven>
      <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight>
      <chapterNine v-if="showCatalogList.indexOf(10) > -1" :showPageList="loadPageList"></chapterNine>
      <!-- <ChapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      /> -->
      <!-- <ChapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @Upload_initViewer="changeDomViewer"
      /> -->
      <!-- <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      /> -->
      <!-- <chapterSeven
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @eventSwdt="swdtChange"
        @Upload_initViewer="changeDomViewer"
      /> -->
      <!-- <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      /> -->
      <!-- <chapterNine
        v-if="showCatalogList.indexOf(10) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      /> -->
      <!-- <chapter010
        v-if="showCatalogList.indexOf(11) > -1"
        :showPageList="loadPageList"
      /> -->
      <!-- <chapter011
        v-if="showCatalogList.indexOf(12) > -1"
        :showPageList="loadPageList"
      /> -->
      <!-- <chapter012
        v-if="showCatalogList.indexOf(13) > -1"
        :showPageList="loadPageList"
      /> -->
      <!-- <chapter013
        v-if="showCatalogList.indexOf(14) > -1"
        :showPageList="loadPageList"
      /> -->
      <!-- <chapter014
        v-if="showCatalogList.indexOf(15) > -1"
        :showPageList="loadPageList"
      /> -->
      <!-- <chapter015
        v-if="showCatalogList.indexOf(16) > -1"
        :showPageList="loadPageList"
      /> -->
      <!-- <chapter016
        v-if="showCatalogList.indexOf(17) > -1"
        :showPageList="loadPageList"
      /> -->
      <!-- <chapter017
        v-if="showCatalogList.indexOf(18) > -1"
        :showPageList="loadPageList"
      /> -->
      <!-- <chapter018
        v-if="showCatalogList.indexOf(19) > -1"
        :showPageList="loadPageList"
      /> -->
    </div>
  </div>
</template>
@@ -100,24 +33,12 @@
import chapterThree from './chapter003.vue'
import chapterFour from './chapter004.vue'
import chapterfive from './chapter005.vue'
// import assemblyOne from "./testDynaicTable.vue";
import assemblyTwo from './testPp.vue'
// import ChapterFour from "./testPp";
// import ChapterFive from "./chapter005";
// import chapterSix from "./chapter006";
// import chapterSeven from "./chapter007";
// import chapterEight from "./chapter008";
// import chapterNine from "./chapter009";
// import chapter010 from "./chapter010";
// import chapter011 from "./chapter011";
// import chapter012 from "./chapter012";
// import chapter013 from "./chapter013";
// import chapter014 from "./chapter014";
// import chapter015 from "./chapter015";
// import chapter016 from "./chapter016";
// import chapter017 from "./chapter017";
// import chapter018 from "./chapter018";
import chapterSix from './chapter006.vue'
import chapterSeven from './chapter007.vue'
import chapterEight from './chapter008.vue'
import chapterNine from './chapter009.vue'
import NoteIcon from '@/assets/images/biji.png'
import _ from 'lodash'
import getQuestionList from '@/assets/methods/examination'
@@ -129,7 +50,7 @@
export default {
  data() {
    return {
      catalogLength: 7, // 总章节数
      catalogLength: 10, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -246,8 +167,8 @@
    }, 500)
    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(5, 195)
    // setTimeout(() => {
    //   this.gotoPage(1, 41)
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -275,7 +196,7 @@
      //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼(见图1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ",
      //   txtIndex: 57
      // });
    }, 500)
    // }, 500)
  },
  methods: {
    swdtChange(data) {
@@ -357,6 +278,7 @@
    },
    // 章节、页面跳转
    gotoPage(catalog, page) {
      if (catalog >= 0 && catalog <= this.catalogLength) {
        // 处理渲染章节
        if (catalog == 0) {
@@ -375,9 +297,11 @@
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${page}"]`)
          if (pageDom) {
            pageDom.scrollIntoView()
          } else {
            console.log('页码错误!')
          }
        }, 500)
@@ -817,6 +741,10 @@
        chapterThree,
        chapterFour,
        chapterfive,
        chapterSix,
        chapterSeven,
        chapterEight,
        chapterNine
        // assemblyOne,
        // assemblyTwo,
      }
@@ -952,6 +880,10 @@
    chapterThree,
    chapterFour,
    chapterfive,
    chapterSix,
    chapterSeven,
    chapterEight,
    chapterNine
    // assemblyOne,
    // assemblyTwo,
    // ChapterFour,