56 lines
2.1 KiB
JavaScript
56 lines
2.1 KiB
JavaScript
import React,{useState,useEffect} from 'react'
|
|
import {queryStPptnDetails} from '../../../../service/ssyq'
|
|
import { httppost2 } from '../../../../utils/request'
|
|
import apiurl from '../../../../service/apiurl'
|
|
export default function Sssw({ data }) {
|
|
const [detail, setDetail] = useState({})
|
|
const getDetail = async (stcd) => {
|
|
// const res = await httppost2(apiurlhome.turangshangqing.{stcd})
|
|
// setDetail{res}
|
|
}
|
|
useEffect(() => {
|
|
if (data.stcd) {
|
|
getDetail(data.stcd)
|
|
}
|
|
}, [data])
|
|
|
|
return (
|
|
<div className="ssjc">
|
|
<div className="root">
|
|
<div className="realinfo">
|
|
<div
|
|
className='report-time'
|
|
>数据更新时间: {detail?.tm}</div>
|
|
<div className='drp-content'>
|
|
<div className='drp-item'>
|
|
<div className='value'>{detail?.h ?? '-' } <span style={{fontSize:14}}>m³/s</span></div>
|
|
<div className='name'>溢洪流量</div>
|
|
</div>
|
|
<div className='drp-item'>
|
|
<div className='value'>{detail?.h3 ?? '-' } <span style={{fontSize:14}}>万m³</span></div>
|
|
<div className='name'>当日溢洪量</div>
|
|
</div>
|
|
<div className='drp-item'>
|
|
<div className='value'>{detail?.h6 ?? '-' } <span style={{fontSize:14}}>万m³</span></div>
|
|
<div className='name'>当月溢洪量</div>
|
|
</div>
|
|
<div className='drp-item'>
|
|
<div className='value'>{detail?.h12 ?? '-' } <span style={{fontSize:14}}>万m³</span></div>
|
|
<div className='name'>当年溢洪量</div>
|
|
</div>
|
|
<div className='drp-item'>
|
|
<div className='value'>{detail?.h24 ?? '-' } <span style={{fontSize:14}}>次</span></div>
|
|
<div className='name'>本年溢洪次数</div>
|
|
</div> <div className='drp-item'>
|
|
<div className='value'>{detail?.h48 ?? '-' } <span style={{fontSize:14}}>万m³</span></div>
|
|
<div className='name'>本年单次最大溢洪量</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
)
|
|
}
|