76 lines
3.3 KiB
JavaScript
76 lines
3.3 KiB
JavaScript
import React from 'react'
|
|
import moment from 'moment'
|
|
import MyImg from '../../../Home/MapCtrl/components/Skssjc/myImg'
|
|
import {Divider} from "antd"
|
|
|
|
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?.calFloodLev ? data?.calFloodLev.toFixed(2) : '-'}</div>
|
|
<Divider type="vertical" style={{height:25,background:"#000",width:2,margin:"0 30px"}}/>
|
|
<div className="row-value" style={{width:"20%"}}>{(data.calFloodLev && data?.rz) ? (data?.rz - data.calFloodLev).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>
|
|
<Divider type="vertical" style={{height:25,background:"#000",width:2,margin:"0 30px"}}/>
|
|
<div className="row-value" style={{width:"20%"}}>{(data.desFloodLev && data?.rz) ? (data?.rz - 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.flLowLimLev ? data.flLowLimLev.toFixed(2):'-'}</div>
|
|
<Divider type="vertical" style={{height:25,background:"#000",width:2,margin:"0 30px"}}/>
|
|
<div className="row-value" style={{width:"20%"}}>{(data.flLowLimLev && data?.rz) ? (data?.rz - 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>
|
|
<Divider type="vertical" style={{height:25,background:"#000",width:2,margin:"0 30px"}}/>
|
|
<div className="row-value" style={{width:"20%"}}>{(data.deadLev && data?.rz) ? (data?.rz - 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>
|
|
)
|
|
}
|