From 50c1e0dfbee6a0acf4855a86f3df284f40a3d0e8 Mon Sep 17 00:00:00 2001
From: gaoxq <376340421@qq.com>
Date: Mon, 22 Dec 2025 23:13:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=BE=85=E5=8A=9E=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../packages/biz/api/biz/mailAttachments.ts   |  1 +
 .../biz/views/biz/mailInfo/received/view.vue  | 39 ++++---------------
 2 files changed, 8 insertions(+), 32 deletions(-)

diff --git a/web-vue/packages/biz/api/biz/mailAttachments.ts b/web-vue/packages/biz/api/biz/mailAttachments.ts
index de7ea709..65493d10 100644
--- a/web-vue/packages/biz/api/biz/mailAttachments.ts
+++ b/web-vue/packages/biz/api/biz/mailAttachments.ts
@@ -25,6 +25,7 @@ export interface BizMailAttachments extends BasicModel<BizMailAttachments> {
   downloadCount?: number; // 下载次数
   isCompressed?: string; // 是否压缩
   isEncrypted?: string; // 是否加密
+  svgIcon?: string; //文件图标
 }
 
 export const bizMailAttachmentsList = (params?: BizMailAttachments | any) =>
diff --git a/web-vue/packages/biz/views/biz/mailInfo/received/view.vue b/web-vue/packages/biz/views/biz/mailInfo/received/view.vue
index 9db12f2b..d85050d5 100644
--- a/web-vue/packages/biz/views/biz/mailInfo/received/view.vue
+++ b/web-vue/packages/biz/views/biz/mailInfo/received/view.vue
@@ -34,19 +34,15 @@
 	           <div class="attachment-icon-wrapper">
 	             <Icon :icon="item.svgIcon" size="24" />
 	           </div>
-	           
 	           <div class="attachment-info-wrapper">
 	             <div class="file-info-row">
 	               <span class="attachment-name">{{ item.fileName }}</span>
 	               <span class="attachment-size">({{ formatFileSize(item.fileSize) }})</span>
+				   <a-button type="link" size="small" @click="downloadAttachment(item)">
+				     <Icon icon="ant-design:cloud-download-outlined"/>
+				   </a-button>
 	             </div>
 	           </div>
-
-	           <div class="attachment-action-wrapper">
-	             <button class="download-btn" @click="downloadAttachment(item)">
-	               下载
-	             </button>
-	           </div>
 	         </div>
 	       </div>
 	     </div>
@@ -58,27 +54,19 @@
 <script lang="ts">
 	import { defineComponent, ref, PropType } from 'vue';
 	import { Icon } from '@jeesite/core/components/Icon';
-	import { useMessage } from '@jeesite/core/hooks/web/useMessage';
+	import { message, Modal } from 'ant-design-vue';
 	import { BasicModal, useModalInner } from '@jeesite/core/components/Modal';
 	import { BizMailReceived } from '@jeesite/biz/api/biz/mailReceived';
 	import { useGlobSetting } from '@jeesite/core/hooks/setting';
 	import { downloadByUrl } from '@jeesite/core/utils/file/download';
 	import { BizMailAttachments, bizMailAttachmentsListAll } from '@jeesite/biz/api/biz/mailAttachments';
 
-	// 定义自定义图标配置类型
-	interface CustomIconConfig {
-	  default?: string;
-	  types?: Record<string, string>;
-	  exts?: Record<string, string>;
-	}
-
 	export default defineComponent({
-	  components: { BasicModal },
+	  components: { BasicModal, Icon },
 	  emits: ['modalClose'],
 	  setup(props, { emit }) {
 		const ReceivedList = ref<BizMailReceived>();
 		const MailAttachments = ref<BizMailAttachments[]>([]);
-	    const { createMessage } = useMessage();
 		
 	    const [register, { closeModal }] = useModalInner(async (data: any) => {
 	      if (!data) return;  
@@ -100,6 +88,7 @@
 		};
 		
 		async function downloadAttachment(attachment: BizMailAttachments) {
+		  message.success("附件正在下载中,请稍后...");
 		  const { ctxAdminPath } = useGlobSetting();
 		  await downloadByUrl({
 		    url: ctxAdminPath + '/biz/mailAttachments/downloadFile',
@@ -317,7 +306,7 @@
 	  background: #ffffff;
 	  border: 1px solid #d1e7ff;
 	  border-radius: 6px;
-	  padding: 8px 10px;
+	  padding: 4px 10px;
 	  display: flex;
 	  align-items: center;
 	  gap: 8px;
@@ -345,20 +334,6 @@
 	  padding: 2px;
 	}
 
-	.attachment-icon {
-	  width: 100%;
-	  height: 100%;
-	  object-fit: contain;
-	  display: block;
-	  border-radius: 2px;
-	  opacity: 0;
-	  transition: opacity 0.2s ease;
-	}
-	
-	.attachment-icon[src] {
-	  opacity: 1;
-	}
-
 	.attachment-info-wrapper {
 	  flex: 1;
 	  min-width: 0;