From 00c39bac238dcd23346f2f47462f3ac6e81f64a3 Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期三, 15 五月 2024 16:51:00 +0800 Subject: [PATCH] 1 --- src/books/childHealth/view/index.vue | 151 +++++++++++++++++++------------------------------ 1 files changed, 59 insertions(+), 92 deletions(-) diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue index 10af5bd..97b8f87 100644 --- a/src/books/childHealth/view/index.vue +++ b/src/books/childHealth/view/index.vue @@ -1,5 +1,5 @@ <template> - <div class="temp-book" @mouseup="handleMouseUp" @mousedown="handleMouseDown" @mousemove="handleMousemove"> + <div class="temp-book" @mouseup="handleMouseUp"> <pageContent></pageContent> </div> </template> @@ -7,27 +7,25 @@ <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' +import testData from "../assets/examinationList"; +import getQuestionData from "@/assets/methods/examination"; export default { name: "child-health", components: { pageContent, - examinations, + examinations }, data() { return { - bookData:{}, + bookData: {}, type: "option", idPathList: [], cardList: [], - isMouseDown: false, - move: false, + isMouseDown: false }; }, mounted() { this.getBookInfo(); - console.log(this.$store.state.qiankun, "this.$store.state.qiankun"); }, methods: { getBookInfo() { @@ -37,10 +35,10 @@ productId: this.config.bookId, favoriteTypes: "FavoriteBookCity", itemFields: { - "SysType=": "CmsFolder", + "SysType=": "CmsFolder" }, coverSize: { - height: 300, + height: 300 }, fields: { seriesName: [], @@ -62,20 +60,23 @@ pdf: [], protectedEpub: [], probationPage: [], //pdf璇曡椤垫暟 - freeEpubPage: [], //epub璇曡鐧惧垎姣� - }, + 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("鍥句功淇℃伅", 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]) + questiondata[key][tkey] = getQuestionData( + res.datas.rootCmsItemId, + testData[key][tkey] + ); } } - this.$store.commit('setQuestionData',questiondata) + this.$store.commit("setQuestionData", questiondata); console.log(this.$store); // console.log(questiondata); }); @@ -89,82 +90,48 @@ } }, handleMouseUp(e) { - if (this.$data.move) { - const txt = window.getSelection()?.toString(); - const selection = window.getSelection(); - if (selection.type != "none") { - let node = selection.anchorNode.parentNode; - let pageHtml = this.getParentWithClass( - selection.anchorNode, - "page-box" - ); - let chapterDom = this.getParentWithClass( - selection.anchorNode, - "chapter" - ); - let chapterNum; - if (chapterDom) chapterNum = chapterDom.getAttribute("num"); - if (txt && pageHtml) { - const page = pageHtml.getAttribute("page"); - console.log( - { - chapterNum, - txt, - selection, - node, - page, - x: e.x, - y: e.y, - }, - "sendData" - ); - // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶 - console.log("绗簩澶勫垽鏂�", this.$store.state.qiankun); - if (this.$store.state.qiankun.windowSelection) { - this.$store.state.qiankun.windowSelection({ - txt, - selection, - node, - page, - x: e.x, - y: e.y, - }); - } + const selection = (this.container ? this.container : window).getSelection(); + const txt = selection.toString(); + if (selection.type != "none" && txt) { + let node = selection.anchorNode.parentNode; + let pageHtml = this.getParentWithClass( + selection.anchorNode, + "page-box" + ); + let chapterDom = this.getParentWithClass( + selection.anchorNode, + "chapter" + ); + let chapterNum; + if (chapterDom) chapterNum = chapterDom.getAttribute("num"); + if (pageHtml) { + const page = pageHtml.getAttribute("page"); + // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶 + if (this.$store.state.qiankun.windowSelection) { + this.$store.state.qiankun.windowSelection({ + chapterNum, + txt, + page, + x: e.x, + y: e.y + }); } - this.$data.isMouseDown = false; + console.log("閫変腑鐨勬枃瀛�", { + chapterNum, + txt, + selection, + node, + page, + x: e.x, + y: e.y + }); } } - this.$data.move = false - }, - - handleMouseDown() { - this.$data.isMouseDown = true; - }, - handleMousemove() { - if (this.$data.isMouseDown) { - this.$data.move = true; - } - }, - - // 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> -<style lang="less" scoped></style> -../assets/examinationList.js../assets/examinationList.js \ No newline at end of file +<style lang="less" scoped> + +</style> -- Gitblit v1.9.1