From e17e7a80ac8797f2b725637b2c50e74981b241b7 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sun, 2 Nov 2025 17:22:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96pagetype=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=A1=B5=EF=BC=8C=E7=A9=BA=E5=80=BC=E4=B8=8D=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?badge=E8=83=8C=E6=99=AF=E5=8D=A0=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/core/pagetype/GenericListPage.vue     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue b/apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue
index f5be5e5..c2d9924 100644
--- a/apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue
+++ b/apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue
@@ -118,7 +118,7 @@
                   <template v-for="f in cardBadges" :key="f.key">
                     <!-- Select字段使用独立的span，不包裹在.badge中 -->
                     <span 
-                      v-if="isSelectField(f.key) && row[f.key]"
+                      v-if="isSelectField(f.key) && row[f.key] !== null && row[f.key] !== undefined && row[f.key] !== ''"
                       class="select-badge" 
                       :style="{ 
                         backgroundColor: getSelectBadgeColor(f.key, row[f.key]),
@@ -127,8 +127,8 @@
                     >
                       {{ formatDisplayValue(row[f.key], f.key) }}
                     </span>
-                    <!-- 其他字段使用.badge包裹 -->
-                    <span v-else class="badge">
+                    <!-- 其他字段使用.badge包裹，只在有值时渲染 -->
+                    <span v-else-if="row[f.key] !== null && row[f.key] !== undefined && row[f.key] !== ''" class="badge">
                       <template v-if="isBooleanField(f.key) && (row[f.key] === 1 || row[f.key] === 0 || typeof row[f.key] === 'boolean')">
                         <span v-if="row[f.key] === 1 || row[f.key] === true" class="boolean-true">✓</span>
                         <span v-else class="boolean-false">○</span>
@@ -223,7 +223,7 @@
                 <template v-else-if="isIconField(col.key) && row[col.key]">
                   <Icon :icon="row[col.key]" :width="20" :height="20" class="icon-gray" />
                 </template>
-                <template v-else-if="isSelectField(col.key) && row[col.key]">
+                <template v-else-if="isSelectField(col.key) && row[col.key] !== null && row[col.key] !== undefined && row[col.key] !== ''">
                   <span 
                     class="select-badge" 
                     :style="{ 
@@ -234,7 +234,7 @@
                     {{ formatDisplayValue(row[col.key], col.key) }}
                   </span>
                 </template>
-                <template v-else>{{ formatDisplayValue(row[col.key], col.key) }}</template>
+                <template v-else-if="row[col.key] !== null && row[col.key] !== undefined && row[col.key] !== ''">{{ formatDisplayValue(row[col.key], col.key) }}</template>
               </div>
               <!-- 操作列覆盖组件 -->
               <component