import React from 'react';
import { PageContainer } from '@ant-design/pro-components';
import { Card, Form, Input } from 'antd';
// import type {ColumnsType} from "antd/es/table";

// interface DataType {
//   record_id: string;
//   name: string;
// }

const LogManagement: React.FC = () => {
  const [form] = Form.useForm();
  // const [pagination, setPagination] = useState({ total: 0, current: 1, pageSize: 10 });
  // const [loading, setLoading] = useState(false);
  // const [dataList , setDataList ] = useState([]);

  const onFinish = () => {};

  // const tableChange = () =>{
  //
  // }
  //
  // const columns: ColumnsType<DataType> = [
  //   {
  //     title: '序号',
  //     align: 'center',
  //     key: 'index',
  //     render: (_: any, row: any, index: number) => index + 1,
  //   },
  //   {
  //     title: '名称',
  //     dataIndex: 'name',
  //     key: 'name',
  //   },
  //   {
  //     title: '运行时间',
  //     dataIndex: 'start_time',
  //     key: 'start_time',
  //   },
  //   {
  //     title: '结束时间',
  //     dataIndex: 'end_time',
  //     key: 'end_time',
  //   },
  // ]

  // const paginationProps = {
  //   showSizeChanger: true,
  //   showQuickJumper: true,
  //   showTotal: (total: number) => {
  //     return <span> 共 {total}条 </span>;
  //   },
  //   ...pagination,
  // };

  return (
    <PageContainer>
      <div>
        <Card>
          <Form form={form} layout="inline" onFinish={onFinish}>
            <Form.Item name="like_name" label="名称">
              <Input placeholder="请输入名称" />
            </Form.Item>
          </Form>
          {/*<Table*/}
          {/*  columns={columns}*/}
          {/*  dataSource={dataList}*/}
          {/*  rowKey={(record) => record.record_id}*/}
          {/*  pagination={paginationProps}*/}
          {/*  loading={loading}*/}
          {/*  onChange={tableChange}*/}
          {/*  style={{ margin:'20px 0'}}*/}
          {/*/>*/}
        </Card>
      </div>
    </PageContainer>
  );
};
export default LogManagement;
