YM
2024-05-14 b4596c8a18d1e6641c6aa553fefed097f725b1f5
src/books/childHealth/view/index.vue
@@ -1,5 +1,5 @@
<template>
  <div class="temp-book" @mouseup="handleMouseUp">
  <div class="temp-book" @mouseup="handleMouseUp" @mousedown="handleMouseDown" @mousemove="handleMousemove">
    <pageContent></pageContent>
  </div>
</template>
@@ -8,7 +8,6 @@
import examinations from "./components/examinations/index.vue";
import { getPublicImage } from "@/assets/js/middleGround/tool";
import pageContent from "./content/index.vue";
import { mapState } from "vuex";
export default {
  name: "child-health",
  components: {
@@ -22,25 +21,13 @@
      cardList: [],
      isMouseDown:false,
      showToolBox:false,
      move:false
      move: false,
    };
  },
  mounted() {
    this.getBookInfo();
    console.log(this.$store.state.qiankun, "this.$store.state.qiankun");
  },
  // computed: {
  //   ...mapState(['lineHeightList'])
  // },
  // wathch: {
  //   lineHeightList:{
  //     handler(){
  //       console.log('监听到lineHeightList变化');
  //       this.handleDom()
  //     },
  //     deep:true
  //   }
  // },
  methods: {
    getBookInfo() {
      let query = {
@@ -390,6 +377,7 @@
      }
    },
    handleMouseUp(e) {
      if (this.$data.move) {
      const txt = window.getSelection()?.toString();
      const selection = window.getSelection();
      if (selection.type != "none") {
@@ -398,15 +386,14 @@
          selection.anchorNode,
          "page-box"
        );
        console.log("子项", selection.anchorNode);
        let chapterDom = this.getParentWithClass(
          selection.anchorNode,
          "chapter"
        );
        let chapterNum;
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        console.log("第一处判断", txt, pageHtml);
        if (txt && pageHtml) {
            this.$dsta.showToolBox = true;
          const page = pageHtml.getAttribute("page");
          console.log(
            {
@@ -433,7 +420,10 @@
            });
          }
        }
          this.$data.isMouseDown = false;
      }
      }
      this.$data.move = false
    },
    
    handleMouseDown() {
@@ -446,22 +436,22 @@
      }
    },
    handleMouseUp(e) {
      if (move.value) {
        const txt = window.getSelection()?.toString();
        selectText.value = txt;
        const node = window.getSelection();
        let html = node.anchorNode.parentNode.parentNode;
        dialogToolData.chapter = html.firstChild.innerHTML;
        if (txt) {
          showToolBox.value = true;
          dialogToolData.top = e.y;
          dialogToolData.left = e.x;
        }
        isMouseDown.value = false;
      }
      move.value = false;
    },
    // handleMouseUp(e) {
    //   if (move.value) {
    //     const txt = window.getSelection()?.toString();
    //     selectText.value = txt;
    //     const node = window.getSelection();
    //     let html = node.anchorNode.parentNode.parentNode;
    //     dialogToolData.chapter = html.firstChild.innerHTML;
    //     if (txt) {
    //       showToolBox.value = true;
    //       dialogToolData.top = e.y;
    //       dialogToolData.left = e.x;
    //     }
    //     isMouseDown.value = false;
    //   }
    //   move.value = false;
    // },
  },
};
</script>