学前儿童page-box加if

闫增涛

2024-05-27 cc8eff15ca66810cd35957c46f195bff1646a99f

 src/books/childHealth/view/index.vue

@@ -1,86 +1,35 @@
<template>
  <div class="temp-book" @mouseup="handleMouseUp">
  <div
    class="temp-book"
    @mouseup="handleMouseUp"
    :style="{
      fontSize: fontSize ? fontSize + 'px' : '16px',
      transform: `scale(${pageZoom ? pageZoom : 1})`
    }"
  >
    <pageContent></pageContent>
  </div>
</template>

<script>
import examinations from "./components/examinations/index.vue";
import pageContent from "./content/index.vue";
import testData from "../assets/examinationList";
import getQuestionData from "@/assets/methods/examination";
export default {
  name: "child-health",
  components: {
    pageContent,
    examinations
    pageContent
  },
  data() {
    return {
      bookData: {},
      type: "option",
      idPathList: [],
      cardList: [],
      isMouseDown: false
    };
    return {};
  },
  mounted() {
    this.getBookInfo();
  },
  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, testData);
        this.$data.bookData = res.datas.cmsDatas[0].datas;
        const questiondata = testData;
        for (let key in testData) {
          for (let tkey in testData[key]) {
            console.log(testData[key][tkey]);
            questiondata[key][tkey] = getQuestionData(
              res.datas.rootCmsItemId,
              testData[key][tkey]
            );
          }
        }
        this.$store.commit("setQuestionData", questiondata);
        console.log(this.$store);
        // console.log(questiondata);
      });
  computed: {
    fontSize() {
      return this.$store.state.qiankun.fontSize;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale / 100;
    }
  },
  mounted() {},
  methods: {
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
@@ -90,7 +39,9 @@
      }
    },
    handleMouseUp(e) {
      const selection = (this.container ? this.container : window).getSelection();
      const selection = (
        this.container ? this.container : window
      ).getSelection();
      const txt = selection.toString();
      if (selection.type != "none" && txt) {
        let node = selection.anchorNode.parentNode;
@@ -116,12 +67,13 @@
              y: e.y
            });
          }
          console.log("选中的文字", {
            chapterNum,
            txt,
            selection,
            node,
            page,
        }
      } else {
        if (this.$store.state.qiankun.windowSelection) {
          this.$store.state.qiankun.windowSelection({
            chapterNum: "",
            txt: "",
            page: "",
            x: e.x,
            y: e.y
          });
@@ -132,6 +84,6 @@
};
</script>

<style lang="less" scoped>

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