import React, { useEffect, useState } from 'react'
import { Grid } from '@material-ui/core'
import useDescStyle from './descstyle'

function Jbxx ({ record }) {
  const classes = useDescStyle()

  return (
    <>
      <div style={{ fontSize: '0.9rem', marginLeft: '1rem' }}>
        <Grid container className={classes.cont}>
          <Grid item className={classes.tit}>
            灌区名称
          </Grid>
          <Grid item className={classes.value}>
                        {record?.chanCode_dictText}
          </Grid>
          <Grid item className={classes.tit}>
            水闸类型
          </Grid>
          <Grid item className={classes.value}>
            {record?.wagaType_dictText??'--'}
          </Grid>
          <Grid item className={classes.tit}>
            行政区划
          </Grid>
          <Grid item className={classes.value} style={{}}>
            {record?.adCode_dictText}
          </Grid>
          <Grid item className={classes.tit}>
            管理单位
          </Grid>
          <Grid item className={classes.value}>
            {record?.engManCode_dictText}
          </Grid>
          <Grid item className={classes.tit}>
            渠道名称
          </Grid>
          <Grid item className={classes.value}>
            {record?.chanCode_dictText}
          </Grid>
          <Grid item className={classes.tit}>
            桩号
          </Grid>
          <Grid item className={classes.value}>
            {record?.bnch}
          </Grid>
          <Grid item className={classes.tit}>
            动力类型
          </Grid>
          <Grid item className={classes.value}>
            {record?.pwrTp_dictText??'--'}
          </Grid>
          <Grid item className={classes.tit}>
            闸门孔数
          </Grid>
          <Grid item className={classes.value}>
            {record?.whthInWat??'--'}
          </Grid>
          <Grid item className={classes.tit}>
            闸门尺寸
          </Grid>
          <Grid item className={classes.value}>
            3*2.8m*m
          </Grid>
          <Grid item className={classes.tit}>
             设计流量
          </Grid> 
          <Grid item className={classes.value}>
            {record?.dsfl}m³/s
          </Grid>
          <Grid item className={classes.tit}>
            进口高程
          </Grid>
          <Grid item className={classes.value}>
            {record?.actIrrA??'--'}m
          </Grid>
          <Grid item className={classes.tit}>
            实达流量
          </Grid>
          <Grid item className={classes.value}>
            {record?.stfl??'--'}
          </Grid>
            <Grid item className={classes.tit}>
            运行状态
          </Grid>
          <Grid item className={classes.value}>
            {record?.runStat_dictText??'--'}
          </Grid>
        </Grid>
      </div>

      <div className='boxfoot'></div>
    </>
  )
}

export default React.memo(Jbxx)