From 7acc4367b3320e2a49265112fc8051f285a870bf Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期二, 05 八月 2025 14:05:51 +0800
Subject: [PATCH] 文件预览组件封装使用
---
src/views/salesManagement/salesLedger/fileList.vue | 9 ++++++++-
1 files changed, 8 insertions(+), 1 deletions(-)
diff --git a/src/views/salesManagement/salesLedger/fileList.vue b/src/views/salesManagement/salesLedger/fileList.vue
index d1c0cdd..da37db2 100644
--- a/src/views/salesManagement/salesLedger/fileList.vue
+++ b/src/views/salesManagement/salesLedger/fileList.vue
@@ -1,22 +1,26 @@
<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
}
@@ -28,6 +32,9 @@
proxy.$download.name(row.url);
}
+const lookFile = (row) => {
+ filePreviewRef.value.open(row.url)
+}
defineExpose({
open
})
--
Gitblit v1.9.3