提交水厂

lsf-dev
秦子超 2025-05-28 17:06:13 +08:00
parent 060ffc0c05
commit 5d749075fa
15 changed files with 76 additions and 0 deletions

BIN
public/assets/title1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
public/assets/title2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
public/assets/title3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
public/assets/title4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
public/assets/title5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
public/assets/总览.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/assets/镇下拉.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

View File

@ -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>
)
}

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>