合并代码
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
|
@ -312,7 +312,7 @@ function DrpChart({ record }) {
|
|||
name: '小时降雨',
|
||||
type: 'bar',
|
||||
barWidth: '60%',
|
||||
data: data2.map(o => o.drp),
|
||||
data: data2.map(o => Number((o.drp).toFixed(2))),
|
||||
itemStyle: {
|
||||
normal: {
|
||||
barBorderRadius: [3, 3, 0, 0],
|
||||
|
|
@ -342,7 +342,7 @@ function DrpChart({ record }) {
|
|||
label: {
|
||||
show: false,
|
||||
},
|
||||
data: data2.map(o => o.totalDrp),
|
||||
data: data2.map(o => Number((o.totalDrp).toFixed(2))),
|
||||
lineStyle: {
|
||||
normal: {
|
||||
width: 1,
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
},
|
||||
'paint': {
|
||||
'fill-opacity': 0.9,
|
||||
'fill-color': '#38467f',
|
||||
'fill-color': 'rgba(44,169,138,0.2)',
|
||||
}
|
||||
},
|
||||
浮桥河流域: {
|
||||
|
|
@ -31,7 +31,7 @@ export default {
|
|||
},
|
||||
'paint': {
|
||||
'fill-opacity': 0.9,
|
||||
'fill-color': '#38467f',
|
||||
'fill-color': 'rgba(44,169,138,0.4)',
|
||||
}
|
||||
},
|
||||
浮桥河: {
|
||||
|
|
@ -43,7 +43,8 @@ export default {
|
|||
'visibility':'none'
|
||||
},
|
||||
'paint': {
|
||||
'line-color': '#75fbfd',
|
||||
'line-opacity': 0.6,
|
||||
'line-color': '#00FFFF',
|
||||
'line-width': [
|
||||
'case',
|
||||
['==', ['get', 'LEVEL'], 1], 2.2*4,
|
||||
|
|
|
|||
|
|
@ -140,7 +140,6 @@ class LayerMgr {
|
|||
layers: [
|
||||
base.background,
|
||||
base.zhenGround,
|
||||
base.浮桥河流域,
|
||||
base.heatmap,
|
||||
base.gwmap,
|
||||
base.gqmap,
|
||||
|
|
@ -150,6 +149,7 @@ class LayerMgr {
|
|||
this.layerMap.RivlLayer.getStyle('water'),
|
||||
this.layerMap.RivlLayer.getStyle('rivl'),
|
||||
sources.绿色区域 && base.plantZone,
|
||||
base.浮桥河流域,
|
||||
base.浮桥河,
|
||||
base.xzj.shape, base.xj.shape,
|
||||
|
||||
|
|
|
|||
|
|
@ -128,7 +128,7 @@ export default function drpOption({ data, grid, title }) {
|
|||
label: {
|
||||
show: false,
|
||||
},
|
||||
data: data2.map(o => o.totalDrp),
|
||||
data: data2.map(o => Number((o.totalDrp).toFixed(2))),
|
||||
lineStyle: {
|
||||
normal: {
|
||||
width: 1,
|
||||
|
|
|
|||
|
|
@ -157,16 +157,16 @@ export default function Title() {
|
|||
}
|
||||
{
|
||||
(view===203||view===205||view===206)?
|
||||
<div style={{position:'absolute',left:'29rem',top:'6rem',transform:'translate(0px, 0px)',display:'flex',flexDirection:'column'}}>
|
||||
<div style={{position:'absolute',left:'27.8rem',top:'7.6rem',transform:'translate(0px, 0px)',display:'flex',flexDirection:'column'}}>
|
||||
{
|
||||
[
|
||||
{name:'返回',key:200,icon:'组1.png'},
|
||||
{name:'水库监测',key:203,icon:'组2.png'},
|
||||
{name:'防汛调度',key:205,icon:'组3.png'},
|
||||
{name:'巡查维养',key:206,icon:'组4.png'},
|
||||
{name:'返回',key:200,icon:'返回.png',icon2:'返回.png'},
|
||||
{name:'水库监测',key:203,icon:'水库.png',icon2:'水库2.png'},
|
||||
{name:'防汛调度',key:205,icon:'防汛.png',icon2:'防汛2.png'},
|
||||
{name:'巡查维养',key:206,icon:'巡查.png',icon2:'巡查2.png'},
|
||||
].map((item)=>
|
||||
<>
|
||||
<div style={{color:item.key===view?'#65dbfb':'#ffffff',cursor:'pointer',marginBottom:"0.5rem",display:'flex',flexDirection:'column',alignItems:'center',fontSize:'0.8rem'}} onClick={()=>{
|
||||
<div style={{color:item.key===view?'#65dbfb':'#ffffff',cursor:'pointer',marginBottom:"-2px",display:'flex',flexDirection:'column',alignItems:'center',fontSize:'0.8rem'}} onClick={()=>{
|
||||
dispatch.map.setView(item.key)
|
||||
const map = window.__mapref;
|
||||
if (map) {
|
||||
|
|
@ -188,10 +188,11 @@ export default function Title() {
|
|||
}
|
||||
}
|
||||
}}>
|
||||
<div style={{width:'2.5rem',height:'3.2rem',overflow:'hidden'}}>
|
||||
<img style={{width:'100%'}} src={`${process.env.PUBLIC_URL}/assets/icon/${item.icon}`} alt=""/>
|
||||
</div>
|
||||
{item.name}
|
||||
{
|
||||
item.key===200?
|
||||
<img style={{width:'34px'}} src={`${process.env.PUBLIC_URL}/assets/bar/${item.key===view?item.icon:item.icon2}`} alt=""/>
|
||||
:<img style={{width:'40px',marginTop:'-30px'}} src={`${process.env.PUBLIC_URL}/assets/bar/${item.key===view?item.icon:item.icon2}`} alt=""/>
|
||||
}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -3100,7 +3100,7 @@ function Page({jbqkKey}) {
|
|||
map.setLayoutProperty('浮桥河流域', 'visibility', 'visible');
|
||||
map.setLayoutProperty('浮桥河', 'visibility', 'visible');
|
||||
dispatch.runtime.setCameraTarget({
|
||||
center: [114.814743, 31.306305],
|
||||
center: [114.904743, 31.306305],
|
||||
zoom: 10,
|
||||
pitch: 50,
|
||||
bearing: 0
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
|
||||
function Page({ type,name,num1,num2,skType,setSkType }) {
|
||||
function Page({ type,name,num1,num2,skType,setSkType,icon }) {
|
||||
|
||||
return (
|
||||
<div style={{width:'100%',display:'flex',fontSize:'0.9rem', color:'#ffffff',padding:'0.5rem 0.5rem 0.5rem 1rem',borderRadius:'5px',background:'#132a4b',alignItems:'center',marginBottom:'1px',cursor:'pointer'}} onClick={()=>{
|
||||
setSkType(skType!==type?type:'')
|
||||
}}>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={15} height={15} alt=""/>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/${icon}`} width={15} height={15} alt=""/>
|
||||
<div style={{flex:1,paddingLeft:'0.8rem',marginBottom:'-0.1rem'}}>{name}</div>
|
||||
<div style={{marginBottom:'-0.1rem'}}>{num1}座</div>
|
||||
<div style={{ margin: '0 1rem -0.1rem 1rem' }}>{num2}{(type !=1 && type != 2) ?"万m³":"亿m³"}</div>
|
||||
|
|
|
|||
|
|
@ -5,22 +5,22 @@ function Page({ style }) {
|
|||
<div style={{width:'100%',display:'flex'}}>
|
||||
<div style={{width:'100%',display:'flex',alignItems:'flex-start',padding:'0.5rem 0',justifyContent:'space-around'}}>
|
||||
<div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.png`} width={20} alt=""/>
|
||||
<div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>大型水库</div>
|
||||
<div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>3</span> 座</div>
|
||||
</div>
|
||||
<div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/中.png`} width={20} alt=""/>
|
||||
<div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>中型水库</div>
|
||||
<div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>7</span> 座</div>
|
||||
</div>
|
||||
<div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/小1.png`} width={20} alt=""/>
|
||||
<div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>小(1)型水库</div>
|
||||
<div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>44</span> 座</div>
|
||||
</div>
|
||||
<div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/>
|
||||
<img src={`${process.env.PUBLIC_URL}/assets/icon/小1.png`} width={20} alt=""/>
|
||||
<div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>小(2)型水库</div>
|
||||
<div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>207</span> 座</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -39,10 +39,10 @@ function DrpReal({ style }) {
|
|||
}, [skData, skType, sort, sort1])
|
||||
|
||||
const skTypeObj = [
|
||||
{ type: '1', name: '大型水库', num1: 3, num2: 7.93,num3:8.73 },//8.735
|
||||
{ type: '2', name: '中型水库', num1: 7, num2: 0.51,num3:1.62 },
|
||||
{ type: '3', name: '小(1)型水库', num1: 44, num2: 31.54,num3:52.61 },
|
||||
{ type: '4', name: '小(2)型水库', num1: 207, num2: 10.11,num3:16.91 },
|
||||
{ type: '1', name: '大型水库', num1: 3, num2: 7.9316,icon:'大型水库.png' },//8.735
|
||||
{ type: '2', name: '中型水库', num1: 7, num2: 1.627,icon:'中.png' },
|
||||
{ type: '3', name: '小(1)型水库', num1: 44, num2: 1.627 ,icon:'小1.png'},
|
||||
{ type: '4', name: '小(2)型水库', num1: 207, num2: 8.735 ,icon:'小1.png'},
|
||||
]
|
||||
|
||||
useEffect(() => {
|
||||
|
|
|
|||
|
|
@ -128,7 +128,7 @@ export default function drpOption({ data, grid, title }) {
|
|||
label: {
|
||||
show: false,
|
||||
},
|
||||
data: data2.map(o => o.totalDrp),
|
||||
data: data2.map(o => Number((o.totalDrp).toFixed(2))),
|
||||
lineStyle: {
|
||||
normal: {
|
||||
width: 1,
|
||||
|
|
|
|||