mcfxkh-Web/src/views/Home/InfoPops/ScStPop/index.js

61 lines
2.4 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

import React from 'react'
import { makeStyles } from '@material-ui/core';
import { Grid } from '@material-ui/core';
import useDescStyle from '../_/descstyle';
function ScStPop({ record, dispatch, view }) {
const classes = useDescStyle();
const viewInfo = () => {
dispatch?.runtime.setInfoDlg({ layerId: 'llsbLayer', properties: record })
}
return (
<>
<div className="boxhead"></div>
<div className="featuretip-title">
<div className="name">{view===303?'生产指标总览':'基本信息'}</div>
{/* <div className="extra cursor-pointer" onClick={viewInfo}>详细</div> */}
</div>
<div style={{ width: '25rem' }} className='f_14'>
{
view===303?
<Grid container>
<Grid item className={classes.title}>今日供水总量:</Grid>
<Grid item className={classes.value}>1293.21</Grid>
<Grid item className={classes.title}>昨日供水总量:</Grid>
<Grid item className={classes.value}>1038.53</Grid>
<Grid item className={classes.title}>本月供水总量:</Grid>
<Grid item className={classes.value}>37671.45</Grid>
<Grid item className={classes.title}>上月供水总量:</Grid>
<Grid item className={classes.value}>39201.86</Grid>
</Grid>:
<Grid container>
<Grid item className={classes.title}>水厂名称:</Grid>
<Grid item className={classes.value}>{record.stnm.replace("水库", "水厂")}</Grid>
<Grid item className={classes.title}>管理单位:</Grid>
<Grid item className={classes.value}>用水协会</Grid>
<Grid item className={classes.title}>水厂规模:</Grid>
<Grid item className={classes.value}>200</Grid>
<Grid item className={classes.title}>取水水源:</Grid>
<Grid item className={classes.value}>二仙岩水源地</Grid>
<Grid item className={classes.title}>负责人:</Grid>
<Grid item className={classes.value}>秦思益</Grid>
<Grid item className={classes.title}>联系电话:</Grid>
<Grid item className={classes.value}>15928192211</Grid>
<Grid item className={classes.title}>行政村:</Grid>
<Grid item className={classes.value}>凉桥村974</Grid>
</Grid>
}
</div>
<div className="boxfoot"></div>
</>
)
}
export default React.memo(ScStPop);