feat: 文件管理增加复制文件 URL 按钮

This commit is contained in:
2024-05-23 21:48:10 +08:00
parent f2206b7801
commit 5c6d3119eb
4 changed files with 17 additions and 6 deletions

View File

@@ -6,10 +6,16 @@
</a-row>
<a-row style="margin-top: 15px">
<a-descriptions :column="1" layout="inline-vertical">
<a-descriptions-item label="名称">{{ getFileName(data) }}</a-descriptions-item>
<a-descriptions-item label="名称">
<a-typography-paragraph copyable :copy-text="data.url">
<template #copy-tooltip>复制链接</template>
{{ getFileName(data) }}
</a-typography-paragraph>
</a-descriptions-item>
<a-descriptions-item label="大小">{{ formatFileSize(data.size) }}</a-descriptions-item>
<a-descriptions-item label="创建时间">{{ data.createTime }}</a-descriptions-item>
<a-descriptions-item label="上传时间">{{ data.createTime }}</a-descriptions-item>
<a-descriptions-item label="修改时间">{{ data.updateTime }}</a-descriptions-item>
<a-descriptions-item label="存储名称">{{ data.storageName }}</a-descriptions-item>
</a-descriptions>
</a-row>
</template>

View File

@@ -6,7 +6,7 @@ import type { FileItem } from '@/apis'
/** 打开 详情 弹窗 */
export function openFileDetailModal(fileItem: FileItem) {
return Modal.open({
title: fileItem.extension ? `${fileItem.name}.${fileItem.extension}` : `${fileItem.name}`,
title: '文件详情',
titleAlign: 'start',
modalAnimationName: 'el-fade',
modalStyle: { maxWidth: '320px' },