From c235f4822d260fbb6c9f84221959aeb3248699dc Mon Sep 17 00:00:00 2001
From: WangDL <wangdl2900@163.com>
Date: Fri, 22 May 2026 16:04:35 +0800
Subject: [PATCH] fix: clean knowledge base table layout

---
 src/pages/KnowledgeBases.tsx | 38 ++++++++++++++++--------------------
 1 file changed, 17 insertions(+), 21 deletions(-)

diff --git a/src/pages/KnowledgeBases.tsx b/src/pages/KnowledgeBases.tsx
index 8fdc23c..41e8c2b 100644
--- a/src/pages/KnowledgeBases.tsx
+++ b/src/pages/KnowledgeBases.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { Table, Tag, Typography, Button, Space, App } from 'antd'
-import { ReloadOutlined, EyeOutlined, DeleteOutlined } from '@ant-design/icons'
+import { ReloadOutlined, DeleteOutlined } from '@ant-design/icons'
 import { getKnowledgeBases, deleteKnowledgeBase, type KnowledgeBase } from '@/services/knowledge-api'
 import dayjs from 'dayjs'
 
@@ -23,32 +23,28 @@ function KBPage() {
     onOk: async () => { await deleteKnowledgeBase(kb.id); qc.invalidateQueries({ queryKey: ['knowledge-bases'] }); message.success('已删除') },
   })
 
-  const columns = [
-    { title: '名称', dataIndex: 'title', ellipsis: true, render: (t: string, r: KnowledgeBase) => <a onClick={() => message.info(`ID: ${r.id}`)}>{t}</a> },
-    { title: '用户', dataIndex: ['user', 'nickname'], width: 120, render: (_: any, r: KnowledgeBase) => r.user?.nickname || r.user?.email || '-' },
-    { title: '知识点', dataIndex: 'itemCount', width: 80, align: 'center' as const },
-    { title: '状态', dataIndex: 'status', width: 80, render: (s: string) => <Tag color={s === 'active' ? 'green' : 'default'}>{s}</Tag> },
-    { title: '创建时间', dataIndex: 'createdAt', width: 160, render: (d: string) => dayjs(d).format('YYYY-MM-DD HH:mm') },
-    {
-      title: '操作', width: 100,
-      render: (_: any, r: KnowledgeBase) => (
-        <Space>
-          <Button type="link" size="small" icon={<EyeOutlined />}>详情</Button>
-          <Button type="link" size="small" danger icon={<DeleteOutlined />} onClick={() => handleDelete(r)} />
-        </Space>
-      ),
-    },
-  ]
-
   return (
     <div>
-      <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 16 }}>
+      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }}>
         <Title level={5} style={{ margin: 0 }}>知识库列表</Title>
         <Button icon={<ReloadOutlined />} onClick={() => qc.invalidateQueries({ queryKey: ['knowledge-bases'] })}>刷新</Button>
       </div>
-      <Table
-        dataSource={data?.items || []} columns={columns} rowKey="id" loading={isLoading}
+      <Table<KnowledgeBase>
+        dataSource={data?.items || []} loading={isLoading} rowKey="id"
         pagination={{ current: page, pageSize, total: data?.total || 0, showSizeChanger: true, showTotal: t => `共 ${t} 条`, onChange: (p, ps) => { setPage(p); setPageSize(ps) } }}
+        columns={[
+          { title: '名称', dataIndex: 'title', width: 200, ellipsis: true },
+          { title: '用户', width: 120, render: (_, r) => r.user?.nickname || r.user?.email || '-' },
+          { title: '知识点', dataIndex: 'itemCount', width: 80, align: 'center' },
+          { title: '状态', dataIndex: 'status', width: 80, render: (s: string) => <Tag color={s === 'active' ? 'green' : 'default'}>{s}</Tag> },
+          { title: '创建时间', dataIndex: 'createdAt', width: 170, render: (d: string) => dayjs(d).format('YYYY-MM-DD HH:mm') },
+          {
+            title: '操作', width: 80, align: 'center',
+            render: (_, r) => (
+              <Button type="link" size="small" danger icon={<DeleteOutlined />} onClick={() => handleDelete(r)} />
+            ),
+          },
+        ]}
       />
     </div>
   )