From b884cb75a65f29e6911194c9ae9d5770831f57cc Mon Sep 17 00:00:00 2001
From: zhaofang <752743406@qq.com>
Date: Thu, 9 Jun 2022 18:58:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/PdfPreview/view.vue | 83 ++++++++++++++++-----------
src/components/Portal/interactBar.vue | 9 ++-
src/views/portal/case/Detail.vue | 72 +++++++++++++++++------
3 files changed, 111 insertions(+), 53 deletions(-)
diff --git a/src/components/PdfPreview/view.vue b/src/components/PdfPreview/view.vue
index 0293b26d..fc21fb87 100644
--- a/src/components/PdfPreview/view.vue
+++ b/src/components/PdfPreview/view.vue
@@ -33,11 +33,16 @@
-->
加载更多
-
-
-
- 返回顶部
-
+
@@ -60,11 +65,16 @@ export default {
default: false,
},
data:{
- type:Array,
+ type:Object,
+ },
+ boxShow:{
+ type: Boolean,
+ default: true,
}
},
data() {
return {
+ likeBox:false,
src: "",
showPages: undefined,
totalPages:0,
@@ -96,6 +106,13 @@ export default {
this.loadInitPdf(newVal);
}
},
+ boxShow(newVal){
+ if(newVal){
+ this.likeBox = true;
+ } else {
+ this.likeBox = false;
+ }
+ },
loadedRatio(newVal){
// 直接使用loadedRatio控制进度条没有加载效果
if(newVal == 1){
@@ -107,13 +124,15 @@ export default {
}
},
methods: {
+ goTop() {
+ document.documentElement.scrollTop = 0;
+ this.likeBox = false;
+ },
loadProgress(e){
console.log(e,'loadProgress');
},
loadedPageHandle(e){
- console.log(e,'loadedPageHandle');
this.pdfpage = e;
-
},
loadPdfHandle(e){
console.log(e,'loadPdfHandle');
@@ -123,33 +142,24 @@ export default {
this.showPages++;
}
this.isscroll = true;
-
- },
+ this.likeBox = true;
+ },
//加载页面
loadInitPdf(url) {
-
if(url && url.indexOf('.pdf')>-1){
let loadingTask = pdf.createLoadingTask(url);
this.src=loadingTask;
-
loadingTask.promise.then((pdf) =>{
- console.log(pdf)
this.totalPages=pdf.numPages;
-
-
if(pdf.numPages>this.initNum){
this.showPages = this.initNum;
-
} else{
this.showPages =pdf.numPages;
-
}
-
-
}).catch((err) =>{
this.$message.error("加载内容失败,请联系管理员");
});
-
+
}
},
@@ -158,19 +168,17 @@ export default {
let innerHeight = document.querySelector('#pdf-perView').clientHeight
let outerHeight = document.documentElement.clientHeight
let scrollTop = document.documentElement.scrollTop
-
if(this.isscroll){
this.showPages++;
this.moreState = 2;
this.debounce(this.loadInitPdf(),5000);
-
}
- // console.log(this.pdfpage,'000')
- // console.log(this.totalPages,this.pdfpage)
if(this.pdfpage >= this.totalPages){
this.isscroll = false;
this.moreState = 3;
- // console.log('hcuewhf')
+ }
+ if(this.pdfpage < 4){
+ this.likeBox = false;
}
// if(scrollTop > 400) {
// document.querySelector('#articleAnking').style.cssText = "position: fixed;top: 0;width:242.5px";
@@ -178,8 +186,8 @@ export default {
// document.querySelector('#articleAnking').style.cssText = "position: static";
// }
},
-
-
+
+
debounce(func, wait) {// 非立即执行
let timeout;
return function () {
@@ -234,14 +242,19 @@ export default {