import SearchBox, { searchColumns as searchColumnsType } from '~/components/search-box';
import { Table } from 'antd';
import { ColumnsType } from 'antd/es/table';

const FlyerList = () => {
  const searchColumns: searchColumnsType[] = [
    {
      name: '',
      label: '账号',
      placeholder: '请输入UID,姓名或手机号',
      type: 'input',
    },
    {
      name: '',
      label: '执照认证状态',
      placeholder: '请选择执照认证状态',
      type: 'select',
      options: [],
    },
    {
      name: '',
      label: '场景培训认证',
      placeholder: '请选择场景培训认证状态',
      type: 'select',
      options: [],
    },
  ];
  const tableColumns: ColumnsType<any> = [
    {
      title: 'UID',
      align: 'center',
    },
    {
      title: '姓名',
      align: 'center',
    },
    {
      title: '执照认证状态',
      align: 'center',
    },
    {
      title: '场景培训认证',
      align: 'center',
    },
    {
      title: '手机号',
      align: 'center',
    },
    {
      title: '申请认证时间',
      align: 'center',
    },
    {
      title: '备注',
      align: 'center',
    },
    {
      title: '操作',
      align: 'center',
    },
  ];

  return (
    <div className='flyer-list'>
      <SearchBox search={searchColumns} />
      <Table bordered columns={tableColumns} />
    </div>
  );
};
export default FlyerList;
