import { Grid } from '@material-ui/core';
import React from 'react';
import useRequest from '../../../../utils/useRequest';
import { skInfo } from '../../../../models/_/search';
import { adnmCun, adnmZhen } from '../../../../models/_/adcd';
import { Person } from '@material-ui/icons';
import PanelBox from '../../components/PanelBox';

import Table from '@material-ui/core/Table';
import TableContainer from '@material-ui/core/TableContainer';
import TableBody from '@material-ui/core/TableBody';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import DpTableCell from '../../../../layouts/mui/DpTableCell';
import DpTableRow from '../../../../layouts/mui/DpTableRow';


function SkInfo() {
  
  const data = [
    { name:'行政责任人', dm:'郑家豪', hfsw:'龟山镇人民政府', hfll:'组织委员', tm:'05-29 14:00' },
    { name:'巡查责任人', dm:'熊中良', hfsw:'花桥河村', hfll:'书记', tm:'05-29 14:30' },
    { name:'技术责任人', dm:'余健', hfsw:'农业农村服务中心', hfll:'副主任', tm:'05-29 15:00' },
  ]
  
  return (
    <div>
      <TableContainer style={{ height: '100%' }}>
        <Table size="small" stickyHeader>
          <TableHead>
            <TableRow style={{padding:'30px 0'}}>
              <DpTableCell style={{ maxWidth: '30%',padding:'15px' }} align="left">责任人</DpTableCell>
              <DpTableCell align="center">姓名</DpTableCell>
              <DpTableCell align="center">单位</DpTableCell>
              <DpTableCell align="center">职务</DpTableCell>
            </TableRow>
          </TableHead>
          <TableBody>
            {data.map((row) => (
              <DpTableRow key={row.stcd}>
                <DpTableCell component="th" scope="row">
                  <div className="table-ellipsis cursor-pointer" onClick={() => {}}>{row.name}</div>
                </DpTableCell>
                <DpTableCell align="center">{row.dm}</DpTableCell>
                <DpTableCell align="center">{row.hfsw}</DpTableCell>
                <DpTableCell align="center">{row.hfll}</DpTableCell>
              </DpTableRow>
            ))}
          </TableBody>
        </Table>
      </TableContainer>
    </div>
  )
}

export default SkInfo;