From e661c793b5bf790a86f7817b0557bc728220bfb1 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期五, 25 四月 2025 10:14:06 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/English/view/components/index.vue | 91 ++++++++++++++++++++++++++++++++++++--------- 1 files changed, 72 insertions(+), 19 deletions(-) diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue index 60252e6..ee551a8 100644 --- a/src/books/English/view/components/index.vue +++ b/src/books/English/view/components/index.vue @@ -13,25 +13,46 @@ :showPageList="loadPageList" ></pageHeader> <chapterOne - @saveCharacters="saveCharacters" + @initViewer="initViewer" v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" ></chapterOne> <chapterTwo - @saveCharacters="saveCharacters" + @initViewer="initViewer" v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" ></chapterTwo> <chapterThree - @saveCharacters="saveCharacters" + @initViewer="initViewer" v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" ></chapterThree> <chapterFour - @saveCharacters="saveCharacters" + @initViewer="initViewer" v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" ></chapterFour> + <chapterFive + @initViewer="initViewer" + v-if="showCatalogList.indexOf(6) > -1" + :showPageList="loadPageList" + ></chapterFive> + <chapterSix + @initViewer="initViewer" + v-if="showCatalogList.indexOf(7) > -1" + :showPageList="loadPageList" + ></chapterSix> + <chapterSeven + @initViewer="initViewer" + v-if="showCatalogList.indexOf(8) > -1" + :showPageList="loadPageList" + ></chapterSeven> + <chapterEight + @initViewer="initViewer" + v-if="showCatalogList.indexOf(9) > -1" + :showPageList="loadPageList" + ></chapterEight> + </div> <miniAudio :path="audioPath" @@ -44,11 +65,16 @@ </template> <script> +import Vue from "vue"; import pageHeader from "./header.vue"; import chapterOne from "./chapter001.vue"; import chapterTwo from "./chapter002.vue"; import chapterThree from "./chapter003.vue"; import chapterFour from "./chapter004.vue"; +import chapterFive from "./chapter005.vue"; +import chapterSix from "./chapter006.vue"; +import chapterSeven from "./chapter007.vue"; +import chapterEight from "./chapter008.vue"; import miniAudio from "@/components/miniAudio/index.vue"; import NoteIcon from "@/assets/images/biji.png"; import _ from "lodash"; @@ -59,7 +85,7 @@ export default { data() { return { - catalogLength: 5, // 鎬荤珷鑺傛暟 + catalogLength: 9, // 鎬荤珷鑺傛暟 showCatalogList: [], // 鏄剧ず鐨勭珷鑺� loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝�� throttleThreshold: 100, // 鑺傛祦闃堝�� @@ -108,7 +134,8 @@ setTimeout(() => { this.initSwiper(); this.initViewer(); - this.closeAudio() + this.closeAudio(); + this.saveWord() }, 200); }, }, @@ -179,8 +206,8 @@ }, 500); // 娴嬭瘯椤甸潰璺宠浆 - // setTimeout(() => { - // this.gotoPage(4,59); + // setTimeout(() => { + // this.gotoPage(5,69); // setTimeout(() => { // this.renderSign("Highlight", { // id: "2ACA9359", @@ -734,6 +761,10 @@ chapterTwo, chapterThree, chapterFour, + chapterFive, + chapterSix, + chapterSeven, + chapterEight, }; // 閬嶅巻鎵�鏈夌珷鑺傛枃浠� for (const key in pageData) { @@ -836,19 +867,37 @@ this.gotoPage(data.catalog, data.page, () => {}); }, // 鐐瑰嚮浜嬩欢锛氬皢鐢熷兓鍗曡瘝浼犵粰 涓诲簲鐢� 浠庤�岃皟鐢ㄨ瘝鍏稿姛鑳� - saveCharacters(event, word) { - console.log("鐢熷兓瀛�", event, word); - if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { - this.$store.state.qiankun.chooseWords({ - type: "word", - word, - x: event.pageX, - y: event.pageY, - }); + // saveCharacters(event, word) { + // if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { + // this.$store.state.qiankun.chooseWords({ + // type: "word", + // word, + // x: event.pageX, + // y: event.pageY, + // }); + // } + // }, + saveWord() { + const doms = ( + this.container ? this.container : document + ).querySelectorAll(".word-bc"); + for (let index = 0; index < doms.length; index++) { + const dom = doms[index]; + dom.addEventListener('click',(e) => { + let word = null + dom.getAttribute('word') ? word = dom.getAttribute('word') : word = e.srcElement.innerText + console.log('鍗曡瘝',word) + if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) { + this.$store.state.qiankun.chooseWords({ + type: "word", + word, + x: e.pageX, + y: e.pageY, + }); + } + }) } - // chooseWords }, - // 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳� getAduio() { let allVideo = ( @@ -924,6 +973,10 @@ chapterTwo, chapterThree, chapterFour, + chapterFive, + chapterSix, + chapterSeven, + chapterEight, miniAudio, }, }; -- Gitblit v1.9.1