From 7b84336f82dbaa63207338f82c589869aeaa22eb Mon Sep 17 00:00:00 2001
From: zou <zou@direv.local>
Date: Tue, 18 Aug 2026 17:31:48 +0800
Subject: [PATCH] =?UTF-8?q?fix(F006):=20=E5=95=86=E5=93=81=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E9=A2=84=E8=A7=88=E5=B1=82=E7=BA=A7=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20-=207=E6=96=87=E4=BB=B618=E5=A4=84el-image=E5=8A=A0preview-t?=
 =?UTF-8?q?eleported(=E9=A2=84=E8=A7=88=E6=B5=AE=E5=B1=82=E6=8C=82body?=
 =?UTF-8?q?=E8=84=B1=E7=A6=BB=E8=A1=A8=E6=A0=BC=E5=AE=B9=E5=99=A8)=20+=20?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80viewer=20z-index=203100=E6=9C=80=E9=AB=98?=
 =?UTF-8?q?=E5=B1=82=E7=BA=A7=E5=85=9C=E5=BA=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/api/feedback/FeedbackListView.vue             | 2 +-
 src/modules/api/lunbo/LunboListView.vue                   | 2 +-
 src/modules/order/OrderDetailView.vue                     | 4 ++--
 src/modules/other/supplierBrand/SupplierBrandListView.vue | 2 +-
 src/modules/other/textconfig/TextconfigListView.vue       | 2 +-
 src/modules/supplier/good/GoodListView.vue                | 4 ++--
 src/modules/supplier/servicegood/ServiceGoodListView.vue  | 2 +-
 src/styles/global-ui.scss                                 | 5 +++++
 8 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/modules/api/feedback/FeedbackListView.vue b/src/modules/api/feedback/FeedbackListView.vue
index 7f967ae..6d9c9b9 100644
--- a/src/modules/api/feedback/FeedbackListView.vue
+++ b/src/modules/api/feedback/FeedbackListView.vue
@@ -150,7 +150,7 @@ onMounted(load)
         </el-form-item>
         <el-form-item label="反馈图片" v-if="previewData.imgList && previewData.imgList.length">
           <div class="feedback-imgs">
-            <el-image v-for="(img, idx) in previewData.imgList" :key="idx" :src="img" :preview-src-list="previewData.imgList" :initial-index="idx" fit="cover" class="feedback-img-item" />
+            <el-image v-for="(img, idx) in previewData.imgList" :key="idx" :src="img" :preview-src-list="previewData.imgList" :initial-index="idx" fit="cover" class="feedback-img-item" preview-teleported />
           </div>
         </el-form-item>
       </el-form>
diff --git a/src/modules/api/lunbo/LunboListView.vue b/src/modules/api/lunbo/LunboListView.vue
index 2407b81..2560a35 100644
--- a/src/modules/api/lunbo/LunboListView.vue
+++ b/src/modules/api/lunbo/LunboListView.vue
@@ -149,7 +149,7 @@ onMounted(load)
           <el-tag :type="(TYPE_MAP[row.type]?.type as any)" size="small" effect="light">{{ TYPE_MAP[row.type]?.label || `类型${row.type}` }}</el-tag>
         </template>
         <template #image="{ row }">
-          <el-image :src="row.image" fit="cover" class="lunbo-thumb" :preview-src-list="[row.image]" />
+          <el-image :src="row.image" fit="cover" class="lunbo-thumb" :preview-src-list="[row.image]" preview-teleported />
         </template>
         <template #position="{ row }">
           <el-tag :type="(POS_MAP[row.position]?.type as any)" size="small" effect="plain">{{ POS_MAP[row.position]?.label || `位置${row.position}` }}</el-tag>
diff --git a/src/modules/order/OrderDetailView.vue b/src/modules/order/OrderDetailView.vue
index ff4a51b..1da4954 100644
--- a/src/modules/order/OrderDetailView.vue
+++ b/src/modules/order/OrderDetailView.vue
@@ -429,7 +429,7 @@ watch(orderId, load)
                 <template #default="{ row }">
                   <div class="rr-good-cell">
                     <div v-if="row.icon" class="rr-good-icon">
-                      <el-image :src="row.icon" :preview-src-list="[row.icon]" fit="cover" style="width: 40px; height: 40px; border-radius: 4px" />
+                      <el-image :src="row.icon" :preview-src-list="[row.icon]" fit="cover" style="width: 40px; height: 40px; border-radius: 4px" preview-teleported />
                     </div>
                     <div v-else class="rr-good-icon rr-good-icon-placeholder">{{ (row.title || '?').charAt(0) }}</div>
                     <div>
@@ -495,7 +495,7 @@ watch(orderId, load)
                 </el-table-column>
                 <el-table-column label="回单" width="100" align="center">
                   <template #default="{ row }">
-                    <el-image v-if="row.acceptanceFile" :src="row.acceptanceFile" :preview-src-list="[row.acceptanceFile]" fit="contain" style="width: 60px; height: 60px" />
+                    <el-image v-if="row.acceptanceFile" :src="row.acceptanceFile" :preview-src-list="[row.acceptanceFile]" fit="contain" style="width: 60px; height: 60px" preview-teleported />
                     <span v-else>--</span>
                   </template>
                 </el-table-column>
diff --git a/src/modules/other/supplierBrand/SupplierBrandListView.vue b/src/modules/other/supplierBrand/SupplierBrandListView.vue
index b1190bb..2dea239 100644
--- a/src/modules/other/supplierBrand/SupplierBrandListView.vue
+++ b/src/modules/other/supplierBrand/SupplierBrandListView.vue
@@ -206,7 +206,7 @@ onMounted(load)
         <el-table-column prop="brandName" label="品牌名称" header-align="center" align="center" min-width="120" show-overflow-tooltip />
         <el-table-column label="品牌授权书" header-align="center" align="center" width="90">
           <template #default="{ row }">
