| | |
| | | <template> |
| | | <div class="temp-book" @mouseup="handleMouseUp"> |
| | | <div class="temp-book" @mouseup="handleMouseUp" @mousedown="handleMouseDown" @mousemove="handleMousemove"> |
| | | <pageContent></pageContent> |
| | | </div> |
| | | </template> |
| | |
| | | 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: { |
| | |
| | | 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 = { |
| | |
| | | } |
| | | }, |
| | | handleMouseUp(e) { |
| | | if (this.$data.move) { |
| | | const txt = window.getSelection()?.toString(); |
| | | const selection = window.getSelection(); |
| | | if (selection.type != "none") { |
| | |
| | | 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( |
| | | { |
| | |
| | | }); |
| | | } |
| | | } |
| | | this.$data.isMouseDown = false; |
| | | } |
| | | } |
| | | this.$data.move = false |
| | | }, |
| | | |
| | | handleMouseDown() { |
| | |
| | | } |
| | | }, |
| | | |
| | | 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> |