From 1feeee630e0f3184f3b1c6e49a48307ac8ad3694 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期五, 26 七月 2024 15:24:45 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/sportsAndHealth/view/components/index.vue |   87 +++++++++++++++++++++++--------------------
 1 files changed, 47 insertions(+), 40 deletions(-)

diff --git a/src/books/sportsAndHealth/view/components/index.vue b/src/books/sportsAndHealth/view/components/index.vue
index 1e31019..dc327f4 100644
--- a/src/books/sportsAndHealth/view/components/index.vue
+++ b/src/books/sportsAndHealth/view/components/index.vue
@@ -8,27 +8,13 @@
       transform: `scale(${pageZoom ? pageZoom : 1})`,
       transformOrigin: 'center top',
     }">
-
-
-
-
-
-      <ChapterOne v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></ChapterOne>
-      <ChapterTwo v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></ChapterTwo>
-
-
-
-
-
-
-
-
-      <ChapterThree v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></ChapterThree>
-
-
-
-      <assemblyOne v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></assemblyOne>
-      <assemblyTwo v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" @openPDFChange="swdtChange" />
+      <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
+      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
+      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
+      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
+      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
+      <assemblyOne v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></assemblyOne>
+      <assemblyTwo v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList" @openPDFChange="swdtChange" />
 
 
       <!-- <ChapterFour
@@ -109,14 +95,11 @@
 
 import Vue from "vue";
 
-
-
-
-import ChapterOne from "./chapter001.vue";
-import ChapterTwo from "./chapter002.vue";
-import ChapterThree from "./chapter003.vue";
-
-
+import pageHeader from "./front001";
+import chapterOne from "./chapter001.vue";
+import chapterTwo from "./chapter002.vue";
+import chapterThree from "./chapter003.vue";
+import chapterFour from "./chapter004.vue";
 import assemblyOne from "./testDynaicTable.vue";
 import assemblyTwo from "./testPp.vue";
 
@@ -146,7 +129,7 @@
 export default {
   data() {
     return {
-      catalogLength: 5, // 鎬荤珷鑺傛暟
+      catalogLength: 7, // 鎬荤珷鑺傛暟
       showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
       loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
       throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -192,6 +175,7 @@
         setTimeout(() => {
           this.initSwiper();
           this.initViewer();
+          this.readText();
         }, 200);
       },
     },
@@ -828,10 +812,11 @@
       // 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
       const pageData = {
 
-
-        ChapterOne,
-        ChapterTwo,
-        ChapterThree,
+        pageHeader,
+        chapterOne,
+        chapterTwo,
+        chapterThree,
+        chapterFour,
         assemblyOne,
         assemblyTwo
       };
@@ -935,14 +920,36 @@
       // 璺宠浆
       this.gotoPage(data.catalog, data.page, () => { });
     },
+    readText() {
+      const doms = (
+        this.container ? this.container : document
+      ).querySelectorAll(".read-aloud");
+      for (let index = 0; index < doms.length; index++) {
+        const dom = doms[index];
+        let id = null;
+        dom.addEventListener("click", (e) => {
+          if (e.srcElement.nodeName == "svg") {
+            id = dom.getAttribute("readId")
+          } else if (e.srcElement.nodeName == "g") {
+            const svgDom = e.srcElement.parentNode;
+            id = svgDom.getAttribute("readId");
+          } else {
+            const svgDom = e.srcElement.parentNode.parentNode;
+            id = svgDom.getAttribute("readId");
+          }
+          const item = (this.container ? this.container : document).querySelector("#" + id).innerText;
+          console.log(item, 233);
+
+        })
+      }
+    }
   },
   components: {
-
-
-
-    ChapterOne,
-    ChapterTwo,
-    ChapterThree,
+    pageHeader,
+    chapterOne,
+    chapterTwo,
+    chapterThree,
+    chapterFour,
     assemblyOne,
     assemblyTwo
     // ChapterFour,

--
Gitblit v1.9.1