fix: 项目表格列优化 — 描述列可见、标题简化、操作列自适应宽度

src/web/pages/projects/components/ProjectTable.tsx

@@ -4,7 +4,7 @@ import { DeleteOutlined, EditOutlined, InboxOutlined, LoginOutlined, RedoOutline
 import { App as AntApp, Button, Popconfirm, Space, Table, Tag } from "antd";
 import { useNavigate } from "react-router";
 
-import type { Project, ProjectListResponse } from "../../../../shared/api";
+import type { Project, ProjectListResponse, ProjectStatus } from "../../../../shared/api";
 
 interface ProjectTableProps {
   data: ProjectListResponse | undefined;
@@ -16,11 +16,12 @@ interface ProjectTableProps {
   onRestore: (id: string) => Promise<unknown>;
   page: number;
   pageSize: number;
+  status: ProjectStatus;
 }
 
 const COLUMNS: ColumnsType<Project> = [
-  { dataIndex: "name", ellipsis: true, title: "项目名称", width: 160 },
-  { dataIndex: "description", ellipsis: true, title: "项目描述" },
+  { dataIndex: "name", ellipsis: true, title: "名称", width: 140 },
+  { dataIndex: "description", ellipsis: true, title: "描述" },
   {
     align: "center",
     dataIndex: "status",
@@ -31,21 +32,21 @@ const COLUMNS: ColumnsType<Project> = [
       return <Tag color="blue">进行中</Tag>;
     },
     title: "状态",
-    width: 100,
+    width: 90,
   },
   {
     align: "center",
     dataIndex: "createdAt",
     render: (_value, record: Project) => formatDatetime(record.createdAt),
     title: "创建时间",
-    width: 185,
+    width: 180,
   },
   {
     align: "center",
     dataIndex: "updatedAt",
     render: (_value, record: Project) => formatDatetime(record.updatedAt),
     title: "更新时间",
-    width: 185,
+    width: 180,
   },
 ];
 
@@ -59,6 +60,7 @@ export function ProjectTable({
   onRestore,
   page,
   pageSize,
+  status,
 }: ProjectTableProps) {
   const { message } = AntApp.useApp();
   const navigate = useNavigate();
@@ -92,7 +94,6 @@ export function ProjectTable({
 
   const operationColumn: ColumnsType<Project>[number] = {
     dataIndex: "op",
-    fixed: "right",
     render: (_value, record: Project) => {
       if (record.status === "active") {
         return (
@@ -103,7 +104,7 @@ export function ProjectTable({
               size="small"
               type="link"
             >
-              进入工作台
+              工作台
             </Button>
             <Button icon={<EditOutlined />} onClick={() => onEdit(record)} size="small" type="link">
               编辑
@@ -140,7 +141,7 @@ export function ProjectTable({
       );
     },
     title: "操作",
-    width: 280,
+    width: status === "active" ? 260 : 160,
   };
 
   return (
@@ -157,7 +158,6 @@ export function ProjectTable({
         total: data?.total ?? 0,
       }}
       rowKey="id"
-      scroll={{ x: 900 }}
     />
   );
 }

src/web/pages/projects/components/ProjectToolbar.tsx

@@ -41,7 +41,7 @@ export function ProjectToolbar({
             onSearchClear();
           }}
           onSearch={(value) => onSearch(value)}
-          placeholder="搜索项目名称或描述"
+          placeholder="搜索名称或描述"
           value={draftKeyword}
         />
         {activeTab === "active" && (

src/web/pages/projects/index.tsx

@@ -73,6 +73,7 @@ export function ProjectsPage() {
         onRestore={(id) => restoreMutation.mutateAsync(id)}
         page={page}
         pageSize={pageSize}
+        status={tabValue}
       />
 
       <ProjectFormModal