import { useState } from 'react';
import styles from './index.less';
import { Button, Select, Table } from 'antd';
import PageContent from '@/components/PageContent';

const PSRManage = () => {
  const [searchData, setSearchData] = useState({
    project_name: '',
    project_code: '',
  });
  const columns = [
    {
      title: '项目编号',
      dataIndex: 'code',
      key: 'code',
      render: (text) => <a>{text}</a>,
    },
    {
      title: '项目名称',
      dataIndex: 'name',
      key: 'name',
      render: (text) => <a>{text}</a>,
    },
    {
      title: '操作',
      render: (text) => <a>{text}</a>,
    },
  ];
  const projectData = [];

  const handleSearch = () => {};
  return (
    <PageContent>
      <div className={styles.searchContent}>
        <div className={styles.itemFlex}>
          <div>项目编号：</div>
          <Select
            style={{ width: 200 }}
            placeholder="请选择"
            onChange={(e) => {
              setSearchData({
                ...searchData,
                project_code: e,
              });
            }}
            options={projectData?.list?.map((item) => {
              return {
                value: item.project_name,
                label: item.project_name,
              };
            })}
          />
        </div>
        <div className={styles.itemFlex}>
          <div>项目名称：</div>
          <Select
            style={{ width: 200 }}
            placeholder="请选择"
            onChange={(e) => {
              setSearchData({
                ...searchData,
                project_name: e,
              });
            }}
            options={projectData?.list?.map((item) => {
              return {
                value: item.project_name,
                label: item.project_name,
              };
            })}
          />
        </div>

        <Button
          type="primary"
          className={styles.searchBtnSty}
          onClick={handleSearch}
        >
          查询
        </Button>
      </div>
      <Table columns={columns} dataSource={[]}></Table>
    </PageContent>
  );
};

export default PSRManage;