提交水厂
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
|
|
@ -27,6 +27,7 @@ export default function Title() {
|
|||
const layerVisible = useSelector(s => s.map.layerVisible);
|
||||
|
||||
const doSearch = () => dispatch.map.openSearch(inputRef.current.value);
|
||||
const view = useSelector(s => s.map.view);
|
||||
|
||||
const searchPressed = (e) => {
|
||||
if (e.keyCode === 13) {
|
||||
|
|
@ -114,6 +115,46 @@ export default function Title() {
|
|||
}
|
||||
</div>
|
||||
</div>
|
||||
{
|
||||
view===301?
|
||||
<div style={{position:'absolute',left:'50%',top:'6rem',transform:'translate(-50%, 0px)',display:'flex'}}>
|
||||
<div style={{display:'flex',alignItems:'center',justifyContent:'center',marginLeft:'20px'}}>
|
||||
<img src='/assets/title1.png' style={{width:'50px', height:'40px'}}/>
|
||||
<div style={{marginLeft:'8px',}}>
|
||||
<div style={{color:'rgba(255, 255, 255, 0.7)',fontSize:'10px',fontWeight:'400'}}><span style={{color:'#37D0E7',fontSize:'16px',fontWeight:'blod'}}>15 </span> 个</div>
|
||||
<div style={{color:'#ffffff',fontSize:'12px',fontWeight:'400'}}>乡镇数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{display:'flex',alignItems:'center',justifyContent:'center',marginLeft:'20px'}}>
|
||||
<img src='/assets/title2.png' style={{width:'50px', height:'40px'}}/>
|
||||
<div style={{marginLeft:'8px',}}>
|
||||
<div style={{color:'rgba(255, 255, 255, 0.7)',fontSize:'10px',fontWeight:'400'}}><span style={{color:'#37D0E7',fontSize:'16px',fontWeight:'blod'}}>16 </span> 个</div>
|
||||
<div style={{color:'#ffffff',fontSize:'12px',fontWeight:'400'}}>水源地数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{display:'flex',alignItems:'center',justifyContent:'center',marginLeft:'20px'}}>
|
||||
<img src='/assets/title3.png' style={{width:'50px', height:'40px'}}/>
|
||||
<div style={{marginLeft:'8px',}}>
|
||||
<div style={{color:'rgba(255, 255, 255, 0.7)',fontSize:'10px',fontWeight:'400'}}><span style={{color:'#37D0E7',fontSize:'16px',fontWeight:'blod'}}>221 </span> 座</div>
|
||||
<div style={{color:'#ffffff',fontSize:'12px',fontWeight:'400'}}>水厂数量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{display:'flex',alignItems:'center',justifyContent:'center',marginLeft:'20px'}}>
|
||||
<img src='/assets/title4.png' style={{width:'50px', height:'40px'}}/>
|
||||
<div style={{marginLeft:'8px',}}>
|
||||
<div style={{color:'rgba(255, 255, 255, 0.7)',fontSize:'10px',fontWeight:'400'}}><span style={{color:'#37D0E7',fontSize:'16px',fontWeight:'blod'}}>33 </span> 万</div>
|
||||
<div style={{color:'#ffffff',fontSize:'12px',fontWeight:'400'}}>服务人口</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{display:'flex',alignItems:'center',justifyContent:'center',marginLeft:'20px'}}>
|
||||
<img src='/assets/title5.png' style={{width:'50px', height:'40px'}}/>
|
||||
<div style={{marginLeft:'8px',}}>
|
||||
<div style={{color:'rgba(255, 255, 255, 0.7)',fontSize:'10px',fontWeight:'400'}}><span style={{color:'#37D0E7',fontSize:'16px',fontWeight:'blod'}}>1026 </span> 万m³</div>
|
||||
<div style={{color:'#ffffff',fontSize:'12px',fontWeight:'400'}}>年供水规模</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>:null
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,6 +8,11 @@ function DrpReal({ style }) {
|
|||
style={style}
|
||||
title="安防监控"
|
||||
color="green"
|
||||
extra={
|
||||
<>
|
||||
<img src='/assets/镇切换.jpg' style={{width:'150px', height:'20px',marginRight:'5px'}}/>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<img src='/assets/安防监控.jpg' style={{width:'27.5rem', height:'11rem',marginLeft:'-8px'}}/>
|
||||
</PanelBox>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,12 @@ function DrpReal({ style }) {
|
|||
style={style}
|
||||
title="电耗分析"
|
||||
color="green"
|
||||
extra={
|
||||
<>
|
||||
<img src='/assets/镇下拉.jpg' style={{width:'100px', height:'30px',marginRight:'10px'}}/>
|
||||
<img src='/assets/水厂切换.jpg' style={{width:'165px', height:'20px',marginRight:'5px'}}/>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<img src='/assets/电耗分析.jpg' style={{width:'26rem', height:'16rem',marginLeft:'8px'}}/>
|
||||
</PanelBox>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,12 @@ function DrpReal({ style }) {
|
|||
style={style}
|
||||
title="设备故障统计"
|
||||
color="green"
|
||||
extra={
|
||||
<>
|
||||
<img src='/assets/镇下拉.jpg' style={{width:'100px', height:'30px',marginRight:'10px'}}/>
|
||||
<img src='/assets/水厂切换.jpg' style={{width:'165px', height:'20px',marginRight:'5px'}}/>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<img src='/assets/设备故障统计.jpg' style={{width:'26rem', height:'14rem',marginLeft:'0.3rem',marginTop:'1rem'}}/>
|
||||
</PanelBox>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,12 @@ function DrpReal({ style }) {
|
|||
style={style}
|
||||
title="设备数量统计"
|
||||
color="green"
|
||||
extra={
|
||||
<>
|
||||
<img src='/assets/镇下拉.jpg' style={{width:'100px', height:'30px',marginRight:'10px'}}/>
|
||||
<img src='/assets/水厂切换.jpg' style={{width:'165px', height:'20px',marginRight:'5px'}}/>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<img src='/assets/设备数量统计.jpg' style={{width:'26rem', height:'14rem',marginLeft:'0.3rem',marginTop:'0.5rem'}}/>
|
||||
</PanelBox>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,12 @@ function DrpReal({ style }) {
|
|||
style={style}
|
||||
title="水厂监控"
|
||||
color="green"
|
||||
extra={
|
||||
<>
|
||||
<img src='/assets/镇下拉.jpg' style={{width:'100px', height:'30px',marginRight:'10px'}}/>
|
||||
<img src='/assets/水厂切换.jpg' style={{width:'165px', height:'20px',marginRight:'5px'}}/>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<img src='/assets/水厂监控.jpg' style={{width:'26rem', height:'12rem',marginLeft:'0.3rem',marginTop:'1rem'}}/>
|
||||
</PanelBox>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,12 @@ function DrpReal({ style }) {
|
|||
style={style}
|
||||
title="药耗分析"
|
||||
color="green"
|
||||
extra={
|
||||
<>
|
||||
<img src='/assets/镇下拉.jpg' style={{width:'100px', height:'30px',marginRight:'10px'}}/>
|
||||
<img src='/assets/水厂切换.jpg' style={{width:'165px', height:'20px',marginRight:'5px'}}/>
|
||||
</>
|
||||
}
|
||||
>
|
||||
<img src='/assets/药耗分析.jpg' style={{width:'26rem', height:'17.5rem',marginLeft:'8px'}}/>
|
||||
</PanelBox>
|
||||
|
|
|
|||