Browse Source

feat:优化pdf显示

coder 2 years ago
parent
commit
fb73d9bca0

+ 7 - 1
src/pages/officialDocumentManager/documentLibrary/detail/documentDetail/index.vue

@@ -6,6 +6,7 @@ const { currentRoute } = useRouter()
 const route = currentRoute.value
 const gw_id = route.query.gw_id
 const detailData = ref({})
+let pdfHeight = $ref('')
 showLoadingToast({
   message: '加载中...',
   forbidClick: true,
@@ -28,6 +29,11 @@ request({
     scrollEnable: false,
     zoomEnable: false,
   })
+  pdfh5.on('complete', (status, msg) => {
+    const height = document.getElementsByClassName("pageContainer")[0].style['min-height'];
+    const num = document.getElementsByClassName("pageContainer").length
+    pdfHeight = parseFloat(height) * num + 50
+  });
 })
 </script>
 
@@ -93,7 +99,7 @@ request({
         </table>
       </div>
     </div>
-    <div id="pdfContent" />
+    <div id="pdfContent" :style="{ height: pdfHeight + 'px' }" />
   </div>
 </template>
 

+ 7 - 1
src/pages/officialDocumentManager/myOfficialDocument/detail/index.vue

@@ -10,6 +10,7 @@ showLoadingToast({
   message: '加载中...',
   forbidClick: true,
 })
+let pdfHeight = $ref('')
 request({
   url: '/jdbg/gwgl_gw/detail',
   data: {
@@ -26,6 +27,11 @@ request({
     scrollEnable: false,
     zoomEnable: false,
   })
+  pdfh5.on('complete', (status, msg) => {
+    const height = document.getElementsByClassName("pageContainer")[0].style['min-height'];
+    const num = document.getElementsByClassName("pageContainer").length
+    pdfHeight = parseFloat(height) * num + 50
+  });
 })
 </script>
 
@@ -92,7 +98,7 @@ request({
       </div>
     </div>
 
-    <div id="pdfContent" />
+    <div id="pdfContent" :style="{ height: pdfHeight + 'px' }" />
   </div>
 </template>
 

+ 8 - 1
src/pages/officialDocumentManager/todoOffcialDoucument/detail/index.vue

@@ -9,6 +9,7 @@ const gw_id = route.query.gw_id
 const detailData = ref({})
 const shjl = ref([])
 
+let pdfHeight = $ref('')
 function getData() {
   showLoadingToast({
     message: '加载中...',
@@ -31,6 +32,12 @@ function getData() {
       scrollEnable: false,
       zoomEnable: false,
     })
+    pdfh5.on('complete', (status, msg) => {
+      const height = document.getElementsByClassName("pageContainer")[0].style['min-height'];
+      const num = document.getElementsByClassName("pageContainer").length
+      pdfHeight = parseFloat(height) * num + 50
+    });
+
   })
 }
 getData()
@@ -208,7 +215,7 @@ function dialogSubmit() {
         </table>
       </div>
     </div>
-    <div id="pdfContent" />
+    <div id="pdfContent" :style="{ height: pdfHeight + 'px' }" />
     <van-dialog v-model:show="auditDialogShow" title="审核" confirm-button-text="提交" show-cancel-button
       :before-close="beforeCloseDialog">
       <div class="dialogDiv">

+ 7 - 1
src/pages/officialDocumentManager/todoReadDoucument/detail/index.vue

@@ -11,6 +11,7 @@ showLoadingToast({
   message: '加载中...',
   forbidClick: true,
 })
+let pdfHeight = $ref('')
 request({
   url: '/jdbg/gwgl_gw/detail',
   data: {
@@ -27,6 +28,11 @@ request({
     scrollEnable: false,
     zoomEnable: false,
   })
+  pdfh5.on('complete', (status, msg) => {
+    const height = document.getElementsByClassName("pageContainer")[0].style['min-height'];
+    const num = document.getElementsByClassName("pageContainer").length
+    pdfHeight = parseFloat(height) * num + 50
+  });
 })
 </script>
 
@@ -82,7 +88,7 @@ request({
       </div>
     </div>
 
-    <div id="pdfContent" />
+    <div id="pdfContent" :style="{ height: pdfHeight + 'px' }" />
   </div>
 </template>