From f8710ce0398b452696cc126dfdd2786179601ee3 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 15 五月 2024 17:51:23 +0800
Subject: [PATCH] 标记点击
---
src/books/childHealth/view/index.vue | 130 +++++++++++++++---------------------------
1 files changed, 47 insertions(+), 83 deletions(-)
diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue
index 5468af4..84e2048 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>
@@ -13,21 +13,19 @@
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,8 +60,8 @@
pdf: [],
protectedEpub: [],
probationPage: [], //pdf璇曡椤垫暟
- freeEpubPage: [], //epub璇曡鐧惧垎姣�
- },
+ freeEpubPage: [] //epub璇曡鐧惧垎姣�
+ }
};
this.MG.store.getProductDetail(query).then((res) => {
console.log("鍥句功淇℃伅",res.datas);
@@ -89,82 +87,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