From 24a4a7ea01a61f90cbe6d6aaadc1c7573a37f3d3 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 15 五月 2024 17:52:31 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/childHealth/view/content/index.vue |   93 ++++++++++++++++++++++++++++++++++------------
 1 files changed, 69 insertions(+), 24 deletions(-)

diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index 729678f..de66168 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -80,9 +80,13 @@
         gotoPage: (catalog, page) => {
           this.gotoPage(catalog, page);
         },
-        // 娓叉煋绗旇銆侀珮浜�
+        // 娓叉煋绗旇銆侀珮浜�佸垝绾�
         renderSign: (type, data) => {
           this.renderSign(type, data);
+        },
+        // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+        delSign: (data) => {
+          this.delSign(data);
         }
       });
     }
@@ -184,32 +188,73 @@
       }
     },
     renderSign(type, data) {
-      const pageDom = (
+      const existence = (
         this.container ? this.container : document
-      ).querySelector(`[page="${data.page}"]`);
-      let reg = new RegExp(`${data.txt}`, "ig");
-      switch (type) {
-        case "Highlight":
-          // 楂樹寒
-          pageDom.innerHTML = pageDom.innerHTML.replace(
-            reg,
-            `<span style="background: ${data.color};" class="highLight">${data.txt}</span>`
+      ).querySelector(`[dataid="${data.id}"]`);
+      // 鍘婚噸
+      if (!existence) {
+        const pageDom = (
+          this.container ? this.container : document
+        ).querySelector(`[page="${data.page}"]`);
+        let reg = new RegExp(`${data.txt}`, "ig");
+        switch (type) {
+          case "Highlight":
+            // 楂樹寒
+            pageDom.innerHTML = pageDom.innerHTML.replace(
+              reg,
+              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight">${data.txt}</span>`
+            );
+            break;
+          case "Dashing":
+            // 鍒掔嚎
+            pageDom.innerHTML = pageDom.innerHTML.replace(
+              reg,
+              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline">${data.txt}</span>`
+            );
+            break;
+          case "Note":
+            // 绗旇
+            pageDom.innerHTML = pageDom.innerHTML.replace(
+              reg,
+              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline">${data.txt}</span><img src="${NoteIcon}" style="cursor: pointer" />`
+            );
+            break;
+        }
+        // 缁戝畾浜嬩欢
+        const thisAddDom = (
+          this.container ? this.container : document
+        ).querySelector(`[dataid="${id}"]`);
+        thisAddDom.addEventListener("click", function (e) {
+          console.log("鐐瑰嚮浜嬩欢鍥炶皟鐨勫疄渚嬶紝閫氳繃杩欎釜鍙傛暟鑾峰彇绫诲瀷", e);
+          if (this.$store.state.qiankun && this.$store.state.qiankun.signClick)
+            this.$store.state.qiankun.signClick(type, data);
+        });
+      }
+    },
+    delSign({ ids, type }) {
+      if (ids && ids.length) {
+        for (let i = 0; i < ids.length; i++) {
+          const id = ids[i];
+          const dom = (
+            this.container ? this.container : document
+          ).querySelector(`[dataid="${id}"]`);
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
           );
-          break;
-        case "Dashing":
-          // 鍒掔嚎
-          pageDom.innerHTML = pageDom.innerHTML.replace(
-            reg,
-            `<span style="text-decoration-color:${data.color};" class="underline">${data.txt}</span>`
+        }
+      }
+      if (type) {
+        const doms = (
+          this.container ? this.container : document
+        ).querySelectorAll(`[datatype="${type}"]`);
+        for (let i = 0; i < doms.length; i++) {
+          const dom = doms[i];
+          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
+            dom.outerHTML,
+            dom.outerText
           );
-          break;
-        case "Note":
-          // 绗旇
-          pageDom.innerHTML = pageDom.innerHTML.replace(
-            reg,
-            `<span style="border-bottom-color:${data.color}" class="notesline">${data.txt}</span><img src="${NoteIcon}" style="cursor: pointer" />`
-          );
-          break;
+        }
       }
     }
   },

--
Gitblit v1.9.1