import React, { Fragment, useRef, useMemo,useEffect,useState } from 'react';
import { Table, Modal, message, Image } from 'antd';
import { QuestionCircleOutlined } from '@ant-design/icons';
import usePageTable from '../../../components/crud/usePageTable2'
import { createCrudService } from '../../../components/crud/_';
import { httppost2 } from '../../../utils/request';
import apiurl from '../../../service/apiurl';
import SetDrpStation from '../setMapStation/drp.js'
import moment from 'moment';



const Page = () => {
    const [ tableData, setTableData ] = useState([])//在线
    console.log('tableData',tableData)
    const getData = async(val)=>{
        const { code, data} = await httppost2(apiurl.home.yhd)
        if(code!==200){
            return
        }
        setTableData(data[0])
    }

    useEffect(()=>{
        getData()
    },[])

  

    return (
        <>
        <div className="home_shuizhi">
            <dit className='home_shuizhi_item2'>
                <div>型式:</div>
                <div>{tableData.buildType}</div>
            </dit>
            <dit className='home_shuizhi_item2'>
                <div>堰顶高程(m):</div>
                <div>{tableData.crestEle}</div>
            </dit>
            <dit className='home_shuizhi_item2'>
                <div>总净宽(m):</div>
                <div>{tableData.netWidth}</div>
            </dit>
            <dit className='home_shuizhi_item2'>
                <div>最大单宽流量m³/(s·m):</div>
                <div>{tableData.bwidQ}</div>
            </dit>
            <dit className='home_shuizhi_item2'>
                <div>消能方式:</div>
                <div>{tableData.elimMethod}</div>
            </dit>
            <dit className='home_shuizhi_item2'>
                <div>消能防冲流量(m³/s):</div>
                <div>{tableData.elimQ}</div>
            </dit>
            <dit className='home_shuizhi_item2'>
                <div>设计泄洪流量(m³/s):</div>
                <div>{tableData.desQ}</div>
            </dit>
            <dit className='home_shuizhi_item2'>
                <div>校核泄洪流量(m³/s):</div>
                <div>{tableData.caliQ}</div>
            </dit>
        </div>
        </>
    )
}

export default Page