From bb584963c6abe77c5577cbcad3c9956b69444ae9 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 01 七月 2025 17:17:30 +0800
Subject: [PATCH] 无人机样章
---
src/books/lifeCare/view/components/index.vue | 203 ++++++++++++++++----------------------------------
1 files changed, 64 insertions(+), 139 deletions(-)
diff --git a/src/books/lifeCare/view/components/index.vue b/src/books/lifeCare/view/components/index.vue
index 7e8d136..28809b7 100644
--- a/src/books/lifeCare/view/components/index.vue
+++ b/src/books/lifeCare/view/components/index.vue
@@ -3,102 +3,36 @@
<div id="searchDomBox" style="display: none">
<div id="searchContent"></div>
</div>
- <div
- class="public-bookInnerContent"
- :style="{
- fontSize: fontSize ? fontSize + 'px' : '16px',
- transform: `scale(${pageZoom ? pageZoom : 1})`,
- transformOrigin: 'center top',
- }"
- >
- <front001
- v-if="showCatalogList.indexOf(1) > -1"
- :showPageList="loadPageList"
- />
- <ChapterOne
- v-if="showCatalogList.indexOf(2) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- />
- <ChapterTwo
- v-if="showCatalogList.indexOf(3) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- />
- <ChapterThree
- v-if="showCatalogList.indexOf(4) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- />
- <ChapterFour
- v-if="showCatalogList.indexOf(5) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- />
- <ChapterFive
- v-if="showCatalogList.indexOf(6) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- @Upload_initViewer="changeDomViewer"
- />
- <chapterSix
- v-if="showCatalogList.indexOf(7) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- />
- <chapterSeven
- v-if="showCatalogList.indexOf(8) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- @eventSwdt="swdtChange"
- @Upload_initViewer="changeDomViewer"
- />
- <chapterEight
- v-if="showCatalogList.indexOf(9) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- />
- <chapterNine
- v-if="showCatalogList.indexOf(10) > -1"
- :showPageList="loadPageList"
- :questionData="questionDataMap"
- />
- <chapter010
- v-if="showCatalogList.indexOf(11) > -1"
- :showPageList="loadPageList"
- />
- <chapter011
- v-if="showCatalogList.indexOf(12) > -1"
- :showPageList="loadPageList"
- />
- <chapter012
- v-if="showCatalogList.indexOf(13) > -1"
- :showPageList="loadPageList"
- />
- <chapter013
- v-if="showCatalogList.indexOf(14) > -1"
- :showPageList="loadPageList"
- />
- <chapter014
- v-if="showCatalogList.indexOf(15) > -1"
- :showPageList="loadPageList"
- />
- <chapter015
- v-if="showCatalogList.indexOf(16) > -1"
- :showPageList="loadPageList"
- />
- <chapter016
- v-if="showCatalogList.indexOf(17) > -1"
- :showPageList="loadPageList"
- />
- <chapter017
- v-if="showCatalogList.indexOf(18) > -1"
- :showPageList="loadPageList"
- />
- <chapter018
- v-if="showCatalogList.indexOf(19) > -1"
- :showPageList="loadPageList"
- />
+ <div class="public-bookInnerContent" :style="{
+ fontSize: fontSize ? fontSize + 'px' : '16px',
+ transform: `scale(${pageZoom ? pageZoom : 1})`,
+ transformOrigin: 'center top',
+ }">
+ <front001 v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList" />
+ <ChapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :questionData="questionDataMap" />
+ <ChapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" :questionData="questionDataMap" />
+ <ChapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"
+ :questionData="questionDataMap" />
+ <ChapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"
+ :questionData="questionDataMap" />
+ <ChapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList" :questionData="questionDataMap"
+ @Upload_initViewer="changeDomViewer" />
+ <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList" :questionData="questionDataMap" />
+ <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList" :questionData="questionDataMap"
+ @eventSwdt="swdtChange" @Upload_initViewer="changeDomViewer" />
+ <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"
+ :questionData="questionDataMap" />
+ <chapterNine v-if="showCatalogList.indexOf(10) > -1" :showPageList="loadPageList"
+ :questionData="questionDataMap" />
+ <chapter010 v-if="showCatalogList.indexOf(11) > -1" :showPageList="loadPageList" />
+ <chapter011 v-if="showCatalogList.indexOf(12) > -1" :showPageList="loadPageList" />
+ <chapter012 v-if="showCatalogList.indexOf(13) > -1" :showPageList="loadPageList" />
+ <chapter013 v-if="showCatalogList.indexOf(14) > -1" :showPageList="loadPageList" />
+ <chapter014 v-if="showCatalogList.indexOf(15) > -1" :showPageList="loadPageList" />
+ <chapter015 v-if="showCatalogList.indexOf(16) > -1" :showPageList="loadPageList" />
+ <chapter016 v-if="showCatalogList.indexOf(17) > -1" :showPageList="loadPageList" />
+ <chapter017 v-if="showCatalogList.indexOf(18) > -1" :showPageList="loadPageList" />
+ <chapter018 v-if="showCatalogList.indexOf(19) > -1" :showPageList="loadPageList" />
</div>
</div>
</template>
@@ -158,17 +92,6 @@
},
},
watch: {
- swdtChange(data) {
- if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
- this.$store.state.qiankun.chooseWords({
- type: data.type,
- data: data.data,
- });
- }
- },
- changeDomViewer() {
- this.initViewer();
- },
showCatalogList: {
handler(newVal, oldVal) {
if (
@@ -263,21 +186,9 @@
// 娴嬭瘯椤甸潰璺宠浆
// setTimeout(() => {
- // this.gotoPage(1,10);
- // setTimeout(() => {
- // this.renderSign("Highlight", {
- // id: "2ACA9359",
- // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
- // page: "10",
- // type: "Highlight",
- // color: "#F5E12A"
- // });
- // setTimeout(() => {
- // this.delSign({
- // ids: ["2ACA9359"]
- // });
- // }, 2000);
- // }, 5000);
+ // this.gotoPage(8, 140);
+ // }, 500);
+
// const pageDom = (this.container ? this.container : document)
// .querySelector("#app")
@@ -294,6 +205,17 @@
// }, 500);
},
methods: {
+ swdtChange(data) {
+ if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
+ this.$store.state.qiankun.chooseWords({
+ type: data.type,
+ data: data.data,
+ });
+ }
+ },
+ changeDomViewer() {
+ this.initViewer();
+ },
// setZoom1() {
// let scale = this.$store.state.qiankun.scale + 10;
// const scrollBox = (
@@ -548,8 +470,8 @@
page && pageThemeColor && pageThemeColor[page]
? pageThemeColor[page]
: chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
if (themeColor) {
domItem.style.color = themeColor;
}
@@ -566,8 +488,8 @@
page && pageThemeColor && pageThemeColor[page]
? pageThemeColor[page]
: chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
if (themeColor) {
domItem.style.backgroundColor = themeColor;
}
@@ -584,8 +506,8 @@
page && pageThemeColor && pageThemeColor[page]
? pageThemeColor[page]
: chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
if (themeColor) {
domItem.style.borderColor = themeColor;
}
@@ -664,6 +586,8 @@
}
this.questionDataMap[page] = obj;
}
+ console.log('棰樼洰', this.questionDataMap);
+
}
}
}
@@ -727,23 +651,23 @@
autoplay: {
//鑷姩寮�濮�
delay: 3000, //鏃堕棿闂撮殧
- disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+ disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
},
paginationClickable: true,
slidesPerView: 1, // 涓�缁勪笁涓�
spaceBetween: 30, // 闂撮殧
// 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
navigation: {
- nextEl: (this.container ? this.container : document).querySelector(
+ nextEl: dom.querySelector(
".swiper-button-next"
),
- prevEl: (this.container ? this.container : document).querySelector(
+ prevEl: dom.querySelector(
".swiper-button-prev"
- ),
+ )
},
// 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
observer: true,
- observeParents: true,
+ observeParents: true
// // 濡傛灉闇�瑕佸垎椤靛櫒
// pagination: {
// el: (this.container ? this.container : document).querySelector(
@@ -766,12 +690,12 @@
spaceBetween: 30, // 闂撮殧
// 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
navigation: {
- nextEl: (this.container ? this.container : document).querySelector(
+ nextEl: dom.querySelector(
".swiper-button-next"
),
- prevEl: (this.container ? this.container : document).querySelector(
+ prevEl: dom.querySelector(
".swiper-button-prev"
- ),
+ )
},
// 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
observer: true,
@@ -790,8 +714,8 @@
var paginationInfoEl = dom.querySelector(".pageBox");
if (paginationInfoEl)
paginationInfoEl.textContent = currentPage + "/" + totalPages;
- },
- },
+ }
+ }
});
}
},
@@ -860,6 +784,7 @@
.querySelector("#searchDomBox")
.querySelectorAll(".page-box");
const pages = [];
+
for (let i = 0; i < pageDom.length; i++) {
const pageDomItem = pageDom[i];
pages.push(Number(pageDomItem.getAttribute("page")));
@@ -935,7 +860,7 @@
// 璁板綍楂樹寒淇℃伅
this.highlightData = data;
// 璺宠浆
- this.gotoPage(data.catalog, data.page, () => {});
+ this.gotoPage(data.catalog, data.page, () => { });
},
},
components: {
--
Gitblit v1.9.1