-            <el-image v-if="row.authUrl" :src="row.authUrl" fit="cover" :preview-src-list="[row.authUrl]" class="brand-auth" />
+            <el-image v-if="row.authUrl" :src="row.authUrl" fit="cover" :preview-src-list="[row.authUrl]" class="brand-auth" preview-teleported />
             <span v-else class="rr-muted">--</span>
           </template>
         </el-table-column>
diff --git a/src/modules/other/textconfig/TextconfigListView.vue b/src/modules/other/textconfig/TextconfigListView.vue
index 0008a8a..927a5a7 100644
--- a/src/modules/other/textconfig/TextconfigListView.vue
+++ b/src/modules/other/textconfig/TextconfigListView.vue
@@ -149,7 +149,7 @@ onMounted(load)
         <template #content="{ row }">
           <span v-if="row.type === 1" class="rr-content-text">{{ row.content }}</span>
           <el-button v-else-if="row.type === 2" text type="primary" size="small" @click="onShowRichText(row.content)">查看富文本</el-button>
-          <el-image v-else-if="row.type === 3" :src="row.content" :preview-src-list="[row.content]" style="width: 60px; height: 60px; border-radius: 4px" fit="cover" />
+          <el-image v-else-if="row.type === 3" :src="row.content" :preview-src-list="[row.content]" style="width: 60px; height: 60px; border-radius: 4px" fit="cover" preview-teleported />
         </template>
         <template #action="{ row }">
           <el-button text type="primary" size="small" @click="onEdit(row)">修改</el-button>
diff --git a/src/modules/supplier/good/GoodListView.vue b/src/modules/supplier/good/GoodListView.vue
index 5366480..e8828ba 100644
--- a/src/modules/supplier/good/GoodListView.vue
+++ b/src/modules/supplier/good/GoodListView.vue
@@ -385,7 +385,7 @@ onMounted(() => Promise.all([load(), loadStats(), loadCounts()]))
       <template #title="{ row }">
         <div class="rr-good-cell">
           <div v-if="row.icon" class="rr-good-icon">
-            <el-image :src="row.icon" :preview-src-list="[row.icon]" fit="cover" style="width: 40px; height: 40px; border-radius: 4px" />
+            <el-image :src="row.icon" :preview-src-list="[row.icon]" fit="cover" style="width: 40px; height: 40px; border-radius: 4px" preview-teleported />
           </div>
           <div v-else class="rr-good-icon-placeholder">{{ (row.title || '?').charAt(0) }}</div>
           <span class="rr-good-title">{{ row.title }}</span>
@@ -430,7 +430,7 @@ onMounted(() => Promise.all([load(), loadStats(), loadCounts()]))
           <template #default="{ row }">
             <div class="rr-good-cell">
               <div v-if="row.icon" class="rr-good-icon">
-                <el-image :src="row.icon" :preview-src-list="[row.icon]" fit="cover" style="width: 40px; height: 40px; border-radius: 4px" />
+                <el-image :src="row.icon" :preview-src-list="[row.icon]" fit="cover" style="width: 40px; height: 40px; border-radius: 4px" preview-teleported />
               </div>
               <div v-else class="rr-good-icon-placeholder">{{ (row.title || '?').charAt(0) }}</div>
               <span class="rr-good-title">{{ row.title }}</span>
diff --git a/src/modules/supplier/servicegood/ServiceGoodListView.vue b/src/modules/supplier/servicegood/ServiceGoodListView.vue
index 0b6284c..90e1b4f 100644
--- a/src/modules/supplier/servicegood/ServiceGoodListView.vue
+++ b/src/modules/supplier/servicegood/ServiceGoodListView.vue
@@ -300,7 +300,7 @@ onMounted(() => Promise.all([load(), loadStats(), loadCounts()]))
     >
       <template #title="{ row }">
         <div class="rr-good-cell">
-          <div v-if="row.icon" class="rr-good-icon"><el-image :src="row.icon" :preview-src-list="[row.icon]" fit="cover" style="width: 40px; height: 40px; border-radius: 4px" /></div>
+          <div v-if="row.icon" class="rr-good-icon"><el-image :src="row.icon" :preview-src-list="[row.icon]" fit="cover" style="width: 40px; height: 40px; border-radius: 4px" preview-teleported /></div>
           <div v-else class="rr-good-icon-placeholder">{{ (row.title || '?').charAt(0) }}</div>
           <span>{{ row.title }}</span>
         </div>
diff --git a/src/styles/global-ui.scss b/src/styles/global-ui.scss
index 2c2410b..da7ffa7 100644
--- a/src/styles/global-ui.scss
+++ b/src/styles/global-ui.scss
@@ -72,6 +72,11 @@
 .batch-hint { font-size: 12px; color: var(--ink-3); }
 .batch-actions { margin-left: auto; display: flex; gap: 4px; flex-wrap: wrap; }
 
+/* ---------- 8. 图片预览浮层: 最高层级兜底 (不被表格/弹窗盖住) ---------- */
+.el-image-viewer__wrapper {
+  z-index: 3100 !important;
+}
+
 /* ---------- 4. 状态色暗色适配 ---------- */
 /* 状态语义色 token (亮色默认) — 各页面状态标签通过 var() 引用, 主题切换自动适配 */
 :root,