tsg-web/src/views/sq/qth/trsq/sssw.js

56 lines
2.1 KiB
JavaScript
Raw Normal View History

2025-03-28 17:31:43 +08:00
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 ?? '-' }%&nbsp;<span style={{fontSize:14}}>RH</span></div>
<div className='name'>实时数据</div>
</div>
<div className='drp-item'>
<div className='value'>{detail?.h3 ?? '-' }%&nbsp;<span style={{fontSize:14}}>RH</span></div>
<div className='name'>近1周极值</div>
</div>
<div className='drp-item'>
<div className='value'>{detail?.h6 ?? '-' }%&nbsp;<span style={{fontSize:14}}>RH</span></div>
<div className='name'>近1月极值</div>
</div>
<div className='drp-item'>
<div className='value'>{detail?.h12 ?? '-' }%&nbsp;<span style={{fontSize:14}}>RH</span></div>
<div className='name'>近3月极值</div>
</div>
<div className='drp-item'>
<div className='value'>{detail?.h24 ?? '-' }%&nbsp;<span style={{fontSize:14}}>RH</span></div>
<div className='name'>近6月极值</div>
</div> <div className='drp-item'>
<div className='value'>{detail?.h48 ?? '-' }%&nbsp;<span style={{fontSize:14}}>RH</span></div>
<div className='name'>近1年极值</div>
</div>
</div>
</div>
</div>
</div>
)
}