import {Button, Flex} from "antd";
import TeacherRegistered from "./TeacherRegistered";

const UserInfoTableColumn = (openUserInfoDetails) => [
    {
        title: 'id',
        dataIndex: 'id',
        key: 'id',
        responsive: ['lg'],
        render: (text) => <span key={text}>{text}</span>
    },
    {
        title: '姓名',
        dataIndex: 'name',
        key: 'name',
        render: (text) => <span key={text}>{text}</span>
    },
    {
        title: '工号',
        dataIndex: 'staffNumber',
        key: 'staffNumber',
        render: (text) => <span key={text}>{text}</span>
    },
    {
        title: '学院',
        dataIndex: 'college',
        key: 'college',
        responsive: ['lg'],
        render: (text) => <span key={text}>{text}</span>
    },
    {
        title: '专业',
        dataIndex: 'department',
        key: 'department',
        responsive: ['lg'],
        render: (text) => <span key={text}>{text}</span>
    },
    {
        title: '研究室',
        dataIndex: 'researchRoom',
        key: 'researchRoom',
        responsive: ['lg'],
        render: (text) => <span key={text}>{text}</span>
    },
    {
        title: '注册状态',
        dataIndex: 'registered',
        key: 'registered',
        render: (text, record) => <span key={text}><TeacherRegistered registered={record.registered}/></span>
    },
    {
        title: '操作',
        dataIndex: 'options',
        key: 'options',
        responsive: ['lg'],
        render: (text, record) => (
            <>
                <Flex justify={"start"} align={"center"}>
                    <Button type={"link"} onClick={() => openUserInfoDetails(record)}>查看详情</Button>
                </Flex>
            </>
        )
    },

]

export default UserInfoTableColumn;