| | |
|---|
| | | <template> |
|---|
| | | <el-dialog v-model="dialogVisible" title="附件" width="30%" :before-close="handleClose"> |
|---|
| | | <el-dialog v-model="dialogVisible" title="附件" width="40%" :before-close="handleClose"> |
|---|
| | | <el-table :data="tableData" border height="40vh"> |
|---|
| | | <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 |
|---|
| | | } |
|---|
| | |
|---|
| | | proxy.$download.name(row.url); |
|---|
| | | |
|---|
| | | } |
|---|
| | | const lookFile = (row) => { |
|---|
| | | filePreviewRef.value.open(row.url) |
|---|
| | | } |
|---|
| | | defineExpose({ |
|---|
| | | open |
|---|
| | | }) |
|---|
