From 5c6d3119eb4aab0f679aaeadcead7f96f6f1ea22 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Thu, 23 May 2024 21:48:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E4=BB=B6=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=A4=8D=E5=88=B6=E6=96=87=E4=BB=B6=20URL=20?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/system/type.ts                                |  1 +
 .../file/components/FileDetailModal/ModalContent.vue   | 10 ++++++++--
 .../system/file/components/FileDetailModal/index.ts    |  2 +-
 src/views/system/file/main/FileMain/FileList.vue       | 10 +++++++---
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/apis/system/type.ts b/src/apis/system/type.ts
index cfa1246..889c9f1 100644
--- a/src/apis/system/type.ts
+++ b/src/apis/system/type.ts
@@ -206,6 +206,7 @@ export type FileItem = {
   extension: string
   type: number
   storageId: string
+  storageName: string
   createUserString: string
   createTime: string
   updateUserString: string
diff --git a/src/views/system/file/components/FileDetailModal/ModalContent.vue b/src/views/system/file/components/FileDetailModal/ModalContent.vue
index 5d58940..5771051 100644
--- a/src/views/system/file/components/FileDetailModal/ModalContent.vue
+++ b/src/views/system/file/components/FileDetailModal/ModalContent.vue
@@ -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>
diff --git a/src/views/system/file/components/FileDetailModal/index.ts b/src/views/system/file/components/FileDetailModal/index.ts
index 967f6a9..61589db 100644
--- a/src/views/system/file/components/FileDetailModal/index.ts
+++ b/src/views/system/file/components/FileDetailModal/index.ts
@@ -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' },
diff --git a/src/views/system/file/main/FileMain/FileList.vue b/src/views/system/file/main/FileMain/FileList.vue
index 5784dc7..c980e6c 100644
--- a/src/views/system/file/main/FileMain/FileList.vue
+++ b/src/views/system/file/main/FileMain/FileList.vue
@@ -27,7 +27,10 @@
                 <div class="file-image">
                   <FileImage :data="record"></FileImage>
                 </div>
-                <span>{{ getFileName(record) }}</span>
+                <a-typography-paragraph copyable :copy-text="record.url">
+                  <template #copy-tooltip>复制链接</template>
+                  {{ getFileName(record) }}
+                </a-typography-paragraph>
               </section>
               <template #content>
                 <FileRightMenu :data="record" @click="handleRightMenuClick($event, record)"></FileRightMenu>
@@ -38,7 +41,8 @@
         <a-table-column title="大小" data-index="size" :width="150">
           <template #cell="{ record }">{{ formatFileSize(record.size) }}</template>
         </a-table-column>
-        <a-table-column title="修改时间" data-index="updateTime" :width="200"></a-table-column>
+        <a-table-column title="存储名称" data-index="storageName" :width="200" />
+        <a-table-column title="修改时间" data-index="updateTime" :width="200" />
         <a-table-column title="操作" :width="120" align="center">
           <template #cell="{ record }">
             <a-popover trigger="click" position="bottom" :content-style="{ 'padding': 0, 'margin-top': 0 }">
@@ -48,7 +52,7 @@
                   :file-info="record"
                   :shadow="false"
                   @click="handleRightMenuClick($event, record)"
-                ></FileRightMenu>
+                />
               </template>
             </a-popover>
           </template>