44 lines
1.5 KiB
JavaScript
44 lines
1.5 KiB
JavaScript
|
import React from 'react'
|
||
|
|
import { makeStyles } from '@material-ui/core';
|
||
|
|
import HDChart from './HDChart';
|
||
|
|
import { Grid } from '@material-ui/core';
|
||
|
|
import useDescStyle from '../_/descstyle';
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function RealHDTip({ record, dispatch }) {
|
||
|
|
const classes = useDescStyle();
|
||
|
|
const viewInfo = () => {
|
||
|
|
dispatch?.runtime.setInfoDlg({ layerId: 'GqzzLayer', properties: record })
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className="boxhead"></div>
|
||
|
|
<div className="featuretip-title">
|
||
|
|
<div className="name">{record.wagaName}</div>
|
||
|
|
<div className="extra cursor-pointer" onClick={viewInfo}>详细</div>
|
||
|
|
</div>
|
||
|
|
<div style={{ width: '25rem' }} className='f_14'>
|
||
|
|
<Grid container>
|
||
|
|
<Grid item className={classes.title}>工情编号:</Grid>
|
||
|
|
<Grid item className={classes.value}>{record.wagaCode}</Grid>
|
||
|
|
<Grid item className={classes.title}>闸门类别:</Grid>
|
||
|
|
<Grid item className={classes.value}>{record.wagaType_dictText}</Grid>
|
||
|
|
<Grid item className={classes.title}>闸门孔数:</Grid>
|
||
|
|
<Grid item className={classes.value}>{record.gaorNum}孔</Grid>
|
||
|
|
<Grid item className={classes.title}>设计流量:</Grid>
|
||
|
|
<Grid item className={classes.value}>{record.dsfl}m³/s</Grid>
|
||
|
|
<Grid item className={classes.title}>时间:</Grid>
|
||
|
|
<Grid item className={classes.value}>{record.updDate}</Grid>
|
||
|
|
</Grid>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="boxfoot"></div>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default React.memo(RealHDTip);
|