From ab9dbd14d295f9ad09beb4d6cb75b7f6e3c7ecb9 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 15 五月 2024 17:41:14 +0800
Subject: [PATCH] 增加标记删除功能

---
 src/books/childHealth/view/content/index.vue |   86 ++++++++++++++++++++++++++++++------------
 1 files changed, 61 insertions(+), 25 deletions(-)

diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index 729678f..7906182 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -80,10 +80,14 @@
         gotoPage: (catalog, page) => {
           this.gotoPage(catalog, page);
         },
-        // 娓叉煋绗旇銆侀珮浜�
+        // 娓叉煋绗旇銆侀珮浜�佸垝绾�
         renderSign: (type, data) => {
           this.renderSign(type, data);
-        }
+        },
+        // 鍒犻櫎绗旇銆侀珮浜�佸垝绾�
+        delSign: (data) => {
+          this.delSign(data);
+        },
       });
     }
 
@@ -184,32 +188,64 @@
       }
     },
     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;
+        }
+      }
+    },
+    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