预览pdf页面

src/views/hzyb/report/PreviewPDF.vue

@@ -4,22 +4,25 @@ import { reactive, onMounted } from "vue";
 import VuePdfEmbed from "vue-pdf-embed";
 const route = useRoute();
 
-const pdfSrc = route.query.pdfSrc ||'https://hzstatic.hzinsights.com/static/yb/pdf/debug/AoCnwUM9cUvnSeHwpz0bUNOJ7JA4.pdf'
+const pdfSrc = route.query.pdfSrc ||''
 const pdfState = reactive({
     source:pdfSrc,
-    pageNum:1,
-    scale:1,
-    numPages:0
 })
 </script>
 
 <template>
     <div class="preview-pdf-wrap">
-        <vue-pdf-embed :source="pdfState.source"/>
+        <template v-if="pdfState.source.length">
+            <vue-pdf-embed :source="pdfState.source"/>
+        </template>
+        <template v-else>
+            <div>获取pdf信息失败</div>
+        </template>
+        
     </div>
 </template>
 
 <style lang="scss" scoped>
-.preview-pdf-wrap{
-}
+/* .preview-pdf-wrap{
+} */
 </style>