From dd094f8769cc2e5676d73d9e8823ecb300cbed31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Mon, 27 Jul 2026 14:25:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(cmsAd):=20=E4=BC=98=E5=8C=96=E5=B9=BF?=
 =?UTF-8?q?=E5=91=8A=E5=9B=BE=E7=89=87=E5=B1=95=E7=A4=BA=E5=92=8C=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5=E5=9B=BE=E7=89=87=E5=8E=8B=E7=BC=A9=E5=B7=A5=E5=85=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 使用压缩后的图片 URL 显示广告图片，提升加载性能
- 添加图片预览功能，支持点击查看原图
- 调整图片展示宽度参数，保证视觉效果
- 引入图片压缩工具方法 getCompressedImageUrl 以统一处理图片请求
---
 src/views/cms/cmsAd/index.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/cms/cmsAd/index.vue b/src/views/cms/cmsAd/index.vue
index 273a896..0a88d8f 100644
--- a/src/views/cms/cmsAd/index.vue
+++ b/src/views/cms/cmsAd/index.vue
@@ -47,7 +47,11 @@
                 v-for="(item, index) in record.imageList"
                 :key="index"
               >
-                <a-image :src="item.url" :width="80" />
+                <a-image
+                  :src="getCompressedImageUrl(item.url, { width: 160, quality: 90 })"
+                  :preview="{ src: item.url }"
+                  :width="80"
+                />
               </template>
               <template v-if="record.type == 4">
                 {{ record.comments }}
@@ -113,6 +117,7 @@
   import { listCmsNavigation } from '@/api/cms/cmsNavigation';
   import { getPageTitle } from '@/utils/common';
   import { getTenantId } from '@/utils/domain';
+  import { getCompressedImageUrl } from '@/utils/image';
 
   // 表格实例
   const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);