From c7afa34f03a1625e80d870b0fa3b564b3061d80b Mon Sep 17 00:00:00 2001
From: 16337 <1633794139@qq.com>
Date: Mon, 2 Mar 2026 14:21:13 +0800
Subject: [PATCH] =?UTF-8?q?fix(aiot):=20=E5=91=8A=E8=AD=A6=E6=88=AA?=
 =?UTF-8?q?=E5=9B=BE=20Image=20=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0=20fall?=
 =?UTF-8?q?back=20=E5=85=9C=E5=BA=95=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

列表缩略图和详情弹窗的 Image 组件均添加 fallback SVG，
当图片 URL 无效或加载失败时显示友好占位符而非损坏图标。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/web-antd/src/views/aiot/alarm/list/index.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/web-antd/src/views/aiot/alarm/list/index.vue b/apps/web-antd/src/views/aiot/alarm/list/index.vue
index 2396c7c3f..13dfb88c7 100644
--- a/apps/web-antd/src/views/aiot/alarm/list/index.vue
+++ b/apps/web-antd/src/views/aiot/alarm/list/index.vue
@@ -252,6 +252,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
           :width="40"
           :height="40"
           :preview="{ src: row.ossUrl || row.snapshotUrl }"
+          :fallback="`data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><rect width='40' height='40' fill='%23f0f0f0'/><text x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23bbb' font-size='12'>-</text></svg>`"
           style="object-fit: cover; border-radius: 4px; cursor: pointer"
         />
         <span v-else class="text-gray-400">-</span>
@@ -356,6 +357,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
               :src="currentAlert.ossUrl || currentAlert.snapshotUrl"
               :width="300"
               :preview="{ src: currentAlert.ossUrl || currentAlert.snapshotUrl }"
+              :fallback="`data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='200'><rect width='300' height='200' fill='%23f5f5f5'/><text x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' fill='%23bbb' font-size='14'>图片加载失败</text></svg>`"
             />
           </div>
           <div class="mt-1">