增加试读控制

YM

2024-05-28 25dab3bdfa379f110213e0cc185308c21fa3c2e0

增加试读控制

 src/App.vue

@@ -19,11 +19,11 @@
    childHealth,
    lifeCare,
    embedded,
    english,
    english
  },
  data() {
    return {
      activeBook: {},
      activeBook: {}
    };
  },
  async created() {
@@ -50,20 +50,23 @@
            (this.$store.state.qiankun, this.$store.state.qiankun.getBookConfig)
          ) {
            this.$store.state.qiankun.getBookConfig({
              bookConfig: this.activeBook,
              bookConfig: this.activeBook
            });
          }
        },
        }
      });
    } else {
      this.activeBook = await this.config.getBookConfig(
        // childHealth
        this.config.resourceCtx + "childHealth"
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 30;

      this.config.activeBook = this.activeBook;
      this.config.goodsStore = this.activeBook.storeRefcode;
    }
  },
  }
};
</script>

@@ -106,5 +109,4 @@
  border-bottom: 2px solid;
  cursor: pointer;
}

</style>

 src/books/childHealth/view/content/index.vue

@@ -102,13 +102,13 @@
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionData: {},
      questionData: {}
    };
  },
  provide() {
    return {
      changeQuestionData:this.changeQuestionData
    }
      changeQuestionData: this.changeQuestionData
    };
  },
  watch: {
    showCatalogList: {
@@ -119,7 +119,7 @@
        ) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal,
            showCatalogList: newVal
          });
        }
        // 启动页码观察
@@ -127,8 +127,8 @@
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
    },
      }
    }
  },
  mounted() {
    // 默认加载章节
@@ -153,7 +153,7 @@
        // 删除笔记、高亮、划线
        delSign: (data) => {
          this.delSign(data);
        },
        }
      });
    }

@@ -162,13 +162,13 @@
    this.observer = new IntersectionObserver(this.pageChangeCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0.5, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
      threshold: 0.5 // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
      threshold: 0 // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    // 启动页码观察
@@ -252,7 +252,7 @@
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength,
            this.catalogLength
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -341,6 +341,16 @@
        this.container ? this.container : document
      ).querySelectorAll(".page-box");
      sections.forEach((section) => {
        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
          const page = section.getAttribute("page");
          if (Number(page) > this.config.activeBook.tryPageCount) {
            let chapterDom = this.getParentWithClass(section, "chapter");
            const chapterNum = chapterDom.getAttribute("num");
            this.catalogLength = Number(chapterNum) - 1;
            section.remove();
            return false;
          }
        }
        //observer 观察每个元素，以便在它们进入或离开视窗时触发回调函数。
        const isObserver = section.getAttribute("observer");
        const isLoadObserver = section.getAttribute("loadObserver");
@@ -454,12 +464,12 @@
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          console.log("page", page, catalog);
          console.log(page,"page",catalog,"catalog");
          // 返回页码和章节信息
          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              catalog: catalog
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections：获取所有具有 .section 类名的元素，并转换为数组。
@@ -482,19 +492,16 @@
            const catalog = catalogDom.getAttribute("num");
            if (!this.questionData[page]) {
              if (testData && testData[catalog]) {
                console.log(testData[catalog]);
                if (testData[catalog][page]) {
                  console.log(testData[catalog][page]);
                  if (Array.isArray(testData[catalog][page])) {
                    this.questionData[page] = await getQuestionList(
                      [],
                      testData[catalog][page],
                      this.config.activeBook
                    ) 
                    );
                  } else {
                    const obj = {};
                    for (let key in testData[catalog][page]) {
                      console.log("key", key, testData[catalog][page][key]);
                      obj[key] = await getQuestionList(
                        [],
                        testData[catalog][page][key],
@@ -507,7 +514,6 @@
              }
            }
            this.loadPageList.push(Number(page));
            console.log(this.loadPageList, "this.loadPageList", catalog);
            if (this.loadPageList.length > 5) {
              // 超过5页
              this.loadPageList.shift();
@@ -516,10 +522,9 @@
        }
      });
    },
    changeQuestionData(page,data) {
      console.log('变化',page,data);
      this.$props.questionData[page] = data
    },
    changeQuestionData(page, data) {
      this.$props.questionData[page] = data;
    }
  },
  components: {
    pageHeader,
@@ -535,8 +540,8 @@
    chapterTen,
    chapterEleven,
    chapterTwelve,
    chapterThirteen,
  },
    chapterThirteen
  }
};
</script>