<template>
|
<el-dialog v-model="dialogVisible" title="附件" width="40%" :before-close="handleClose">
|
<el-table :data="tableData" border height="40vh" stripe>
|
<el-table-column label="附件名称" prop="name" min-width="400" show-overflow-tooltip />
|
<el-table-column fixed="right" label="操作" width="100" align="center">
|
<template #default="scope">
|
<el-button link type="primary" size="small" @click="downLoadFile(scope.row)">下载</el-button>
|
<el-button link type="primary" size="small" @click="lookFile(scope.row)">预览</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-dialog>
|
<filePreview ref="filePreviewRef" />
|
</template>
|
|
<script setup>
|
import { ref } from 'vue'
|
import filePreview from '@/components/filePreview/index.vue'
|
|
const dialogVisible = ref(false)
|
const tableData = ref([])
|
const { proxy } = getCurrentInstance();
|
const filePreviewRef = ref()
|
const handleClose = () => {
|
dialogVisible.value = false
|
}
|
const open = (list) => {
|
dialogVisible.value = true
|
tableData.value = list
|
}
|
const downLoadFile = (row) => {
|
proxy.$download.name(row.url);
|
|
}
|
const lookFile = (row) => {
|
filePreviewRef.value.open(row.url)
|
}
|
defineExpose({
|
open
|
})
|
</script>
|
|
<style></style>
|
