嵌入书分页加载

闫增涛

2024-05-29 b1afe1bb63a9eae10b4e069c60f4db80b6816078

 src/books/childHealth/view/index.vue

@@ -1,5 +1,8 @@
<template>
  <div class="temp-book" @mouseup="handleMouseUp" >
  <div
    class="temp-book"
    @mouseup="handleMouseUp"
  >
    <pageContent></pageContent>
  </div>
</template>
@@ -7,67 +10,15 @@
<script>
import pageContent from "./content/index.vue";
export default {
  name: "child-health",
  components: {
    pageContent
  },
  data() {
    return {
      bookData: {},
      type: "option",
      idPathList: [],
      cardList: [],
      isMouseDown: false
    };
    return {};
  },
  computed: {

  },
  mounted() {
    this.getBookInfo();
  },
  
  mounted() {},
  methods: {
    getBookInfo() {
      let query = {
        path: "*",
        queryType: "*",
        productId: this.config.bookId,
        favoriteTypes: "FavoriteBookCity",
        itemFields: {
          "SysType=": "CmsFolder"
        },
        coverSize: {
          height: 300
        },
        fields: {
          seriesName: [],
          author: [],
          isbn: [],
          publicationDate: [],
          bookClassification: [],
          paperPrice: [],
          JDLink: [],
          tmallLink: [],
          dangdangLink: [],
          weidianLink: [],
          content: [],
          authorIntroduction: [],
          // isApplyPaperBook: [],
          // isApplyEBook: [],
          isApplyBook: [],
          isSell: [],
          pdf: [],
          protectedEpub: [],
          probationPage: [], //pdf试读页数
          freeEpubPage: [] //epub试读百分比
        }
      };
      this.MG.store.getProductDetail(query).then((res) => {
        console.log("图书信息", res.datas);
        this.$data.bookData = res.datas;
        this.$store.commit("setRootCmsItemId", res.datas.rootCmsItemId);
      });
    },
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
@@ -105,15 +56,6 @@
              y: e.y
            });
          }
          console.log("选中的文字", {
            chapterNum,
            txt,
            selection,
            node,
            page,
            x: e.x,
            y: e.y
          });
        }
      } else {
        if (this.$store.state.qiankun.windowSelection) {
@@ -131,4 +73,6 @@
};
</script>

<style lang="less" scoped></style>
<style lang="less">
@import "../assets/main.less";
</style>