pagetype列表页Link类型的字段更新为显示title_field的值

apps/jingrow/frontend/src/core/components/FilterBar.vue

@@ -23,6 +23,7 @@
               size="small"
               @blur="onFilterChange"
               @update:value="onInputChange"
+              @keyup.enter="onFilterChange"
             />
           </div>
           
@@ -78,6 +79,7 @@
               size="small"
               @blur="onFilterChange"
               @update:value="onInputChange"
+              @keyup.enter="onFilterChange"
             />
           </div>
           
@@ -102,6 +104,7 @@
               size="small"
               @blur="onFilterChange"
               @update:value="onInputChange"
+              @keyup.enter="onFilterChange"
             />
           </div>
         </div>

apps/jingrow/frontend/src/core/pagetype/GenericListPage.vue

@@ -289,6 +289,8 @@ const cardBadges = computed(() => {
 })
 
 const metaFields = ref<any[]>([])
+const linkTitleCache = ref<Record<string, string>>({})
+const pageTypeConfigCache = ref<Record<string, any>>({})
 
 async function loadMeta() {
   loading.value = true
@@ -304,6 +306,110 @@ async function loadMeta() {
   }
 }
 
+// 获取页面类型配置
+async function getPageTypeConfig(pagetype: string) {
+  if (!pagetype) return {}
+  
+  // 检查缓存
+  if (pageTypeConfigCache.value[pagetype]) {
+    return pageTypeConfigCache.value[pagetype]
+  }
+  
+  try {
+    const response = await axios.get(`/api/data/PageType/${encodeURIComponent(pagetype)}`, {
+      headers: get_session_api_headers(),
+      withCredentials: true
+    })
+    
+    const config = response.data?.data || {}
+    pageTypeConfigCache.value[pagetype] = config
+    return config
+  } catch (error) {
+    console.error('获取页面类型配置失败:', error)
+    return {}
+  }
+}
+
+// 获取记录的标题字段值
+async function getRecordTitle(pagetype: string, recordName: string): Promise<string> {
+  if (!pagetype || !recordName) return recordName || ''
+  
+  // 检查缓存
+  const cacheKey = `${pagetype}_${recordName}`
+  if (linkTitleCache.value[cacheKey]) {
+    return linkTitleCache.value[cacheKey]
+  }
+  
+  try {
+    // 获取页面类型配置
+    const config = await getPageTypeConfig(pagetype)
+    const titleField = config.title_field || 'name'
+    const showTitleFieldInLink = config.show_title_field_in_link || false
+    
+    // 如果标题字段就是name，直接返回
+    if (titleField === 'name') {
+      linkTitleCache.value[cacheKey] = recordName
+      return recordName
+    }
+    
+    // 如果未启用show_title_field_in_link，直接返回原值
+    if (!showTitleFieldInLink) {
+      linkTitleCache.value[cacheKey] = recordName
+      return recordName
+    }
+    
+    // 获取记录数据
+    const response = await axios.get(`/api/data/${encodeURIComponent(pagetype)}/${encodeURIComponent(recordName)}`, {
+      headers: get_session_api_headers(),
+      withCredentials: true
+    })
+    
+    const recordData = response.data?.data || {}
+    const titleValue = recordData[titleField] || recordName
+    
+    // 缓存结果
+    linkTitleCache.value[cacheKey] = titleValue
+    return titleValue
+    
+  } catch (error) {
+    console.error('获取记录标题失败:', error)
+    return recordName
+  }
+}
+
+// 预加载Link字段的title_field值
+async function preloadLinkTitles() {
+  // 找到所有Link类型的字段
+  const linkFields = metaFields.value.filter(f => f.fieldtype === 'Link' && f.options)
+  
+  if (linkFields.length === 0) return
+  
+  // 收集所有需要加载的Link字段值，使用Map去重
+  const linkMap = new Map<string, {pagetype: string, recordName: string}>()
+  
+  rows.value.forEach(row => {
+    linkFields.forEach(field => {
+      const value = row[field.fieldname]
+      if (value) {
+        const key = `${field.options}::${value}`
+        if (!linkMap.has(key)) {
+          linkMap.set(key, {
+            pagetype: field.options,
+            recordName: value
+          })
+        }
+      }
+    })
+  })
+  
+  // 批量加载title_field值
+  await Promise.all(
+    Array.from(linkMap.values()).map(({ pagetype, recordName }) => 
+      getRecordTitle(pagetype, recordName).catch(() => recordName)
+    )
+  )
+}
+
 async function loadData() {
   loading.value = true
   try {
@@ -356,6 +462,11 @@ async function loadData() {
     } else {
       total.value = res.data.total
     }
+    
+    // 预加载Link字段的title_field值（后台执行，不阻塞UI）
+    preloadLinkTitles().catch(err => {
+      console.error('预加载Link标题失败:', err)
+    })
   } catch (error) {
     console.error('Load data error:', error)
     message.error(t('Load failed'))
@@ -479,9 +590,20 @@ function isBooleanField(fieldName: string) {
 function formatDisplayValue(value: any, fieldName: string) {
   let result: any = value
   
-  // 尝试从字段元数据获取翻译选项
+  // 获取字段元数据
   const fieldMeta = metaFields.value.find(f => f.fieldname === fieldName)
-  if (fieldMeta && fieldMeta.options) {
+  
+  // 如果是Link类型字段，使用缓存的title_field值
+  if (fieldMeta && fieldMeta.fieldtype === 'Link' && fieldMeta.options && value) {
+    const cacheKey = `${fieldMeta.options}_${value}`
+    if (linkTitleCache.value[cacheKey]) {
+      result = linkTitleCache.value[cacheKey]
+    } else {
+      // 如果缓存中没有，返回原值（可能正在加载中）
+      result = value
+    }
+  } else if (fieldMeta && fieldMeta.options) {
+    // 尝试从字段元数据获取翻译选项（非Link字段）
     const options = fieldMeta.options.split('\n').filter((s: string) => s.trim() !== '')
     if (options.includes(value)) {
       result = t(value)