import React from 'react'
import moment from 'moment'
import MyImg from '../../../Home/MapCtrl/components/Skssjc/myImg'
export default function Sssw({data}) {
  return (
    <div className="ssjc">
    <div className="root">
      <div className="realinfo">
        <div
          className='report-time'
        >水位上报时间: {data?.tm}</div>

        <div className="infoItem">
          <div className="row-key">监测水位:</div>
          <div className="row-value">{data?.rz ? data?.rz.toFixed(2):'-'}</div>
          <div className="row-unit">m</div>
        </div>

        <div className="infoItem">
          <div className="row-key">设计洪水位:</div>
          <div className="row-value">{data?.desFloodLev ? data?.desFloodLev.toFixed(2):'-'}</div>
          <div className="row-unit">m</div>
        </div>

        <div className="infoItem">
          <div className="row-key">正常蓄水位:</div>
          <div className="row-value">{data.normWatLev ? data.normWatLev.toFixed(2):'-'}</div>
          <div className="row-unit">m</div>
        </div>

        <div className="infoItem">
          <div className="row-key">汛限水位:</div>
          <div className="row-value">{data.flLowLimLev ? data.flLowLimLev.toFixed(2):'-'}</div>
          <div className="row-unit">m</div>
        </div>

        <div className="infoItem">
          <div className="row-key">死水位:</div>
          <div className="row-value">{data.deadLev ? data.deadLev.toFixed(2):'-'}</div>
          <div className="row-unit">m</div>
        </div>
        <div className="infoItem">
          <div className="row-key">坝顶高程:</div>
          <div className="row-value">{data.crestElev}</div>
          <div className="row-unit">{ data.crestElev ? "m" : "-"}</div>
        </div>

        <div className="infoItem">
          <div className="row-key">水库当前库容:</div>
          <div className="row-value">{data.nowCap}</div>
          <div className="row-unit">万m³</div>
        </div>

        <div className="infoItem">
          <div className="row-key">兴利库容:</div>
          <div className="row-value">{data.benResCap}</div>
          <div className="row-unit">万m³</div>
        </div>
      </div>
    </div>
    <div className='pic-container'>
      <MyImg record={data} />
    </div>
  </div>
  )
}