修改文件预览

src/components/PreviewFile/index.vue

@@ -2,7 +2,8 @@
     <div style="overflow: auto; height: 100vh">
         <vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
         <vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url" />
-        <vue-office-pdf v-if="url.includes('.pdf')" :src="url" />
+        <!-- <vue-office-pdf v-if="url.includes('.pdf')" :src="url" /> -->
+        <iframe v-if="url.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
         <img
             v-if="url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')"
             :src="url"

src/views/pqs/database/case/components/drawer.vue

@@ -17,7 +17,8 @@
                     <div :style="`overflow: auto;`" class="iframe">
                         <vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
                         <vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url" />
-                        <vue-office-pdf v-if="url.includes('.pdf')" :src="url" />
+                        <!-- <vue-office-pdf v-if="url.includes('.pdf')" :src="url" /> -->
+                        <iframe v-if="url.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
                         <img v-if="
                             url.includes('.png') ||
                             url.includes('.jpg') ||

src/views/pqs/database/case/index.vue

@@ -78,24 +78,24 @@ const tableStore = new TableStore({
         //     title: '治理效果',
         //     field: 'effect'
         // },
-        // {
-        //     title: '事件简介',
-        //     width: '140',
-        //     render: 'buttons',
-        //     buttons: [
-        //         {
-        //             name: 'view',
-        //             title: '查看',
-        //             type: 'primary',
-        //             icon: 'el-icon-Plus',
-        //             render: 'basicButton',
-        //             click: row => {
-        //                 dialogVisible.value = true
-        //                 summary.value = row.summary
-        //             }
-        //         }
-        //     ]
-        // },
+        {
+            title: '事件简介',
+            width: '140',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'view',
+                    title: '查看',
+                    type: 'primary',
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+                    click: row => {
+                        dialogVisible.value = true
+                        summary.value = row.summary
+                    }
+                }
+            ]
+        },
         {
             title: '操作',
             width: '200',

src/views/pqs/database/standard/index.vue

@@ -22,7 +22,8 @@
                 <div :style="`height: calc(${height.height} - 60px);overflow: auto;`" v-else>
                     <vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
                     <vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url" />
-                    <vue-office-pdf v-if="url.includes('.pdf')" :src="url" />
+                    <!-- <vue-office-pdf v-if="url.includes('.pdf')" :src="url"/> -->
+                     <iframe v-if="url.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
                     <img v-if="
                         url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')
                     " :src="url" />
@@ -44,6 +45,7 @@ import addTree from './components/addTree.vue'
 import { useMonitoringPoint } from '@/stores/monitoringPoint'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getFileNameAndFilePath, downloadFile } from '@/api/system-boot/file'
+
 //引入相关样式
 import '@vue-office/excel/lib/index.css'
 //引入VueOfficeDocx组件