import React, { useMemo, useState } from 'react';
import useRequest from '../../../../utils/useRequest';
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';
import clsx from 'clsx';
import { renderDrp } from '../../../../utils/renutils';



function DrpReal({ style }) {

  return (
      <TableContainer style={{ height: '100%' }}>
        <Table size="small" stickyHeader>
            <TableHead>
              <TableRow>
                <DpTableCell style={{ minWidth: '5rem' }} align="center">水库名称</DpTableCell>
                <DpTableCell style={{ maxWidth: '20%' }} align="center">超汛限</DpTableCell>
                <DpTableCell style={{ maxWidth: '20%' }} align="center">方案</DpTableCell>
              </TableRow>
            </TableHead>
            <TableBody>
              {/* {data1.map((row,index) => (
                <DpTableRow key={row.stcd}>
                  <DpTableCell align="center">{index+1}</DpTableCell>
                  <DpTableCell align="center">{row.res_nm}</DpTableCell>
                </DpTableRow>
              ))} */}
              <DpTableRow>
                <DpTableCell align="center">夏家山水库</DpTableCell>
                <DpTableCell align="center">12.1</DpTableCell>
                <DpTableCell align="center">夏家山水库超汛限预案</DpTableCell>
              </DpTableRow>
            </TableBody>
          </Table>
      </TableContainer>
  )
}

export default DrpReal;