| 
														
															@@ -2,7 +2,7 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   <div class="vue-pdf"  @scroll="onScroll" ref="myDiv"> 
														 | 
														
														 | 
														
															   <div class="vue-pdf"  @scroll="onScroll" ref="myDiv"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     <vue-pdf-embed :source="testpdf1" ref="vuePdfRef" :style="scaleFun" class="vue-pdf-cs"  @loaded="onPdfLoaded"  :renderPageNumber="true" /> 
														 | 
														
														 | 
														
															     <vue-pdf-embed :source="testpdf1" ref="vuePdfRef" :style="scaleFun" class="vue-pdf-cs"  @loaded="onPdfLoaded"  :renderPageNumber="true" /> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   </div> 
														 | 
														
														 | 
														
															   </div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-  <div class="page-tool"> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  <div class="page-tool" v-show="isToolVisible"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     <div class="page-tool-item" @click="lastPage">上一页</div> 
														 | 
														
														 | 
														
															     <div class="page-tool-item" @click="lastPage">上一页</div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     <div class="page-tool-item" @click="nextPage">下一页</div> 
														 | 
														
														 | 
														
															     <div class="page-tool-item" @click="nextPage">下一页</div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     <div class="page-tool-item" @click="pageZoomOut">放大</div> 
														 | 
														
														 | 
														
															     <div class="page-tool-item" @click="pageZoomOut">放大</div> 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -10,15 +10,17 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     <div class="page-tool-item" @click="PDFPrint">打印</div> 
														 | 
														
														 | 
														
															     <div class="page-tool-item" @click="PDFPrint">打印</div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															     <div class="page-tool-item" @click="PDFDownload">下载</div> 
														 | 
														
														 | 
														
															     <div class="page-tool-item" @click="PDFDownload">下载</div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   </div> 
														 | 
														
														 | 
														
															   </div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-  <div class="page-tool2"> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-    <div class="page-tool-item" @click="lastPage">{{scaleData.pageNum}}/{{scaleData.numPages}}</div> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  <div class="page-tool2" v-show="isToolVisible"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+    <div class="page-tool-item2" @click="lastPage">{{scaleData.pageNum}}/{{scaleData.numPages}}</div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   </div> 
														 | 
														
														 | 
														
															   </div> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 </template> 
														 | 
														
														 | 
														
															 </template> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															-<script setup lang="ts"> 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+<script setup lang="ts" v-show="isToolVisible"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import VuePdfEmbed from 'vue-pdf-embed'; 
														 | 
														
														 | 
														
															 import VuePdfEmbed from 'vue-pdf-embed'; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import testpdf1 from '../../assets/testpdf.pdf'; 
														 | 
														
														 | 
														
															 import testpdf1 from '../../assets/testpdf.pdf'; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import {computed, onMounted, reactive, ref} from "vue"; 
														 | 
														
														 | 
														
															 import {computed, onMounted, reactive, ref} from "vue"; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+const isToolVisible = ref(false) 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 // 实现pdf缩放 
														 | 
														
														 | 
														
															 // 实现pdf缩放 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 const scaleFun = computed(() => { 
														 | 
														
														 | 
														
															 const scaleFun = computed(() => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   return { 
														 | 
														
														 | 
														
															   return { 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -103,6 +105,11 @@ const onScroll = () => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   scaleData.pageNum = currentPage; 
														 | 
														
														 | 
														
															   scaleData.pageNum = currentPage; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 }; 
														 | 
														
														 | 
														
															 }; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+onMounted(() => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  setTimeout(() => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+    isToolVisible.value = true; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  }, 1000); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+}) 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 </script> 
														 | 
														
														 | 
														
															 </script> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 <style scoped> 
														 | 
														
														 | 
														
															 <style scoped> 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -140,12 +147,24 @@ const onScroll = () => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   cursor: pointer; 
														 | 
														
														 | 
														
															   cursor: pointer; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 } 
														 | 
														
														 | 
														
															 } 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+.page-tool-item2 { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  text-align: center; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  padding: 20px 0px; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  width: 60px; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  cursor: pointer; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  white-space: nowrap; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  overflow: hidden; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  text-overflow: ellipsis; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 .vue-pdf{ 
														 | 
														
														 | 
														
															 .vue-pdf{ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   margin: 0px auto; 
														 | 
														
														 | 
														
															   margin: 0px auto; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   width: 100%; 
														 | 
														
														 | 
														
															   width: 100%; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   position: relative; 
														 | 
														
														 | 
														
															   position: relative; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   overflow: auto; 
														 | 
														
														 | 
														
															   overflow: auto; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															   background: #e3e2e2; 
														 | 
														
														 | 
														
															   background: #e3e2e2; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+  height: 100%; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 } 
														 | 
														
														 | 
														
															 } 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 .vue-pdf-cs{ 
														 | 
														
														 | 
														
															 .vue-pdf-cs{ 
														 |