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