xielei 2024-10-09 08:58:59 +08:00
commit 8c99a043a3
6 changed files with 24 additions and 14 deletions

View File

@ -19,13 +19,23 @@ const Page = ({showPanels}) => {
const [data,setData] = useState({})//水库 const [data,setData] = useState({})//水库
useEffect(()=>{ useEffect(()=>{
dispatch.map.setLayerVisible({ ShuiKuLayer: true }) // dispatch.map.setLayerVisible({ ShuiKuLayer: true })
dispatch.map.setLayerVisible({ HdswLayer: true })
getData() getData()
return ()=>{ return ()=>{
dispatch.map.setLayerVisible({ ShuiKuLayer: false }) dispatch.map.setLayerVisible({ ShuiKuLayer: false })
dispatch.map.setLayerVisible({ HdswLayer: false })
} }
},[]) },[])
useEffect(()=>{
if(myKey==='2'){
dispatch.map.setLayerVisible({ ShuiKuLayer: true })
}else{
dispatch.map.setLayerVisible({ ShuiKuLayer: false })
}
},[myKey])
useEffect(()=>{ useEffect(()=>{
if(mapObj){ if(mapObj){
setMyKey('1') setMyKey('1')

View File

@ -126,7 +126,7 @@ const HomePage = ({showPanels}) => {
dispatch.runtime.setHome() dispatch.runtime.setHome()
setCheckedObj({ key:'11', label:'预警', labelRight:'预警', icon:'yujing' }) setCheckedObj({ key:'11', label:'预警', labelRight:'预警', icon:'yujing' })
}else if(a==='2'){ }else if(a==='2'){
// setShowTable(true) setShowTable(true)
// dispatch.runtime.setHome() // dispatch.runtime.setHome()
setCheckedObj({ key:'21', label:'巡查巡检', labelRight:'工程巡检', icon:'shuiku' }) setCheckedObj({ key:'21', label:'巡查巡检', labelRight:'工程巡检', icon:'shuiku' })
}else if(a==='3'){ }else if(a==='3'){

View File

@ -25,7 +25,7 @@ const MyImg = ({ record }) => {
return ( return (
<div style={{ <div style={{
flexGrow: 1, flexGrow: 1,
height: '36vh', height: '33vh',
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
backgroundColor: "#eff3f6", backgroundColor: "#eff3f6",

View File

@ -39,7 +39,7 @@ const Player: React.FC<IProps> = ({ activeKey, badgeType, tm, ts }) => {
const onSearchClick = (val:any) => { const onSearchClick = (val:any) => {
setSelectTime(moment(val).format("YYYYMMDD")); setSelectTime(moment(val).format("YYYYMMDD"));
mapObj.getLayers().getArray().forEach((layer:any)=> { mapObj && mapObj.getLayers().getArray().forEach((layer:any)=> {
if( (layer.values_.name) && (layer.values_.name).indexOf("radarImage") !== -1 ){ if( (layer.values_.name) && (layer.values_.name).indexOf("radarImage") !== -1 ){
layer.setOpacity(0); layer.setOpacity(0);
layer.setSource(null); layer.setSource(null);
@ -105,7 +105,7 @@ const Player: React.FC<IProps> = ({ activeKey, badgeType, tm, ts }) => {
return ()=>{ return ()=>{
dispatch.runtime.closeFeaturePopAll() dispatch.runtime.closeFeaturePopAll()
mapObj.getLayers().getArray().forEach((layer:any)=> { mapObj && mapObj.getLayers().getArray().forEach((layer:any)=> {
if( (layer?.values_.name) && (layer?.values_.name)?.indexOf("radarImage") !== -1 ){ if( (layer?.values_.name) && (layer?.values_.name)?.indexOf("radarImage") !== -1 ){
layer.dispose(); layer.dispose();
} }
@ -138,7 +138,7 @@ const Player: React.FC<IProps> = ({ activeKey, badgeType, tm, ts }) => {
useEffect(() => { useEffect(() => {
//console.log("110",badgeType); //console.log("110",badgeType);
if(badgeType === 1){ if(badgeType === 1){
mapObj.getView().setZoom(9); mapObj && mapObj.getView().setZoom(9);
setTooltipOpen(true); setTooltipOpen(true);
} }
}, [badgeType]); }, [badgeType]);
@ -146,7 +146,7 @@ const Player: React.FC<IProps> = ({ activeKey, badgeType, tm, ts }) => {
const setIndex = (index:any) => { const setIndex = (index:any) => {
setNum(index); setNum(index);
mapObj.getLayers().getArray().forEach((layer:any)=> { mapObj && mapObj.getLayers().getArray().forEach((layer:any)=> {
if( (layer.values_.name) && (layer.values_.name).indexOf("radarImage") !== -1 ){ if( (layer.values_.name) && (layer.values_.name).indexOf("radarImage") !== -1 ){
layer.dispose(); layer.dispose();
} }
@ -176,11 +176,11 @@ const Player: React.FC<IProps> = ({ activeKey, badgeType, tm, ts }) => {
// @ts-ignore // @ts-ignore
const deleteLayer = (layerId) => { const deleteLayer = (layerId) => {
// @ts-ignore // @ts-ignore
var layer = mapObj.getLayers().getArray().find(function(layer) { var layer = mapObj && mapObj.getLayers().getArray().find(function(layer) {
return layer.get('id') === layerId; return layer.get('id') === layerId;
}); });
if (layer) { if (layer) {
mapObj.removeLayer(layer); mapObj && mapObj.removeLayer(layer);
} }
}; };
@ -223,7 +223,7 @@ const Player: React.FC<IProps> = ({ activeKey, badgeType, tm, ts }) => {
deleteLayer("radarImage"); deleteLayer("radarImage");
mapObj.addLayer(sateCloudLayer); mapObj && mapObj.addLayer(sateCloudLayer);
} }
} }
}, [radarImgData, mapObj, num, activeKey]);//radarImgData, mapObj, channelVariables, num }, [radarImgData, mapObj, num, activeKey]);//radarImgData, mapObj, channelVariables, num

View File

@ -13,7 +13,7 @@ import {CrudOpRender_text} from '../../../../components/crud/CrudOpRender';
const url = "http://223.75.53.141:9102/test.by-lyf.tmp" const url = "http://223.75.53.141:9102/test.by-lyf.tmp"
const Page = () => { const Page = () => {
const role = useSelector(state => state.auth.role); const role = useSelector(state => state.auth.role);
const viewBtn = role?.rule?.find(item => item.menuName == "详情"); const viewBtn = role?.rule?.find(item => item.menuName == "详情") || true;
const refModal = useRef(); const refModal = useRef();
const [searchVal, setSearchVal] = useState(false) const [searchVal, setSearchVal] = useState(false)
const [tabs, setTabsChange] = useState(0) const [tabs, setTabsChange] = useState(0)

View File

@ -16,9 +16,9 @@ const Page = () => {
const role = useSelector(state => state.auth.role); const role = useSelector(state => state.auth.role);
console.log(role); console.log(role);
const editBtn = role?.rule?.find(item => item.menuName == "编辑"); const editBtn = role?.rule?.find(item => item.menuName == "编辑") || true;
const viewBtn = role?.rule?.find(item => item.menuName == "查看"); const viewBtn = role?.rule?.find(item => item.menuName == "查看") || true;
const delBtn = role?.rule?.find(item => item.menuName == "删除"); const delBtn = role?.rule?.find(item => item.menuName == "删除") || true;
const checkType = { const checkType = {
1: "低风险", 1: "低风险",
2: "一般风险", 2: "一般风险",