Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改文件预览

Browse Source
This commit is contained in:
GGJ
2024-09-26 10:49:28 +08:00
parent d2bedf744d
commit 0877ae5df0
4 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/PreviewFile/index.vue
View File

@@ -2,7 +2,8 @@
<div style="overflow: auto; height: 100vh"> <div style="overflow: auto; height: 100vh">
<vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" /> <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-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 <img
v-if="url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')" v-if="url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')"
:src="url" :src="url"

3
src/views/pqs/database/case/components/drawer.vue
View File

@@ -17,7 +17,8 @@
<div :style="`overflow: auto;`" class="iframe"> <div :style="`overflow: auto;`" class="iframe">
<vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" /> <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-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=" <img v-if="
url.includes('.png') || url.includes('.png') ||
url.includes('.jpg') || url.includes('.jpg') ||

36
src/views/pqs/database/case/index.vue
View File

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

4
src/views/pqs/database/standard/index.vue
View File

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