From 9bf6cb8f4e3fcca03d011371678806dd2904b910 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 25 六月 2024 15:34:00 +0800
Subject: [PATCH] 体育与健康pdf预览功能迁移
---
src/books/sportsAndHealth/css/default.less | 65 ----------------
src/components/pdfview/index.vue | 6
src/books/sportsAndHealth/view/components/testPp.vue | 82 +++++++++++++++++++-
src/books/sportsAndHealth/view/components/index.vue | 42 +++++-----
4 files changed, 102 insertions(+), 93 deletions(-)
diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 670e107..000358d 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -1921,71 +1921,6 @@
}
}
-.pdfModal {
- width: 100%;
- height: 90vh;
-}
-
-@media screen and (max-width: 1024px) {
- .pdfModal {
- width: 100%;
- height: 80vh;
- }
-
- .custom-dialog {
- .el-dialog {
- width: 90vw !important;
- }
- }
-}
-
-@media screen and (max-width: 800px) {
- .pdfModal {
- width: 100%;
- height: 60vh;
- }
-
- .custom-dialog {
- .el-dialog {
- width: 90vw !important;
- }
- }
-}
-
-
-.custom-dialog {
- overflow: hidden !important;
-
- .el-dialog__body {
- padding: 0;
- }
-
- .el-dialog__header {
- background-color: rgba(0, 0, 0, 0.8);
-
- .header_title {
- display: flex;
- justify-content: space-between;
- align-items: center;
- color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: "FZLTXIHJW";
-
- span:nth-child(2):hover {
- cursor: pointer;
- }
- }
-
- .el-dialog__title,
- .el-dialog__headerbtn .el-dialog__close {
- color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: "FZLTXIHJW";
- }
- }
-}
.tablePublic input[type="checkbox"]:checked + .checkmark {
background: #000 !important;
diff --git a/src/books/sportsAndHealth/view/components/index.vue b/src/books/sportsAndHealth/view/components/index.vue
index 155b932..0e773bb 100644
--- a/src/books/sportsAndHealth/view/components/index.vue
+++ b/src/books/sportsAndHealth/view/components/index.vue
@@ -26,6 +26,7 @@
<ChapterThree
v-if="showCatalogList.indexOf(4) > -1"
:showPageList="loadPageList"
+ @openPDFChange="swdtChange"
/>
<!-- <ChapterFour
v-if="showCatalogList.indexOf(5) > -1"
@@ -281,11 +282,18 @@
},
methods: {
swdtChange(data) {
- if (this.$store.state.qiankun && this.$store.state.qiankun.chooseWords) {
- this.$store.state.qiankun.chooseWords({
- type: data.type,
- data: data.data,
- });
+ console.log("瀛愬簲鐢╬df", data);
+ if (this.$store.state.qiankun && this.$store.state.qiankun.openPDF) {
+ if (data.type == "pdf") {
+ this.$store.state.qiankun.openPDF({
+ data: data.data,
+ });
+ } else {
+ this.$store.state.qiankun.chooseWords({
+ type: data.type,
+ data: data.data,
+ });
+ }
}
},
changeDomViewer() {
@@ -724,23 +732,19 @@
autoplay: {
//鑷姩寮�濮�
delay: 3000, //鏃堕棿闂撮殧
- disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+ disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
},
paginationClickable: true,
slidesPerView: 1, // 涓�缁勪笁涓�
spaceBetween: 30, // 闂撮殧
// 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
navigation: {
- nextEl: dom.querySelector(
- ".swiper-button-next"
- ),
- prevEl: dom.querySelector(
- ".swiper-button-prev"
- )
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
},
// 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
observer: true,
- observeParents: true
+ observeParents: true,
// // 濡傛灉闇�瑕佸垎椤靛櫒
// pagination: {
// el: (this.container ? this.container : document).querySelector(
@@ -763,12 +767,8 @@
spaceBetween: 30, // 闂撮殧
// 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
navigation: {
- nextEl: dom.querySelector(
- ".swiper-button-next"
- ),
- prevEl: dom.querySelector(
- ".swiper-button-prev"
- )
+ nextEl: dom.querySelector(".swiper-button-next"),
+ prevEl: dom.querySelector(".swiper-button-prev"),
},
// 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
observer: true,
@@ -787,8 +787,8 @@
var paginationInfoEl = dom.querySelector(".pageBox");
if (paginationInfoEl)
paginationInfoEl.textContent = currentPage + "/" + totalPages;
- }
- }
+ },
+ },
});
}
},
diff --git a/src/books/sportsAndHealth/view/components/testPp.vue b/src/books/sportsAndHealth/view/components/testPp.vue
index d95e2f5..16f5d1d 100644
--- a/src/books/sportsAndHealth/view/components/testPp.vue
+++ b/src/books/sportsAndHealth/view/components/testPp.vue
@@ -1461,7 +1461,6 @@
:visible.sync="dialogVisible"
width="60vw"
top="2vh"
- append-to-body
lock-scroll
:show-close="false"
class="custom-dialog"
@@ -1693,9 +1692,18 @@
},
toUrl(val) {
if (val) {
- this.dialogVisible = true;
- this.p_md5 = this.chapter002.pdfMd5[val].md5;
- this.pdfTitle = this.chapter002.pdfMd5[val].name;
+ const obj = {
+ type: "pdf",
+ data: {
+ md5: this.chapter002.pdfMd5[val].md5,
+ title: this.chapter002.pdfMd5[val].name,
+ },
+ };
+ this.$emit("openPDFChange", obj);
+
+ // this.dialogVisible = true;
+ // this.p_md5 = this.chapter002.pdfMd5[val].md5;
+ // this.pdfTitle = this.chapter002.pdfMd5[val].name;
}
},
async getVideo(md5, val) {
@@ -1730,3 +1738,69 @@
},
};
</script>
+
+<style lang="less">
+.pdfModal {
+ width: 100%;
+ height: 90vh;
+}
+.custom-dialog {
+ overflow: hidden !important;
+
+ /deep/ .el-dialog__body {
+ padding: 0;
+ }
+
+ /deep/ .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: "FZLTXIHJW";
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ /deep/.el-dialog__title,
+ /deep/ .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: "FZLTXIHJW";
+ }
+ }
+}
+
+@media screen and (max-width: 1024px) {
+ .pdfModal {
+ width: 100%;
+ height: 80vh;
+ }
+
+ .custom-dialog {
+ /deep/ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .pdfModal {
+ width: 100%;
+ height: 60vh;
+ }
+
+ .custom-dialog {
+ /deep/ .el-dialog {
+ width: 90vw !important;
+ }
+ }
+}
+</style>
diff --git a/src/components/pdfview/index.vue b/src/components/pdfview/index.vue
index 8c620be..b69c934 100644
--- a/src/components/pdfview/index.vue
+++ b/src/components/pdfview/index.vue
@@ -92,12 +92,12 @@
});
},
clearDom() {
- let ele = (this.container ? this.container : document).getElementById("imageParent");
+ let ele = document.getElementById("imageParent");
ele.innerHtml = "";
},
createDom(page) {
var that = this;
- let ele = (this.container ? this.container : document).getElementById("imageParent");
+ let ele = document.getElementById("imageParent");
const img = document.createElement("img");
img.src = this.getPageImage(page);
img.alt = "";
@@ -112,7 +112,7 @@
},
scrollBottom() {
var that = this;
- var ele = (this.container ? this.container : document).getElementById("imageParent");
+ var ele = document.getElementById("imageParent");
ele.addEventListener("scroll", function () {
// 璁＄畻婊氬姩鏉¤窛绂诲簳閮ㄧ殑浣嶇疆
const scrollBottom =
--
Gitblit v1.9.1