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

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>
  )
}