From 875bedcb1163a3e0b80640c1f5f2fa17520f9b54 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 27 二月 2025 11:36:23 +0800
Subject: [PATCH] 分页完成并体育与健康pdf查看器修改
---
src/books/preschoolEvaluation/view/components/index.vue | 149 +++++++++++++++++++++++--------------------------
1 files changed, 69 insertions(+), 80 deletions(-)
diff --git a/src/books/preschoolEvaluation/view/components/index.vue b/src/books/preschoolEvaluation/view/components/index.vue
index a98f8db..708ff8d 100644
--- a/src/books/preschoolEvaluation/view/components/index.vue
+++ b/src/books/preschoolEvaluation/view/components/index.vue
@@ -1,43 +1,23 @@
<template>
<div class="page-main" @scroll="throttledScrollHandler">
- <div
- class="page-content"
- :style="{
- fontSize: fontSize + 'px',
- transform: `scale(${pageZoom})`,
- transformOrigin: 'center top',
- }"
- >
- <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>
- <chapterFive
- v-if="showCatalogList.indexOf(6) > -1"
- :showPageList="loadPageList"
- ></chapterFive>
- <chapterSix v-if="showCatalogList.indexOf(7) > -1"
- :showPageList="loadPageList" >
- </chapterSix>
- <chapterSeven v-if="showCatalogList.indexOf(8) > -1"
- :showPageList="loadPageList" >
- </chapterSeven> -->
+ <div class="page-content" :style="{
+ fontSize: fontSize + 'px',
+ transform: `scale(${pageZoom})`,
+ transformOrigin: 'center top',
+ }">
+ <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>
+ <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterFive>
+ <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList">
+ </chapterSix>
+ <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList">
+ </chapterSeven>
+ <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight>
+ <chapterNine v-if="showCatalogList.indexOf(10) > -1" :showPageList="loadPageList"></chapterNine>
+ <chapterTen v-if="showCatalogList.indexOf(11) > -1" :showPageList="loadPageList"></chapterTen>
</div>
</div>
</template>
@@ -45,12 +25,15 @@
<script>
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 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 chapterNine from "./chapter009.vue"
+import chapterTen from "./chapter010.vue"
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
import Swiper from "swiper/bundle";
@@ -61,7 +44,7 @@
name: "pageContent",
data() {
return {
- catalogLength: 2, // 鎬荤珷鑺傛暟
+ catalogLength: 11, // 鎬荤珷鑺傛暟
showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -188,22 +171,22 @@
}, 500);
// 娴嬭瘯椤甸潰璺宠浆
- // setTimeout(() => {
- // this.gotoPage(1, 1);
- // setTimeout(() => {
- // this.renderSign("Highlight", {
- // id: "2ACA9359",
- // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
- // page: "10",
- // type: "Highlight",
- // color: "#F5E12A"
- // });
- // setTimeout(() => {
- // this.delSign({
- // ids: ["2ACA9359"]
- // });
- // }, 2000);
- // }, 500);
+ setTimeout(() => {
+ this.gotoPage(11, 290);
+ // setTimeout(() => {
+ // this.renderSign("Highlight", {
+ // id: "2ACA9359",
+ // txt: "棰樹竴瀛︿範涓婚涓� 杩愬姩",
+ // page: "10",
+ // type: "Highlight",
+ // color: "#F5E12A"
+ // });
+ // setTimeout(() => {
+ // this.delSign({
+ // ids: ["2ACA9359"]
+ // });
+ // }, 2000);
+ }, 500);
// const pageDom = (this.container ? this.container : document)
// .querySelector("#app")
@@ -479,8 +462,8 @@
page && pageThemeColor && pageThemeColor[page]
? pageThemeColor[page]
: chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
if (themeColor) {
domItem.style.color = themeColor;
}
@@ -497,8 +480,8 @@
page && pageThemeColor && pageThemeColor[page]
? pageThemeColor[page]
: chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
if (themeColor) {
domItem.style.backgroundColor = themeColor;
}
@@ -515,8 +498,8 @@
page && pageThemeColor && pageThemeColor[page]
? pageThemeColor[page]
: chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
- ? chapterThemeColor[chapterNum]
- : bookThemeColor;
+ ? chapterThemeColor[chapterNum]
+ : bookThemeColor;
if (themeColor) {
domItem.style.borderColor = themeColor;
}
@@ -742,12 +725,15 @@
const pageData = {
pageHeader,
chapterOne,
- // chapterTwo,
- // chapterThree,
- // chapterFour,
- // chapterFive,
- // chapterSix,
- // chapterSeven
+ chapterTwo,
+ chapterThree,
+ chapterFour,
+ chapterFive,
+ chapterSix,
+ chapterSeven,
+ chapterEight,
+ chapterNine,
+ chapterTen
};
// 閬嶅巻鎵�鏈夌珷鑺傛枃浠�
for (const key in pageData) {
@@ -847,7 +833,7 @@
// 璁板綍楂樹寒淇℃伅
this.highlightData = data;
// 璺宠浆
- this.gotoPage(data.catalog, data.page, () => {});
+ this.gotoPage(data.catalog, data.page, () => { });
},
// 椤甸潰鍚戜笅婊氬姩锛岄煶棰戝皬绐楁挱鏀惧姛鑳�
getAduio() {
@@ -972,12 +958,15 @@
components: {
pageHeader,
chapterOne,
- // chapterTwo,
- // chapterThree,
- // chapterFour,
- // chapterFive,
- // chapterSix,
- // chapterSeven
+ chapterTwo,
+ chapterThree,
+ chapterFour,
+ chapterFive,
+ chapterSix,
+ chapterSeven,
+ chapterEight,
+ chapterNine,
+ chapterTen
},
};
</script>
--
Gitblit v1.9.1