71 lines
2.2 KiB
JavaScript
71 lines
2.2 KiB
JavaScript
|
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
|