35 lines
2.1 KiB
JavaScript
35 lines
2.1 KiB
JavaScript
|
import React, { useMemo, useState } from 'react';
|
|||
|
|
import { Switch, FormControlLabel,InputLabel, Select, MenuItem,FormControl } from '@material-ui/core/index'
|
|||
|
|
import PanelBox from '../../components/PanelBox';
|
|||
|
|
import AreaDrpChart from './chart';
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function DrpReal({ style }) {
|
|||
|
|
const [dimension, setDimension] =useState('ft');
|
|||
|
|
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<PanelBox
|
|||
|
|
style={style}
|
|||
|
|
title="水库总览"
|
|||
|
|
color="green"
|
|||
|
|
>
|
|||
|
|
<div style={{width:'100%',height:"14rem",display:'flex',marginTop:'-15px'}}>
|
|||
|
|
<div style={{margin:'10px auto',width:'70%'}}>
|
|||
|
|
<AreaDrpChart data={[]} />
|
|||
|
|
</div>
|
|||
|
|
<div style={{width:'30%',display:'flex',flexDirection:'column',justifyContent:'center'}}>
|
|||
|
|
<div style={{display:'flex',alignItems:'center',color:'#cdddf7',cursor:'pointer',marginTop:'35px'}}><div style={{width:'8px',height:'8px',borderRadius:'8px',background:'#6187e6',marginRight:'10px'}}></div>大型水库</div>
|
|||
|
|
<div style={{display:'flex',alignItems:'center',color:'#cdddf7',cursor:'pointer',marginTop:'10px'}}><div style={{width:'8px',height:'8px',borderRadius:'8px',background:'#77caa1',marginRight:'10px'}}></div>中型水库</div>
|
|||
|
|
<div style={{display:'flex',alignItems:'center',color:'#cdddf7',cursor:'pointer',marginTop:'10px'}}><div style={{width:'8px',height:'8px',borderRadius:'8px',background:'#5c6988',marginRight:'10px'}}></div>小(1)型水库</div>
|
|||
|
|
<div style={{display:'flex',alignItems:'center',color:'#cdddf7',cursor:'pointer',marginTop:'10px'}}><div style={{width:'8px',height:'8px',borderRadius:'8px',background:'#e2b642',marginRight:'10px'}}></div>小(2)型水库</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style={{width:'100%',color:'#E0F6F7',padding:"0 15px"}}><div style={{width:'2rem',display:'inline-block'}}></div>麻城市共有 325 座水库，其中大型水库 3 座（浮桥河水库45490万m³、明山水库16900万m³、三河口水库16926万m³），中型水库 7 座（总库容约 1.627亿m³），小（1）型水库 44 座、小（2）型水库 271 座，全市水库总库容约 11.56 亿m³。</div>
|
|||
|
|
</PanelBox>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default DrpReal;
|