测试图书 7.4

zhongshujie

4 天以前 1695fcd442fe2cefb6d3b63869ad8a72ebd5210a

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

@@ -3,102 +3,36 @@
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="public-bookInnerContent"
      :style="{
        fontSize: fontSize ? fontSize + 'px' : '16px',
        transform: `scale(${pageZoom ? pageZoom : 1})`,
        transformOrigin: 'center top',
      }"
    >
      <front001
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      />
      <ChapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      />
      <ChapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      />
      <ChapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
      />
      <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 class="public-bookInnerContent" :style="{
      fontSize: fontSize ? fontSize + 'px' : '16px',
      transform: `scale(${pageZoom ? pageZoom : 1})`,
      transformOrigin: 'center top',
    }">
      <front001 v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList" />
      <ChapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :questionData="questionDataMap" />
      <ChapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" :questionData="questionDataMap" />
      <ChapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"
        :questionData="questionDataMap" />
      <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>
@@ -158,17 +92,6 @@
    },
  },
  watch: {
    swdtChange(data) {
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
        this.$store.state.qiankun.chooseWords({
          type: data.type,
          data: data.data,
        });
      }
    },
    changeDomViewer() {
      this.initViewer();
    },
    showCatalogList: {
      handler(newVal, oldVal) {
        if (
@@ -263,21 +186,9 @@

    // 测试页面跳转
    // setTimeout(() => {
    // this.gotoPage(1,10);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
    //       txt: "题一学习主题一 运动",
    //       page: "10",
    //       type: "Highlight",
    //       color: "#F5E12A"
    //     });
    // setTimeout(() => {
    //   this.delSign({
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    //   }, 5000);
    //   this.gotoPage(8, 140);
    // }, 500);


    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
@@ -294,6 +205,17 @@
    // }, 500);
  },
  methods: {
    swdtChange(data) {
      if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
        this.$store.state.qiankun.chooseWords({
          type: data.type,
          data: data.data,
        });
      }
    },
    changeDomViewer() {
      this.initViewer();
    },
    // setZoom1() {
    //   let scale = this.$store.state.qiankun.scale + 10;
    //   const scrollBox = (
@@ -548,8 +470,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
@@ -566,8 +488,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
@@ -584,8 +506,8 @@
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
              ? chapterThemeColor[chapterNum]
              : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
@@ -664,6 +586,8 @@
                    }
                    this.questionDataMap[page] = obj;
                  }
                  console.log('题目', this.questionDataMap);

                }
              }
            }
@@ -727,23 +651,23 @@
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
            disableOnInteraction: false //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
            nextEl: dom.querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
            prevEl: dom.querySelector(
              ".swiper-button-prev"
            ),
            )
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          observeParents: true
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
@@ -766,12 +690,12 @@
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: (this.container ? this.container : document).querySelector(
            nextEl: dom.querySelector(
              ".swiper-button-next"
            ),
            prevEl: (this.container ? this.container : document).querySelector(
            prevEl: dom.querySelector(
              ".swiper-button-prev"
            ),
            )
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
@@ -790,8 +714,8 @@
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
          },
            }
          }
        });
      }
    },
@@ -860,6 +784,7 @@
          .querySelector("#searchDomBox")
          .querySelectorAll(".page-box");
        const pages = [];

        for (let i = 0; i < pageDom.length; i++) {
          const pageDomItem = pageDom[i];
          pages.push(Number(pageDomItem.getAttribute("page")));
@@ -935,7 +860,7 @@
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
      this.gotoPage(data.catalog, data.page, () => { });
    },
  },
  components: {