浏览代码

pdf下载修改

duy 1 月之前
父节点
当前提交
481cacb9a1
共有 3 个文件被更改,包括 26 次插入8 次删除
  1. 9 2
      src/global/components/hc-pdfs/pdfs.vue
  2. 11 4
      src/utils/btn-auth.js
  3. 6 2
      src/views/home/pdf.vue

+ 9 - 2
src/global/components/hc-pdfs/pdfs.vue

@@ -1,5 +1,5 @@
 <template>
-    <hc-pdf v-if="isPdfDom" :src="pdfUrl" :download="isDownload" :print="isPrint" :is-https="isHttps" />
+    <hc-pdf v-if="isPdfDom" :src="pdfUrl" :download="isDownload" :print="isPrint" :is-https="isHttps" :file-name="fileName" />
 </template>
 
 <script setup>
@@ -17,6 +17,10 @@ const props = defineProps({
         type: String,
         default: '',
     },
+     fileName: {
+        type: String,
+        default: '',
+    },
 })
 
 defineOptions({
@@ -26,9 +30,12 @@ defineOptions({
 //监听
 const queryUrl = ref(props.url)
 const queryCode = ref(props.code)
-watch(() => [props.url, props.code], ([url, code]) => {
+const fileName = ref(props.fileName)
+watch(() => [props.url, props.code, props.fileName], ([url, code, name]) => {
+ 
     queryUrl.value = url
     queryCode.value = code
+    fileName.value = name
     setPdfSrcData()
 })
 

+ 11 - 4
src/utils/btn-auth.js

@@ -24,10 +24,17 @@ export const toPdfPage = (url, name) => {
         window.$message.warning('pdf地址为空')
         return
     }
-    fullDrawer({
-        type: 'url',
-        content: '/#/pdf?code=' + encode(url) + '&fileName=' + encode(name),
-    })
+    if (name) {
+        fullDrawer({
+            type: 'url',
+            content: '/#/pdf?code=' + encode(url) + '&fileName=' + name,
+        })
+    } else {
+        fullDrawer({
+            type: 'url',
+            content: '/#/pdf?code=' + encode(url),
+        }) 
+    }
     console.log(url)
     //window.open('/#/pdf?code=' + encode(url), '_blank')
 }

+ 6 - 2
src/views/home/pdf.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="hc-pdf-page-box">
-        <hc-pdfs :url="pdfUrl" :code="pdfCode"/>
+        <hc-pdfs :url="pdfUrl" :code="pdfCode" :file-name="pdfName" />
     </div>
 </template>
 
@@ -18,10 +18,14 @@ defineOptions({
 //渲染完成
 const pdfUrl = ref('')
 const pdfCode = ref('')
+const pdfName = ref('')
 onMounted(() => {
-    const { url, code } = useRoutes.query
+
+    
+    const { url, code, fileName } = useRoutes.query
     pdfUrl.value = url
     pdfCode.value = code
+    pdfName.value = fileName
 })
 </script>