浏览代码

fix:尝试修复浏览器“未能加载PDF文档”问题

yangfeng 3 周之前
父节点
当前提交
e5a05b1b22
共有 1 个文件被更改,包括 6 次插入2 次删除
  1. 6 2
      apps/bigmember_pc/src/views/reportDownload/ZhiMaAnalysis.vue

+ 6 - 2
apps/bigmember_pc/src/views/reportDownload/ZhiMaAnalysis.vue

@@ -97,11 +97,14 @@ const getReportDetail = async () => {
   if (code === 0 && data) {
     loading.value = false
     h5Url.value = data.h5
-    pdfUrl.value = data.pdf
+    setTimeout(() => {
+      // 延迟赋值,解决加载时资源还没有完全可用,出现“未能加载PDF文档”,需要手动点击重新加载才能正常预览的场景
+      pdfUrl.value = data.pdf + (data.pdf ? `?t=${Date.now()}` : '')
+    }, 500)
     downloadUrl.value = data.pdf
     reportMold.value = data.mold
     reportName.value = data.report_name
-    finished.value = data.pdf ? true : false
+    finished.value = !!data.pdf
     // 产品定需求,开发定方案(最大轮询60次 或有下载地址 则停止轮询)
     if (data.pdf || apiCount.value >= 60) {
       clearInterval(apiTimer.value)
@@ -211,6 +214,7 @@ function onLoadH5() {
         class="iframe"
         :data="pdfUrl"
         type="application/pdf"
+        :key="pdfUrl"
         :style="{ height: iframeHeight, width: '100%' }"
       >
         <p class="text-center" style="padding: 40px 0">