From 81653a257d801419cb6aa02b05ccddbd48c5d1a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wei=5F=E4=BD=B3?= <weijia.svip@gmail.com>
Date: Fri, 28 Nov 2025 16:01:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E5=9B=BE=E7=89=87=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E5=AD=97=E6=AE=B5=E6=B7=BB=E5=8A=A0=20NPopover=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=9B=BE=E7=89=87=E5=B1=95=E7=A4=BA=E4=BD=93?=
 =?UTF-8?q?=E9=AA=8C=E5=B9=B6=E8=B0=83=E6=95=B4=E7=9C=81=E7=95=A5=E5=8F=B7?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../valuation/audit/components/AuditDetail.vue    | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/web/src/views/valuation/audit/components/AuditDetail.vue b/web/src/views/valuation/audit/components/AuditDetail.vue
index 0407c54..cefbecd 100644
--- a/web/src/views/valuation/audit/components/AuditDetail.vue
+++ b/web/src/views/valuation/audit/components/AuditDetail.vue
@@ -9,6 +9,7 @@ import {
   NImage,
   NImageGroup,
   NDataTable,
+  NPopover,
 } from 'naive-ui'
 import { marked } from 'marked'
 
@@ -199,7 +200,7 @@ const detailSections = computed(() => {
         title: field.label,
         key: field.label,
         width: 200,
-        ellipsis: field.type === 'list' ? false : {
+        ellipsis: ['list', 'images'].includes(field.type) ? false : {
           tooltip: {
             style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' }
           },
@@ -217,7 +218,7 @@ const detailSections = computed(() => {
             return '-'
           } else if (fieldData.type === 'images') {
             if (fieldData.value && fieldData.value.length) {
-              return h(NImageGroup, {}, () => 
+              const createImages = () => h(NImageGroup, {}, () => 
                 fieldData.value.map(img => 
                   h(NImage, { 
                     src: img, 
@@ -228,6 +229,16 @@ const detailSections = computed(() => {
                   })
                 )
               )
+
+              return h(NPopover, {
+                trigger: 'hover',
+                displayDirective: 'show',
+                keepAliveOnHover: true,
+                style: { maxWidth: '600px', maxHeight: '400px', overflow: 'auto' }
+              }, {
+                trigger: () => h('div', { style: 'display: flex; overflow: hidden;' }, createImages()),
+                default: () => createImages()
+              })
             }
             return '-'
           } else {