import React from 'react';
import { Card, Table, Button } from 'antd';
import { PlusOutlined } from '@ant-design/icons';

const ProjectPage = () => {
  const columns = [
    {
      title: '项目名称',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: '负责人',
      dataIndex: 'manager',
      key: 'manager',
    },
    {
      title: '开始日期',
      dataIndex: 'startDate',
      key: 'startDate',
    },
    {
      title: '状态',
      dataIndex: 'status',
      key: 'status',
    },
  ];

  return (
    <Card
      title="专案管理"
      extra={
        <Button type="primary" icon={<PlusOutlined />}>
          新增专案
        </Button>
      }
    >
      <Table columns={columns} dataSource={[]} rowKey="id" />
    </Card>
  );
};

export default ProjectPage;