From 0da79cbe4fceea00b819752b5d4ff9bed17e0021 Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Fri, 27 Oct 2023 11:09:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=96=87=E4=BB=B6=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/modules/project-management/fileManagement.ts  | 4 ++--
 .../src/api/requrls/project-management/fileManagement.ts  | 1 +
 .../src/components/business/ms-thumbnail-card/index.vue   | 8 +++++++-
 frontend/src/components/pure/ms-upload/fileList.vue       | 8 +-------
 frontend/src/components/pure/ms-upload/index.vue          | 7 ++++++-
 .../fileManagement/components/rightBox.vue                | 4 +++-
 6 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/frontend/src/api/modules/project-management/fileManagement.ts b/frontend/src/api/modules/project-management/fileManagement.ts
index 1f7f845011..e4478af9f9 100644
--- a/frontend/src/api/modules/project-management/fileManagement.ts
+++ b/frontend/src/api/modules/project-management/fileManagement.ts
@@ -62,12 +62,12 @@ export function deleteFile(data: BatchFileApiParams) {
 
 // 下载文件
 export function downloadFile(id: string) {
-  return MSR.get({ url: DownloadFileUrl, params: id }, { isTransformResponse: false });
+  return MSR.get({ url: DownloadFileUrl, params: id, responseType: 'blob' }, { isTransformResponse: false });
 }
 
 // 批量下载文件
 export function batchDownloadFile(data: BatchFileApiParams) {
-  return MSR.post({ url: BatchDownloadFileUrl, data }, { isTransformResponse: false });
+  return MSR.post({ url: BatchDownloadFileUrl, data, responseType: 'blob' }, { isTransformResponse: false });
 }
 
 // 更新模块
diff --git a/frontend/src/api/requrls/project-management/fileManagement.ts b/frontend/src/api/requrls/project-management/fileManagement.ts
index a78d87a6d8..cf56b4f21b 100644
--- a/frontend/src/api/requrls/project-management/fileManagement.ts
+++ b/frontend/src/api/requrls/project-management/fileManagement.ts
@@ -11,3 +11,4 @@ export const AddModuleUrl = '/project/file-module/add'; // 添加模块
 export const GetModuleUrl = '/project/file-module/tree'; // 查找模块
 export const DeleteModuleUrl = '/project/file-module/delete'; // 删除模块
 export const GetModuleCountUrl = '/project/file/module/count'; // 模块统计文件数量
+export const PreviewImgUrl = '/project/file/download/preview-img'; // 预览图片文件接口
diff --git a/frontend/src/components/business/ms-thumbnail-card/index.vue b/frontend/src/components/business/ms-thumbnail-card/index.vue
index 90595d8ff9..c460b6fd7e 100644
--- a/frontend/src/components/business/ms-thumbnail-card/index.vue
+++ b/frontend/src/components/business/ms-thumbnail-card/index.vue
@@ -4,7 +4,13 @@
       <div class="ms-thumbnail-card-more">
         <MsTableMoreAction v-if="props.moreActions" :list="props.moreActions" @select="handleMoreActionSelect" />
       </div>
-      <a-image v-if="fileType === 'image'" :src="props.url" class="absolute top-0 h-full w-full" :preview="false" />
+      <a-image
+        v-if="fileType === 'image'"
+        :src="props.url"
+        class="absolute top-0 h-full w-full"
+        :preview="false"
+        hide-footer
+      />
       <MsIcon
         v-else
         :type="FileIconMap[fileType][UploadStatus.done]"
diff --git a/frontend/src/components/pure/ms-upload/fileList.vue b/frontend/src/components/pure/ms-upload/fileList.vue
index 2617641b0c..b5ac9c02a1 100644
--- a/frontend/src/components/pure/ms-upload/fileList.vue
+++ b/frontend/src/components/pure/ms-upload/fileList.vue
@@ -16,13 +16,7 @@
         <a-list-item-meta>
           <template #avatar>
             <a-avatar shape="square" class="rounded-[var(--border-radius-mini)] bg-[var(--color-text-n9)]">
-              <a-image
-                v-if="item.file.type.includes('image/')"
-                :src="item.url"
-                :alt="item.file.name"
-                width="40"
-                height="40"
-              />
+              <a-image v-if="item.file.type.includes('image/')" :src="item.url" width="40" height="40" hide-footer />
               <MsIcon
                 v-else
                 :type="getFileIcon(item)"
diff --git a/frontend/src/components/pure/ms-upload/index.vue b/frontend/src/components/pure/ms-upload/index.vue
index a153b21a62..bd8d042adf 100644
--- a/frontend/src/components/pure/ms-upload/index.vue
+++ b/frontend/src/components/pure/ms-upload/index.vue
@@ -2,7 +2,11 @@
   <a-upload
     v-bind="{ ...props }"
     v-model:file-list="fileList"
-    :accept="UploadAcceptEnum[props.accept]"
+    :accept="
+      [UploadAcceptEnum.none, UploadAcceptEnum.unknown].includes(UploadAcceptEnum[props.accept])
+        ? '*'
+        : UploadAcceptEnum[props.accept]
+    "
     :multiple="props.multiple"
     :disabled="props.disabled"
     @change="handleChange"
@@ -75,6 +79,7 @@
     maxSize: number; // 文件大小限制，单位 MB
     sizeUnit: 'MB' | 'KB'; // 文件大小单位
     isLimit: boolean; // 是否限制文件大小
+    draggable: boolean; // 是否支持拖拽上传
   }> & {
     accept: UploadType;
     fileList: MsFileItem[];
diff --git a/frontend/src/views/project-management/fileManagement/components/rightBox.vue b/frontend/src/views/project-management/fileManagement/components/rightBox.vue
index 1e550366a7..958c904117 100644
--- a/frontend/src/views/project-management/fileManagement/components/rightBox.vue
+++ b/frontend/src/views/project-management/fileManagement/components/rightBox.vue
@@ -84,7 +84,7 @@
         <template #item="{ item, index }">
           <MsThumbnailCard
             :type="item.fileType"
-            :url="`http://172.16.200.18:8081${item.previewSrc}.${item.fileType}`"
+            :url="item.url || `${PreviewImgUrl}/${item.id}`"
             :footer-text="item.name"
             :more-actions="item.fileType === 'JAR' ? jarFileActions : normalFileActions"
             @click="openFileDetail(item.id, index)"
@@ -129,6 +129,7 @@
       :auto-upload="false"
       :sub-text="acceptType === 'jar' ? '' : t('project.fileManagement.normalFileSubText', { size: 50 })"
       multiple
+      draggable
       size-unit="MB"
       class="mb-[16px] w-full"
       @change="handleFileChange"
@@ -292,6 +293,7 @@
     updateFile,
     uploadFile,
   } from '@/api/modules/project-management/fileManagement';
+  import { PreviewImgUrl } from '@/api/requrls/project-management/fileManagement';
   import { useI18n } from '@/hooks/useI18n';
   import useModal from '@/hooks/useModal';
   import useAppStore from '@/store/modules/app';