幼儿园语言教育与活动指导

杨磊

5 天以前 23cbeff293c7f71b7769d1a94bd5def3a24c20b1

 src/books/kindergartenLanguageActivity/view/components/index.vue

@@ -13,42 +13,76 @@
        transformOrigin: 'center top',
      }"
    >
      <!-- <pageHeader
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader> -->
      ></pageHeader>
      <chapterOne
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></chapterOne>
      <!-- <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(2) > -1"
        :showPageList="loadPageList"
      ></chapterOne>
      <chapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
      ></chapterTwo>
      <chapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :resourceList="resourceList"
      ></chapterThree>
      <chapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :resourceList="resourceList"
      ></chapterFour>
      <!-- <chapterfive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterfive> -->
      <!-- <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> -->
      <chapterfive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
        :resourceList="resourceList"
      ></chapterfive>
      <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
        :resourceList="resourceList"
      ></chapterSix>
      <chapterSeven
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
        :resourceList="resourceList"
      ></chapterSeven>
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
        :resourceList="resourceList"
      ></chapterEight>
      <chapterNine
        v-if="showCatalogList.indexOf(10) > -1"
        :showPageList="loadPageList"
        :resourceList="resourceList"
      ></chapterNine>
      <chapterTen
        v-if="showCatalogList.indexOf(11) > -1"
        :showPageList="loadPageList"
        :resourceList="resourceList"
      ></chapterTen>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
// import pageHeader from "./front001";
import pageHeader from "./front001";
import chapterOne from "./chapter001.vue";
// import chapterTwo from './chapter002.vue'
// import chapterThree from './chapter003.vue'
import chapterTwo from "./chapter002.vue";
import chapterThree from "./chapter003.vue";
import chapterFour from "./chapter004.vue";
// import chapterfive from './chapter005.vue'
import chapterfive from "./chapter005.vue";

// import chapterSix from './chapter006.vue'
// import chapterSeven from './chapter007.vue'
// import chapterEight from './chapter008.vue'
// import chapterNine from './chapter009.vue'
import chapterSix from "./chapter006.vue";
import chapterSeven from "./chapter007.vue";
import chapterEight from "./chapter008.vue";
import chapterNine from "./chapter009.vue";
import chapterTen from "./chapter010.vue";

import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
@@ -61,7 +95,7 @@
export default {
  data() {
    return {
      catalogLength: 2, // 总章节数
      catalogLength: 11, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -73,6 +107,7 @@
      questionDataMap: {},
      renderSignMap: {},
      highlightData: null,
      resourceList: {},
    };
  },
  computed: {
@@ -117,6 +152,11 @@
          this.container ? this.container : document
        ).querySelector(".page-main");
        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
      },
    },
    resourceList: {
      handler(newVal, oldVal) {
        this.resourceList = newVal;
      },
    },
  },
@@ -170,7 +210,7 @@
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    this.getBookResourceList();
    // 启动页码观察
    setTimeout(() => {
      this.initObservation();
@@ -179,7 +219,7 @@

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(1, 8);
      this.gotoPage(11, 244);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -210,6 +250,15 @@
    // }, 500)
  },
  methods: {
    async getBookResourceList() {
      this.resourceList = await this.config.getBookResources(
        process.env.VUE_APP_RESOURCE_CTX +
          (process.env.VUE_APP_ENV == "product"
            ? process.env.VUE_APP_BOOK_ID
            : "kindergartenLanguageActivity")
      );
      console.log(this.resourceList, "this.resourceList");
    },
    swdtChange(data) {
      console.log("子应用pdf", data);
      if (this.$store.state.qiankun && this.$store.state.qiankun.openPDF) {
@@ -744,16 +793,17 @@
      let catalogIndex = 0;
      // 所有章节组件（每本书制作时单独配置）
      const pageData = {
        // pageHeader,
        pageHeader,
        chapterOne,
        // chapterTwo,
        // chapterThree,
        chapterTwo,
        chapterThree,
        chapterFour,
        // chapterfive,
        // chapterSix,
        // chapterSeven,
        // chapterEight,
        // chapterNine
        chapterfive,
        chapterSix,
        chapterSeven,
        chapterEight,
        chapterNine,
        chapterTen
        // assemblyOne,
        // assemblyTwo,
      };
@@ -883,16 +933,17 @@
    // },
  },
  components: {
    // pageHeader,
    pageHeader,
    chapterOne,
    // chapterTwo,
    // chapterThree,
    chapterTwo,
    chapterThree,
    chapterFour,
    // chapterfive,
    // chapterSix,
    // chapterSeven,
    // chapterEight,
    // chapterNine
    chapterfive,
    chapterSix,
    chapterSeven,
    chapterEight,
    chapterNine,
    chapterTen
    // assemblyOne,
    // assemblyTwo,
    // ChapterFour,